Cookbook UI

The current incarnation of the Cookbook interface. We're still tweaking little details, but this is definitely the direction it's going in!

To take full advantage of Flickr, you should use a JavaScript-enabled browser and
install the latest version of the Macromedia Flash Player.

Comments

chrisdejabet says:

I love it. Can't wait for the app. Any idea what the pricing will be?
Posted 33 months ago. ( permalink )

Reed Johnson says:

Will there be recipe sharing and rating.... that would be awesome!

Can't wait for the release date!
Posted 33 months ago. ( permalink )

I can't even believe how many iterations you went through, and each one looks great. This one is totally killer though, those "accent lights" are brilliant. Great overall feel and tone. Amazing.
Posted 33 months ago. ( permalink )

.smaran [deleted] says:

I love the lights on top... so realistic.
Posted 33 months ago. ( permalink )

@cdharrison says:

Looks right at home in the kitchen... the rich wood, the accent lighting... this is one killer ui...
Posted 33 months ago. ( permalink )

Ace Korre says:

The chopsticks just finishes it. Beautiful.
Posted 33 months ago. ( permalink )

twisted intellect says:

Love it... Definitively the best of the lot, and probably one of the best UIs I've seen... The only thing I'm not quite sure about is the scrollbars... Not quite sure what it is — the light arrows, the wooden slider... Something just doesn't feel right there...

But overall... Great work!
Posted 33 months ago. ( permalink )

-wolfgang says:

Pretty Nice, Ilike it.
Posted 33 months ago. ( permalink )

scelis says:

While I really like the idea of the changeable themes and the theme we see above, are you guys also planning on having a configuration flag for people who just want to force a consistent aqua interface?
Posted 33 months ago. ( permalink )

joe_oreilly123 [deleted] says:

Why not include skins? So you could have different styles depending on what kind of food you're cooking?
Posted 33 months ago. ( permalink )

pixsellr says:

I like it, but I think the lights (the should look like stylish halogen spot lights) are to much.

My favorites are the mock-ups Discoriffic! and Black toolbar.
Posted 33 months ago. ( permalink )

Jack Pierce says:

looks really great cant wait
Posted 33 months ago. ( permalink )

Patrick Haney says:

I love the look you're going for, including the little lights on the left side and the heavy wood grain accents. I'm looking forward to seeing what comes of this, as Macgourmet just isn't cutting it for me.
Posted 33 months ago. ( permalink )

soopa says:

that is way too pretty
Posted 33 months ago. ( permalink )

playingwithshapes says:

its so refreshing to see this level of detail going into the UI of an apple app. Reminds me of the amount of detail that Mike put into the delicious app
Posted 33 months ago. ( permalink )

elliotlevin says:

I agree that the contrast here is much better than the previous shot. Accent lights are great.
Posted 33 months ago. ( permalink )

julian bh says:

It is original, but isn't this a bit like brushed metal, except wood?
Posted 33 months ago. ( permalink )

Patrick Yan says:

I think that hiding the planner button in the titlebar isn't such a good idea. Unless specifically told to do so, a normal user wouldn't know that the "planner" itself is the toolbar.

the wood in the sidebar looks really fake. it's just wavy lines. there isn't any grain etc...

also i think that an option for a normal unified or smooth metal window should be in there somewhere. this app is just too visually contrasting and bright for normal usage. the reason there is a guideline to interfaces for os x is because every app would be all different colored and textured and it would look horrendous.
Posted 33 months ago. ( permalink )

shishkabibal says:

I Would Love This Shot Of Cookbook To Become A Mac OS X Theme!
Posted 33 months ago. ( permalink )

Manuel sanches [deleted] says:

This is really nice but i think that maybe it should stick to the guidelines
Posted 33 months ago. ( permalink )

nestafett says:

is there a way in it where you can track the nutrition of the food? link it to something that gives you maybe a read out on a spreadsheet of protein, etc...?
would be nice so people could use it like fitday and minimize programs and be more efficient and healthy

p.s. sorry if this is the wrong place to post this comment, i just saw this on digg and it looks cool!
Posted 33 months ago. ( permalink )

theducks says:

This will look great on my Kitchen iMac!
Posted 33 months ago. ( permalink )

ryos says:

can we just agree on skipping the Asian character background? I understand every single character but as a whole they make no sense.
Posted 33 months ago. ( permalink )

Rocktopotomus says:

love the faux-wood! esp that the buttons are also "wood". remindes me of david lynch's Dune
Posted 33 months ago. ( permalink )

Ryf says:

Good job!
Posted 33 months ago. ( permalink )

russellk says:

keep up the good work
Posted 33 months ago. ( permalink )

adamb_2006 says:

Looks awesome. I'd love to see a full screen mode too that is visible from across the room!
Posted 33 months ago. ( permalink )

rstrb8r says:

what is the icon in the upper right hand corner? is that a leopard icon? what is its function?
Posted 33 months ago. ( permalink )

cocoacupdotcom says:

On the ball... ...please don't ever fall off.

Gorgeous.

c.
Posted 33 months ago. ( permalink )

vtbrak says:

It looks great! I'm very excited about this, but I see a problem with the amount of room that is left for text directions in the recipe box. I want to have this running on the laptop in the kitchen while I am cooking. If there is only space for 4-6 steps in the recipe I will have to scroll down to see the rest and I don't want to touch the laptop with gross food covered fingers.
Posted 33 months ago. ( permalink )

jeffreynoldz says:

to be honest, i think this goes beyond "fun" and into the realm of "kitsch" - it's a bit too much IMO. the lights, the wavy woodgrain, all the over-modeling, the grass ... it's all a bit overwhelming.

I think the one titled "black toolbar" is the best overall package.
Posted 33 months ago. ( permalink )

Dan_H says:

I saw the author on stage at macworld live 2007... cool to see an app as a result of the website!
Posted 33 months ago. ( permalink )

geo_pcconsultants says:

lovely
Posted 33 months ago. ( permalink )

Rusty Mitchell says:

looks nice enough, but it is really overkill. i can't imagine really wanting to change themes for all of my recipes. seems like that would be tedious. if you do decide to go in this direction, something like "black toolbar" should be the default. it has a universal feel that would work for anything.
Posted 33 months ago. ( permalink )

howlingmerlin says:

Love the wood, hate the grass.
Posted 33 months ago. ( permalink )

adele* says:

Quite nice, but how about introducing it as one of many skins, and allow users the option of switching between them? I do like this, but would much prefer a simpler, brighter theme.

Also, would it be possible to view recipes in different formats (say, as icons like in the finder, or just text links)? If I were to have very many recipes under one category, I imagine the single-column view won't be very user-friendly...
Posted 33 months ago. ( permalink )

el frijole says:

"While I really like the idea of the changeable themes and the theme we see above, are you guys also planning on having a configuration flag for people who just want to force a consistent aqua interface?"

I concur. If its going to be non-standard, could there at least be an option to make the top and bottom look, well, normal?
Posted 33 months ago. ( permalink )

devNevyn says:

I like flickr.com/photos/mydreamapp/445750007/in/set -72157600046...? better because the left panes are much easier to read there. Too dark in this version.
Posted 33 months ago. ( permalink )

soundsgood2me says:

i agree with devNevyn: the first wood mockup is the best design. i'm all for innovation, but if something has to be functional, familiar elements go a long way toward a better user experience.
Posted 32 months ago. ( permalink )

Oomu says:

very nice

maybe I will remove the "spotlight".

--
about theme and interface,; you can break from "aqua", but your widgets, textbox and menu has to be _EXACTLY_ functional as standard widgets (shorcuts, services, context menu, _all_ )
Posted 32 months ago. ( permalink )

christhomson says:

Hey,

I Love the new design, maybe this could be a possible OS X theme in the future :P

The Spotlight window sticks out a little too much, and the image seems a little too perfected (in the way the image (of food)) is too much on a grid.

Anyway, Great work !!

-Chris
Posted 32 months ago. ( permalink )

alternatekev says:

Do you think it would be easier to design if there was a real recipe in there instead of lorem ipsum and a copy of the same ingredient list that doesn't even include fish?
Posted 32 months ago. ( permalink )

Pluspuls says:

Uh, get rid of the grass and the japanese letters, otherwise it looks great.
Posted 32 months ago. ( permalink )

twisted intellect says:

Well, Wolfgang Bartelme seems to have a thing for grass for the moment, so... Didn't notice the jap. letters, though, but yeah... Those will have to go...
Posted 32 months ago. ( permalink )

larskflem says:

splendid - hope this one wins
Posted 32 months ago. ( permalink )

Christian BS says:

Simply the best - Just the mottom wood (the bar at the bottom) coild be made of a slightly lighter wood though...
Posted 32 months ago. ( permalink )

stevenbeelen says:

wow the interface looks amazing
definitely mac os x worthy
Posted 32 months ago. ( permalink )

Cpeg [deleted] says:

Why does everyone think that the Japanese letters and grass are permanant. They're Part of the RECIPIE card. You won't be seeing the letters and grass when you click on something like "Cocktails". I LOVE this UI. Keep it JUST the way it is. Period.
Posted 32 months ago. ( permalink )

BrianBush says:

Are you planning to have default "recipe backdrops" (the chopsticks etc) for some basic food tags? Otherwise it'll look a bit bland for people's personal recipes by contrast. Also, I like the lights, but possibly make them recessed and more diffuse?
Posted 32 months ago. ( permalink )

hendriko says:

Really beautiful UI.
Loose the grass though.
Posted 32 months ago. ( permalink )

Blueberry Pony says:

I'd like to see the three control buttons at the top left of the window (do those have an overall name?) slightly inset, like the look of brushed metal and to a lesser extent plain cocoa apps.

Otherwise, it looks brilliant to me, though i will push for that search input to be at the top right.
Posted 32 months ago. ( permalink )

Erik K Veland says:

Can you just get on to fixing the basic UI and do the app? All these mockups of fancy GUIs seems a bit of a waste of time to me.

The slider and those top buttons doesn't look like their placement is very well thought out.
Posted 32 months ago. ( permalink )

Guntis66 says:

If the left side background will change depending on which folder I click, then I also vote for this one. I am not big fan of wood, although in some cases it's ok.
Posted 31 months ago. ( permalink )

Kerri9494 says:

Gorsh, does that mean that Cookbook is going to require APE?
Posted 31 months ago. ( permalink )

Colin Barrett says:

Guys, really... wood? This would look great if it was a website, but come on. I can't really see this looking good next to other Aqua looking apps.
Posted 30 months ago. ( permalink )

Justin Belcher says:

@Erik from what I can tell those buttons are related to the panel they're placed above, so I'd say they're thought out. :P

It looks gorgeous. Pump it out.
Posted 30 months ago. ( permalink )

mike cosentino says:

With 10.5 now becoming ui consistent, what is this going to do to CookBook? Will the app ignore 10.5 and be wooden?
Posted 30 months ago. ( permalink )

verycarla says:

I've got to say, I'm not in love with the accent lights. They're "cute" but I don't want "cute". Will they be optional, at least? And I like the wood idea, but I'd just as soon have it be Unified with theming options available if the mood strikes me. (Which, I confess, it most likely WILL NOT, but then I'm getting to be an old coot, so pay me no mind! ;)

What I'd LOVE to see is a shot of the recipe ENTRY process. Thus far all you've shown us is what it looks like when we're looking up recipes. The entry process is what can ruin an otherwise excellent cookbook app.
Posted 30 months ago. ( permalink )

Lloyd Hobden says:

Can I still hope for a version 2 that looks like this ...please!
Posted 29 months ago. ( permalink )

Sarah-Kelly says:

when is it coming out? and where can i get it?
Posted 22 months ago. ( permalink )

OwlBoy says:

Seems the mydreamapp thing was a total bust. Just like the Mac Themes contest.
Posted 19 months ago. ( permalink )

Would you like to comment?

[?]

	mydreamapp's photostream
		0

	Cookbook Progress (Set)
		28 items

This photo also belongs to:

	Apple (Pool)
		0

	Macintosh (Pool)
		0

	Interaction Designers (Pool)
		0

	Mac Addicts (Pool)
		0

	Cult of Mac (Pool)
		0

	Usability & Accessibility (Pool)
		0

	Screenshots (Pool)
		0

	Interfaces (Pool)
		0

	 (Pool)
		0

	UI Design (Pool)
		0

	User Interface Review (Pool)
		0

52 people call this photo a favorite

Additional Information

Taken on April 3, 2007
Viewed 52,083 times

Add to your map

Yay location removed

...

(Some formats are OK.)

Or, remove it from the map.

Go to the map

You	Sign in \| Create Your Free Account
Explore	Places \| Last 7 Days \| This Month \| Popular Tags \| The Commons \| Creative Commons \| Search
Help	Community Guidelines \| The Help Forum \| FAQ \| Sitemap \| Get Help

Cookbook UI

Comments

chrisdejabet says:

Reed Johnson says:

nick_farina says:

.smaran [deleted] says:

@cdharrison says:

Ace Korre says:

twisted intellect says:

-wolfgang says:

scelis says:

joe_oreilly123 [deleted] says:

pixsellr says:

Jack Pierce says:

Patrick Haney says:

soopa says:

playingwithshapes says:

elliotlevin says:

julian bh says:

Patrick Yan says:

shishkabibal says:

Manuel sanches [deleted] says:

nestafett says:

theducks says:

ryos says:

Rocktopotomus says:

Ryf says:

russellk says:

adamb_2006 says:

rstrb8r says:

cocoacupdotcom says:

vtbrak says:

jeffreynoldz says:

Dan_H says:

geo_pcconsultants says:

Rusty Mitchell says:

howlingmerlin says:

adele* says:

el frijole says:

devNevyn says:

soundsgood2me says:

Oomu says:

christhomson says:

alternatekev says:

Pluspuls says:

twisted intellect says:

larskflem says:

Christian BS says:

stevenbeelen says:

Cpeg [deleted] says:

BrianBush says:

hendriko says:

Blueberry Pony says:

Erik K Veland says:

Guntis66 says:

Kerri9494 says:

Colin Barrett says:

Justin Belcher says:

mike cosentino says:

verycarla says:

Lloyd Hobden says:

Sarah-Kelly says:

OwlBoy says:

Would you like to comment?

Tags

Additional Information