SlideShare uma empresa Scribd logo
1 de 26
UX AND
DESIGN
MOCKUPS
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.
AGENDA
Current
State
Design/UX
Trends
Concept
UX ANALYSIS
Current
State
Design/UX
Trends
Concept
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.
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
.
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
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.
UX and DIGITAL TRENDS
Current
State
Design/UX
Trends
Concept
Motion draws the users eye towards the
design and is one of the major ways we
remember and recall information
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
Google Micromoments is
evolving into
microinteractions
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.
Concepts
Current
State
Design/UX
Trends
Concept
The Concept
Water does not stop at the end
of the pipe
The Site
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
CONCEPT
THANK YOU

Mais conteúdo relacionado

Mais procurados

User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
Steve Hickey
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
Samuel Chow
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
Empatika
 
Bharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachBharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approach
Rahul Singh
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
Mark N Swaine
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 

Mais procurados (20)

UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Harvard Kennedy School Intranet - KNET product analysis
Harvard Kennedy School Intranet - KNET product analysisHarvard Kennedy School Intranet - KNET product analysis
Harvard Kennedy School Intranet - KNET product analysis
 
Academy PRO: UI\UX. Introduction.
Academy PRO: UI\UX. Introduction.Academy PRO: UI\UX. Introduction.
Academy PRO: UI\UX. Introduction.
 
What the #$%@ is UX Design?
What the #$%@ is UX Design?What the #$%@ is UX Design?
What the #$%@ is UX Design?
 
User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
 
Mobile UI Design Patterns
Mobile UI Design PatternsMobile UI Design Patterns
Mobile UI Design Patterns
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
UI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best PracticesUI Design - Lessons Learned, Principles, and Best Practices
UI Design - Lessons Learned, Principles, and Best Practices
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
 
Bharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachBharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approach
 
User interface for website
User interface for websiteUser interface for website
User interface for website
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Flat Design. Microsoft Story
Flat Design. Microsoft StoryFlat Design. Microsoft Story
Flat Design. Microsoft Story
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
UX Trends 2016
UX Trends 2016UX Trends 2016
UX Trends 2016
 
User Interface Design Basic
User Interface Design BasicUser Interface Design Basic
User Interface Design Basic
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Destaque

Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013
Emma Clark
 
Commemorazione Craxi 2012[1]
Commemorazione  Craxi 2012[1]Commemorazione  Craxi 2012[1]
Commemorazione Craxi 2012[1]
Michele Simone
 

Destaque (11)

about_limeSHIFT
about_limeSHIFTabout_limeSHIFT
about_limeSHIFT
 
Menú del día
Menú del día Menú del día
Menú del día
 
Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013Emma Clark Columbia Certificate July 2013
Emma Clark Columbia Certificate July 2013
 
Los materiales y las energías limpias en la informatica
Los materiales y las energías limpias en la informaticaLos materiales y las energías limpias en la informatica
Los materiales y las energías limpias en la informatica
 
Diseño de título
Diseño de títuloDiseño de título
Diseño de título
 
Defence
DefenceDefence
Defence
 
Commemorazione Craxi 2012[1]
Commemorazione  Craxi 2012[1]Commemorazione  Craxi 2012[1]
Commemorazione Craxi 2012[1]
 
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
'An Independent Review Of The Rules Governing Local Content On Commercial Rad...
 
9 tips for gaining Self Confidence
9 tips for gaining Self Confidence9 tips for gaining Self Confidence
9 tips for gaining Self Confidence
 
Things Expo: The Emergence of the Quantified Small Business
Things Expo: The Emergence of the Quantified Small BusinessThings Expo: The Emergence of the Quantified Small Business
Things Expo: The Emergence of the Quantified Small Business
 
Errezeta txantiloia
Errezeta txantiloiaErrezeta txantiloia
Errezeta txantiloia
 

Semelhante a Site Mockups

Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
Akhil Kumar
 
Deconstructed websites
Deconstructed websitesDeconstructed websites
Deconstructed websites
Amanda Simmons
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
sirferds
 

Semelhante a Site Mockups (20)

UI Design Trends
UI Design TrendsUI Design Trends
UI Design Trends
 
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
 
DOC
DOCDOC
DOC
 
Enhance User Experience with Effective Website Navigation.pptx
Enhance User Experience with Effective Website Navigation.pptxEnhance User Experience with Effective Website Navigation.pptx
Enhance User Experience with Effective Website Navigation.pptx
 
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design ElementsIllusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
 
4 Online browsing behaviour across categories
4 Online browsing behaviour across categories4 Online browsing behaviour across categories
4 Online browsing behaviour across categories
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
 
Deconstructed websites
Deconstructed websitesDeconstructed websites
Deconstructed websites
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
 
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesDesigning for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
What is usability
What is usabilityWhat is usability
What is usability
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 

Mais de Kris Bruynson

Social 2014 predictions
Social 2014 predictionsSocial 2014 predictions
Social 2014 predictions
Kris Bruynson
 

Mais de Kris Bruynson (7)

The GeeqChain Project Summary
The GeeqChain Project SummaryThe GeeqChain Project Summary
The GeeqChain Project Summary
 
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
An Introduction to Blockchain, Bitcoin, and CryptoEconomics.
 
Wj App Wires
Wj App WiresWj App Wires
Wj App Wires
 
Mobile
MobileMobile
Mobile
 
Woodland brand short
Woodland brand shortWoodland brand short
Woodland brand short
 
Social 2014 predictions
Social 2014 predictionsSocial 2014 predictions
Social 2014 predictions
 
Consumer Mobile Insights Research 2013
Consumer Mobile Insights Research 2013Consumer Mobile Insights Research 2013
Consumer Mobile Insights Research 2013
 

Último

一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
ZurliaSoop
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 

Último (20)

LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 

Site Mockups

  • 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.
  • 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. 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. 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. 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. UX and DIGITAL TRENDS Current State Design/UX Trends Concept
  • 10. Motion draws the users eye towards the design and is one of the major ways we remember and recall information
  • 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. Google Micromoments is evolving into microinteractions
  • 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.
  • 15. The Concept Water does not stop at the end of the pipe

Notas do Editor

  1. Fiftythree.com
  2. 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.