SlideShare a Scribd company logo
1 of 11
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.
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.
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 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. 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 Share buttons are a good idea on any site
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 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 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 This search function  allows the user to search all recipes.  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
Recipes Clicking here navigates to this page 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.
Recipes The user scrolls down the page through several recipes, finally reaching the last one.  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.  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.
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.  The title of the recipe and the date  always show up at the top,  helping the user know what they’re looking at.  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).  This identifies the category the recipe is filed  under.  These share tools  allow the sharing of  each specific recipe,  a valuable tool.  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 comments that have been posted).  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.
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. The share links here are somewhat strange, since the content on the page is essentially a biography.  Links in the text lead to interesting external sites, but some of  the links (such as the one to LinkedIn) are repetitive.  Clicking here navigates to this page.
Portfolio Clicking here navigates to this page.  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.
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.

More Related Content

What's hot

Power point presentaion about facebook
Power point presentaion about facebookPower point presentaion about facebook
Power point presentaion about facebook
JeSs Seno
 
5 ways to optimize your facebook page
5 ways to optimize your facebook page5 ways to optimize your facebook page
5 ways to optimize your facebook page
Prachi Karan
 

What's hot (19)

Facebook Open Graph API and How To Use It
Facebook Open Graph API and How To Use ItFacebook Open Graph API and How To Use It
Facebook Open Graph API and How To Use It
 
Facebook Timeline for Pages
Facebook Timeline for PagesFacebook Timeline for Pages
Facebook Timeline for Pages
 
Information Architecture for SEO
Information Architecture for SEOInformation Architecture for SEO
Information Architecture for SEO
 
SEO For WordPress
SEO For WordPressSEO For WordPress
SEO For WordPress
 
Facebook Apps
Facebook AppsFacebook Apps
Facebook Apps
 
Future of Page Builders in Gutenberg Era
Future of Page Builders in Gutenberg EraFuture of Page Builders in Gutenberg Era
Future of Page Builders in Gutenberg Era
 
Facebook timelines-for-pages
Facebook timelines-for-pagesFacebook timelines-for-pages
Facebook timelines-for-pages
 
About the New Facebook Page Layout
About the New Facebook Page LayoutAbout the New Facebook Page Layout
About the New Facebook Page Layout
 
Usability & UI (2010)
Usability & UI (2010)Usability & UI (2010)
Usability & UI (2010)
 
Videographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonsterVideographer portfolio responsive word press theme templatemonster
Videographer portfolio responsive word press theme templatemonster
 
Introduction to WordPress Class 3
Introduction to WordPress Class 3Introduction to WordPress Class 3
Introduction to WordPress Class 3
 
Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)
 
Introduction to WordPress Class 4
Introduction to WordPress Class 4Introduction to WordPress Class 4
Introduction to WordPress Class 4
 
Introduction to WordPress Class 2
Introduction to WordPress Class 2Introduction to WordPress Class 2
Introduction to WordPress Class 2
 
Power point presentaion about facebook
Power point presentaion about facebookPower point presentaion about facebook
Power point presentaion about facebook
 
5 ways to optimize your facebook page
5 ways to optimize your facebook page5 ways to optimize your facebook page
5 ways to optimize your facebook page
 
Facebook Fan Page Promotion
Facebook Fan Page PromotionFacebook Fan Page Promotion
Facebook Fan Page Promotion
 
Facebook Timeline for Pages
Facebook Timeline for PagesFacebook Timeline for Pages
Facebook Timeline for Pages
 
The panels family
The panels familyThe panels family
The panels family
 

Similar to User Interface Critique

Dealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutionsDealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutions
Queensland University of Technology
 
E commerce Important practices
E commerce Important practicesE commerce Important practices
E commerce Important practices
inkacoy
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
Microsoft
 
47 amazing blog_designs_offer
47 amazing blog_designs_offer47 amazing blog_designs_offer
47 amazing blog_designs_offer
Attila Gárdos
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
Amanda Kern
 

Similar to User Interface Critique (20)

Storyboard
StoryboardStoryboard
Storyboard
 
DSpace - Digital Library - Heuristic Evaluation
DSpace - Digital Library - Heuristic EvaluationDSpace - Digital Library - Heuristic Evaluation
DSpace - Digital Library - Heuristic Evaluation
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page Design
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & NavigationFYBSC IT Web Programming Unit II Html Page Layout & Navigation
FYBSC IT Web Programming Unit II Html Page Layout & Navigation
 
Critical Assessment of CoolestGadgets.com
Critical Assessment of CoolestGadgets.comCritical Assessment of CoolestGadgets.com
Critical Assessment of CoolestGadgets.com
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Dealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutionsDealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutions
 
E commerce Important practices
E commerce Important practicesE commerce Important practices
E commerce Important practices
 
18 link building techniques that work best in 2016
18 link building techniques that work best in 201618 link building techniques that work best in 2016
18 link building techniques that work best in 2016
 
The crack website
The crack websiteThe crack website
The crack website
 
Mini Critique
Mini CritiqueMini Critique
Mini Critique
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
 
47 amazing blog_designs_offer
47 amazing blog_designs_offer47 amazing blog_designs_offer
47 amazing blog_designs_offer
 
47 amazing blog designs
47 amazing blog designs47 amazing blog designs
47 amazing blog designs
 
47 amazing blog designs
47 amazing blog designs47 amazing blog designs
47 amazing blog designs
 
Backlinks
 Backlinks Backlinks
Backlinks
 
What are Backlinks
What are BacklinksWhat are Backlinks
What are Backlinks
 
4 Interface Design
4 Interface Design4 Interface Design
4 Interface Design
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 

Recently uploaded

call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Morcall Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
vikas rana
 

Recently uploaded (15)

2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Mukherjee Nagar (Delhi)
 
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
8377087607 Full Enjoy @24/7-CLEAN-Call Girls In Chhatarpur,
 
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Morcall Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
call Now 9811711561 Cash Payment乂 Call Girls in Dwarka Mor
 
WOMEN EMPOWERMENT women empowerment.pptx
WOMEN EMPOWERMENT women empowerment.pptxWOMEN EMPOWERMENT women empowerment.pptx
WOMEN EMPOWERMENT women empowerment.pptx
 
2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Palam (Delhi)
 
The Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by MindbrushThe Selfspace Journal Preview by Mindbrush
The Selfspace Journal Preview by Mindbrush
 
LC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdfLC_YouSaidYes_NewBelieverBookletDone.pdf
LC_YouSaidYes_NewBelieverBookletDone.pdf
 
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
$ Love Spells^ 💎 (310) 882-6330 in West Virginia, WV | Psychic Reading Best B...
 
Pokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy TheoryPokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy Theory
 
(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7
(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7
(Aarini) Russian Call Girls Surat Call Now 8250077686 Surat Escorts 24x7
 
2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Dashrath Puri (Delhi)
 
9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls
9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls
9892124323, Call Girls in mumbai, Vashi Call Girls , Kurla Call girls
 
2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)
2k Shots ≽ 9205541914 ≼ Call Girls In Jasola (Delhi)
 
Top Rated Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated  Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...Top Rated  Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated Pune Call Girls Tingre Nagar ⟟ 6297143586 ⟟ Call Me For Genuine Se...
 
(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...
(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...
(Anamika) VIP Call Girls Navi Mumbai Call Now 8250077686 Navi Mumbai Escorts ...
 

User Interface Critique

  • 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. 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. 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 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. 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 Share buttons are a good idea on any site
  • 4. 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 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 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 This search function allows the user to search all recipes. 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
  • 5. Recipes Clicking here navigates to this page 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.
  • 6. Recipes The user scrolls down the page through several recipes, finally reaching the last one. 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. 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.
  • 7. 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. The title of the recipe and the date always show up at the top, helping the user know what they’re looking at. 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). This identifies the category the recipe is filed under. These share tools allow the sharing of each specific recipe, a valuable tool. This navigation allows the user to navigate recipes in chronological order, which is a little silly.
  • 8. Individual Recipes - Comment Field Comments are displayed here, at the bottom of each post (along with the number of comments that have been posted). 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.
  • 9. 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. The share links here are somewhat strange, since the content on the page is essentially a biography. Links in the text lead to interesting external sites, but some of the links (such as the one to LinkedIn) are repetitive. Clicking here navigates to this page.
  • 10. Portfolio Clicking here navigates to this page. 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.
  • 11. 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.