Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Site Mockups

262 vues

Publié le

Kris

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Site Mockups

  1. 1. UX AND DESIGN MOCKUPS
  2. 2. The Ask 1. Visit www.echologics.com. 2. Identify user-experience issues on the home page​. 3. Suggest an improved redesign of the home page​ to address the issues you identify. 4. Present ​(strategy and visuals) ​to us and few other team members.
  3. 3. AGENDA Current State Design/UX Trends Concept
  4. 4. UX ANALYSIS Current State Design/UX Trends Concept
  5. 5. UX ANALYSIS Slogan not readable Although the slogan is typically not a critical piece of content, it clutters the page when it is not readable. Not Responsive On average, more than 50% of users now browse from a mobile device. A site that is not responsive, loses all these consumers. Additionally, Google punishes site that are not responsive.
  6. 6. UX ANALYSIS Inconsistent clickable elements Service images are not clickable but images on articles are – not consistent – users shouldn’t relearn how to navigate the site every time they click on something Whitespace under articles Lots of white space under the articles titles - awkward Inconsistent content Links go to a page with content that does not align with the homepage content .
  7. 7. UX ANALYSIS Multiple ways to email Two methods of contact (clickable email and click through to contact us form) – complicates and clutters the site Contact below the footer Footer is above the contact us section – gives the impression that there is something more below the page
  8. 8. UX ANALYSIS Critical 1. Cannot read all of the logo 2. Not responsive 3. Service images are not clickable but images on articles are – not consistent – users shouldn’t relearn how to navigate the site every time they click on something 4. Footer is above the contact us section – gives the impression that there is something more below the page Needs Improvement 1. Lots of white space under the articles titles - awkward 2. Two methods of contact (clickable email and click through to contact us form) – clutters the site Minor 1. Not all menu buttons click through to landing page - inconsistent UX 2. Sliders are not often used due to consumers not clicking on them 3. No imagery for the articles. With no unique imagery, there is no purpose to having it.
  9. 9. UX and DIGITAL TRENDS Current State Design/UX Trends Concept
  10. 10. Motion draws the users eye towards the design and is one of the major ways we remember and recall information
  11. 11. UX ANALYSIS Motion draws the users eye towards the design and is one of the major ways we remember and recall information Scrolling will play a bigger part in animating siteS in the future
  12. 12. Google Micromoments is evolving into microinteractions
  13. 13. Google Micromoments is evolving into microinteractions Brillo: A platform that links objects from thermostats to washing machines to each other and to the web Weave: A Set of developer tools that allows smartphones, the cloud and devices powered by Brillo to talk to one another.
  14. 14. Concepts Current State Design/UX Trends Concept
  15. 15. The Concept Water does not stop at the end of the pipe
  16. 16. The Site
  17. 17. CONCEPT
  18. 18. CONCEPT
  19. 19. CONCEPT
  20. 20. CONCEPT
  21. 21. CONCEPT
  22. 22. CONCEPT
  23. 23. CONCEPT
  24. 24. CONCEPT
  25. 25. CONCEPT
  26. 26. THANK YOU

×