Food.com

Screen Shot 2015-04-14 at 17.04.45
Home page | food.com

Food.com has a huge collection of recipes that are submitted, rated and reviewed . This is pretty standard practise when it comes to building sites like this or developing apps, but notice that there’s a search bar at the top. This is so that the user can navigate quickly to view whatever it is they want to see on that particular site if they know what they’re looking for. Navigation should be swift and stress free to stop the user from getting bored, frustrated or all in all losing interest. The last thing you want to do is drive traffic away from your app/site.

Food.com has 5 ways they sort your search:

  1. Recommended
  2. Popular
  3. Quick & Easy
  4. Healthy
  5. Newest

All web apps now must be responsive otherwise they just look tacky. Not only does it make the design overall look so much better and doesn’t annoy the user because they have to zoom out or in or scroll either way, but it means it can be viewed on various platforms and on different hardwares and screen sizes. A good app needs to accustom to the user otherwise it will lose popularity pretty quickly. Notice how food.com is responsive:

Screen Shot 2015-04-14 at 17.04.45
Desktop | Home page | food.com

 

Screen Shot 2015-04-14 at 17.05.29
Tablet | Home page | food.com

 

Screen Shot 2015-04-14 at 17.05.39
Mobile | Home page | food.com
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s