SlideShare una empresa de Scribd logo
1 de 31
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
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
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 are nice,  these are distracting  and take away from the 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
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
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
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 have here, and highlights the awkwardness of  the dual purpose instead  of helping with smooth integration
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 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.
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.
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.
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.
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.
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).
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 comments that have been posted).
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.
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  (something that would be easy to integrate), and it gives off a feeling of total separation from the rest of the site.
About Me Links in the text lead to interesting external sites, but some of  the links (such as the one to LinkedIn) are repetitive.
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 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.

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (18)

Facebook Apps
Facebook AppsFacebook Apps
Facebook Apps
 
21 Ways to Market your Facebook Page
21 Ways to Market your Facebook Page21 Ways to Market your Facebook Page
21 Ways to Market your Facebook Page
 
About the New Facebook Page Layout
About the New Facebook Page LayoutAbout the New Facebook Page Layout
About the New Facebook Page Layout
 
Facebook Timeline for Pages
Facebook Timeline for PagesFacebook Timeline for Pages
Facebook Timeline for Pages
 
Introduction to WordPress Class 3
Introduction to WordPress Class 3Introduction to WordPress Class 3
Introduction to WordPress Class 3
 
Information Architecture for SEO
Information Architecture for SEOInformation Architecture for SEO
Information Architecture for SEO
 
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 4
Introduction to WordPress Class 4Introduction to WordPress Class 4
Introduction to WordPress Class 4
 
Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)Web 2.0 Marketing (Part 1)
Web 2.0 Marketing (Part 1)
 
Presentation 1
Presentation 1Presentation 1
Presentation 1
 
The panels family
The panels familyThe panels family
The panels family
 
Introduction to WordPress Class 2
Introduction to WordPress Class 2Introduction to WordPress Class 2
Introduction to WordPress Class 2
 
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 timelines-for-pages
Facebook timelines-for-pagesFacebook timelines-for-pages
Facebook timelines-for-pages
 
Semantic views
Semantic  viewsSemantic  views
Semantic views
 
Usability & UI (2010)
Usability & UI (2010)Usability & UI (2010)
Usability & UI (2010)
 
Designing Navigation
Designing NavigationDesigning Navigation
Designing Navigation
 
Facebook Connect Wordpress Plugin 2.5.1 Features
Facebook Connect Wordpress Plugin 2.5.1 FeaturesFacebook Connect Wordpress Plugin 2.5.1 Features
Facebook Connect Wordpress Plugin 2.5.1 Features
 

Similar a User Interface Critique

E commerce Important practices
E commerce Important practicesE commerce Important practices
E commerce Important practices
inkacoy
 
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
 
47 amazing blog_designs_offer
47 amazing blog_designs_offer47 amazing blog_designs_offer
47 amazing blog_designs_offer
Attila Gárdos
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
Microsoft
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
Amanda Kern
 
Post and page in word press
Post and page in word pressPost and page in word press
Post and page in word press
Lucky Ali
 

Similar a 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 ...
 
Critical Assessment of CoolestGadgets.com
Critical Assessment of CoolestGadgets.comCritical Assessment of CoolestGadgets.com
Critical Assessment of CoolestGadgets.com
 
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
 
E commerce Important practices
E commerce Important practicesE commerce Important practices
E commerce Important practices
 
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
 
47 amazing blog_designs_offer
47 amazing blog_designs_offer47 amazing blog_designs_offer
47 amazing blog_designs_offer
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
 
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
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Applying New Technologies
Applying New TechnologiesApplying New Technologies
Applying New Technologies
 
Backlinks
 Backlinks Backlinks
Backlinks
 
What are Backlinks
What are BacklinksWhat are Backlinks
What are Backlinks
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 
Mini Critique
Mini CritiqueMini Critique
Mini Critique
 
Post and page in word press
Post and page in word pressPost and page in word press
Post and page in word press
 
Jims Book Review Web Design Power Point V2
Jims Book Review Web Design Power Point V2Jims Book Review Web Design Power Point V2
Jims Book Review Web Design Power Point V2
 

Último

Girls in Mahipalpur (delhi) call me [🔝9953056974🔝] escort service 24X7
Girls in Mahipalpur  (delhi) call me [🔝9953056974🔝] escort service 24X7Girls in Mahipalpur  (delhi) call me [🔝9953056974🔝] escort service 24X7
Girls in Mahipalpur (delhi) call me [🔝9953056974🔝] escort service 24X7
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
the Husband rolesBrown Aesthetic Cute Group Project Presentation
the Husband rolesBrown Aesthetic Cute Group Project Presentationthe Husband rolesBrown Aesthetic Cute Group Project Presentation
the Husband rolesBrown Aesthetic Cute Group Project Presentation
brynpueblos04
 
KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...
KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...
KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...
Cara Menggugurkan Kandungan 087776558899
 
February 2024 Recommendations for newsletter
February 2024 Recommendations for newsletterFebruary 2024 Recommendations for newsletter
February 2024 Recommendations for newsletter
ssuserdfec6a
 

Último (15)

Exploring Stoic Philosophy From Ancient Wisdom to Modern Relevance.pdf
Exploring Stoic Philosophy From Ancient Wisdom to Modern Relevance.pdfExploring Stoic Philosophy From Ancient Wisdom to Modern Relevance.pdf
Exploring Stoic Philosophy From Ancient Wisdom to Modern Relevance.pdf
 
Goregaon West Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
Goregaon West Escorts 🥰 8617370543 Call Girls Offer VIP Hot GirlsGoregaon West Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
Goregaon West Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
 
March 2023 Recommendations for newsletter
March 2023 Recommendations for newsletterMarch 2023 Recommendations for newsletter
March 2023 Recommendations for newsletter
 
SIKP311 Sikolohiyang Pilipino - Ginhawa.pptx
SIKP311 Sikolohiyang Pilipino - Ginhawa.pptxSIKP311 Sikolohiyang Pilipino - Ginhawa.pptx
SIKP311 Sikolohiyang Pilipino - Ginhawa.pptx
 
Girls in Mahipalpur (delhi) call me [🔝9953056974🔝] escort service 24X7
Girls in Mahipalpur  (delhi) call me [🔝9953056974🔝] escort service 24X7Girls in Mahipalpur  (delhi) call me [🔝9953056974🔝] escort service 24X7
Girls in Mahipalpur (delhi) call me [🔝9953056974🔝] escort service 24X7
 
Colaba Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
Colaba Escorts 🥰 8617370543 Call Girls Offer VIP Hot GirlsColaba Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
Colaba Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
 
Dadar West Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
Dadar West Escorts 🥰 8617370543 Call Girls Offer VIP Hot GirlsDadar West Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
Dadar West Escorts 🥰 8617370543 Call Girls Offer VIP Hot Girls
 
Emotional Freedom Technique Tapping Points Diagram.pdf
Emotional Freedom Technique Tapping Points Diagram.pdfEmotional Freedom Technique Tapping Points Diagram.pdf
Emotional Freedom Technique Tapping Points Diagram.pdf
 
2023 - Between Philosophy and Practice: Introducing Yoga
2023 - Between Philosophy and Practice: Introducing Yoga2023 - Between Philosophy and Practice: Introducing Yoga
2023 - Between Philosophy and Practice: Introducing Yoga
 
the Husband rolesBrown Aesthetic Cute Group Project Presentation
the Husband rolesBrown Aesthetic Cute Group Project Presentationthe Husband rolesBrown Aesthetic Cute Group Project Presentation
the Husband rolesBrown Aesthetic Cute Group Project Presentation
 
Pokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy TheoryPokemon Go... Unraveling the Conspiracy Theory
Pokemon Go... Unraveling the Conspiracy Theory
 
KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...
KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...
KLINIK BATA Jual obat penggugur kandungan 087776558899 ABORSI JANIN KEHAMILAN...
 
Call Girls In Mumbai Just Genuine Call ☎ 7738596112✅ Call Girl Andheri East G...
Call Girls In Mumbai Just Genuine Call ☎ 7738596112✅ Call Girl Andheri East G...Call Girls In Mumbai Just Genuine Call ☎ 7738596112✅ Call Girl Andheri East G...
Call Girls In Mumbai Just Genuine Call ☎ 7738596112✅ Call Girl Andheri East G...
 
Social Learning Theory presentation.pptx
Social Learning Theory presentation.pptxSocial Learning Theory presentation.pptx
Social Learning Theory presentation.pptx
 
February 2024 Recommendations for newsletter
February 2024 Recommendations for newsletterFebruary 2024 Recommendations for newsletter
February 2024 Recommendations for newsletter
 

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
  • 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. Home Page Share buttons are a good idea on any site
  • 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. 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. 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. 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. Website Navigation This search function allows the user to search all recipes.
  • 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. Recipes Clicking here navigates to this page
  • 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. Recipes The user scrolls down the page through several recipes, finally reaching the last one.
  • 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. 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. 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. 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. 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. Individual Recipes These share tools allow the sharing of each specific recipe, a valuable tool.
  • 21. Individual Recipes This identifies the category the recipe is filed under.
  • 22. Individual Recipes This navigation allows the user to navigate recipes in chronological order, which is a little silly.
  • 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. 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. About Me Clicking here navigates to this page.
  • 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. 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. About Me The share links here are somewhat strange, since the content on the page is essentially a biography.
  • 29. Portfolio Clicking here navigates to this page.
  • 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. 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.