Patricia Decker PWR 662: Writing for Digital Media Website UI Critique 2/10/2012 www.patriciamdecker.wordpress.com This we...
This network map will be in the corner  of each of the critique pages, and highlighted boxes will help you  identify where...
Home Page This is the main content section which introduces the idea of the food blog and portfolio combination. While des...
Home Page While the graphics in the header are nice choice and do a good job of illustrating the site’s purpose, the lack ...
Home Page Share buttons are a good idea on any site
Home Page These strange buttons  are the result of using an  outside program to install  external fonts.  While the fonts ...
Website Navigation This is the main navigation menu for the site. While it is clean and fairly easy to understand, the “te...
Website Navigation This is a recent recipe feed which is available on all the pages.  While this is essential,  nothing ab...
Website Navigation This search function  allows the user to search by category of recipe.  It’s a good and useful feature,...
Website Navigation This search function  allows the user to search all recipes.
Website Navigation Hidden underneath the drop-down menu  is a link to the owner’s LinkedIn page.  It’s an odd choice to ha...
Recipes Clicking here navigates to this page
Recipes This page produces in full the last  several recipes posted by the owner. This does create some  problems as longe...
Recipes The user scrolls down the page through several recipes, finally reaching the last one.
Recipes These navigation controls appear after each recipe on the page, allowing the user to leave a comment on the recipe...
Recipes If the user still has patience, they can view older entries. But this navigation item appears laughably low on the...
Individual Recipes Each recipe has their own dedicated  page, which has to be either searched for individually or clicked ...
Individual Recipes The title of the recipe and the date  always show up at the top,  helping the user know what they’re lo...
Individual Recipes Images add some welcome visual  interest, but there could be more of them.  And in this case, there isn...
Individual Recipes These share tools  allow the sharing of  each specific recipe,  a valuable tool.
Individual Recipes This identifies the category the recipe is filed  under.
Individual Recipes This navigation allows the user to navigate recipes in chronological order, which is a little silly.
Individual Recipes - Comment Field Comments are displayed here, at the bottom of each post (along with the number of comme...
Individual Recipes - Comment Field This form allows users to post a  comment. It allows them to put in their name and addr...
About Me Clicking here navigates to this page.
About Me This section is about The owner of the site. While interesting, it  doesn’t have much to do with cooking  (someth...
About Me Links in the text lead to interesting external sites, but some of  the links (such as the one to LinkedIn) are re...
About Me The share links here are somewhat strange, since the content on the page is essentially a biography.
Portfolio Clicking here navigates to this page.
Portfolio This section contains primarily writing and graphic design samples from the website owner. Clicking on any sampl...
Patricia Decker PWR 662: Writing for Digital Media Website UI Critique 2/10/2012 www.patriciamdecker.wordpress.com In conc...
Upcoming SlideShare
Loading in …5
×

User Interface Critique

3,818 views

Published on

Published in: Self Improvement, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,818
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

User Interface Critique

  1. 1. Patricia Decker PWR 662: Writing for Digital Media Website UI Critique 2/10/2012 www.patriciamdecker.wordpress.com This website is a combination of a professional writer and graphic designer’s portfolio and a lighthearted, illustrated collection of recipes.
  2. 2. This network map will be in the corner of each of the critique pages, and highlighted boxes will help you identify where the content being discussed exists in the larger context of the website.
  3. 3. Home Page This is the main content section which introduces the idea of the food blog and portfolio combination. While descriptive, the large lump of text is distracting and off-putting. Additionally, the lack of graphics or illustrations seems problematic for a designer and cook hoping to appeal to hungry visitors
  4. 4. Home Page While the graphics in the header are nice choice and do a good job of illustrating the site’s purpose, the lack of color and the level of white space here leads to a segmented feeling instead of creating a cohesive bond between the page elements
  5. 5. Home Page Share buttons are a good idea on any site
  6. 6. Home Page These strange buttons are the result of using an outside program to install external fonts. While the fonts are nice, these are distracting and take away from the site.
  7. 7. Website Navigation This is the main navigation menu for the site. While it is clean and fairly easy to understand, the “text-only” nature doesn’t highlight the separation between the pages, and the navigation menu highlights the awkwardness of the portfolio and recipe blog combination. A better approach would be to have a gallery menu that highlights the recipes
  8. 8. Website Navigation This is a recent recipe feed which is available on all the pages. While this is essential, nothing about the text here makes the reader want to see more of the recipes
  9. 9. Website Navigation This search function allows the user to search by category of recipe. It’s a good and useful feature, but not compelling. If it were combined with a more graphical navigation option, the visual aspect might not be so important
  10. 10. Website Navigation This search function allows the user to search all recipes.
  11. 11. Website Navigation Hidden underneath the drop-down menu is a link to the owner’s LinkedIn page. It’s an odd choice to have here, and highlights the awkwardness of the dual purpose instead of helping with smooth integration
  12. 12. Recipes Clicking here navigates to this page
  13. 13. Recipes This page produces in full the last several recipes posted by the owner. This does create some problems as longer posts dwarf smaller ones and make the user scroll endlessly down the page.
  14. 14. Recipes The user scrolls down the page through several recipes, finally reaching the last one.
  15. 15. Recipes These navigation controls appear after each recipe on the page, allowing the user to leave a comment on the recipe and telling them what category the recipe falls into.
  16. 16. Recipes If the user still has patience, they can view older entries. But this navigation item appears laughably low on the page, and is likely to never be used.
  17. 17. Individual Recipes Each recipe has their own dedicated page, which has to be either searched for individually or clicked on in the “recent” section of the website navigation bar.
  18. 18. Individual Recipes The title of the recipe and the date always show up at the top, helping the user know what they’re looking at.
  19. 19. Individual Recipes Images add some welcome visual interest, but there could be more of them. And in this case, there isn’t an illustration of the final product (a serious mistake).
  20. 20. Individual Recipes These share tools allow the sharing of each specific recipe, a valuable tool.
  21. 21. Individual Recipes This identifies the category the recipe is filed under.
  22. 22. Individual Recipes This navigation allows the user to navigate recipes in chronological order, which is a little silly.
  23. 23. Individual Recipes - Comment Field Comments are displayed here, at the bottom of each post (along with the number of comments that have been posted).
  24. 24. Individual Recipes - Comment Field This form allows users to post a comment. It allows them to put in their name and address to help the owner of the website identify and filter comments, and allows the user to share their comment on social networks. Additionally, users can subscribe to any further comments made on their post.
  25. 25. About Me Clicking here navigates to this page.
  26. 26. About Me This section is about The owner of the site. While interesting, it doesn’t have much to do with cooking (something that would be easy to integrate), and it gives off a feeling of total separation from the rest of the site.
  27. 27. About Me Links in the text lead to interesting external sites, but some of the links (such as the one to LinkedIn) are repetitive.
  28. 28. About Me The share links here are somewhat strange, since the content on the page is essentially a biography.
  29. 29. Portfolio Clicking here navigates to this page.
  30. 30. Portfolio This section contains primarily writing and graphic design samples from the website owner. Clicking on any sample leads the user to the full version. While this may be a valuable feature for the owner, it seems strange to exist as its own page. Perhaps this page could be integrated with the “about” page to make both more Interesting.
  31. 31. Patricia Decker PWR 662: Writing for Digital Media Website UI Critique 2/10/2012 www.patriciamdecker.wordpress.com In conclusion, this website has potential but due to an overall lack of graphics and failure to create an appealing and sensible navigation feature that both highlights the recipes while integrating the portfolio aspect the website owner desires, the website falls short of reaching its potential.

×