Upload
open-source-fashion
View
26
Download
1
Tags:
Embed Size (px)
Citation preview
#FCMIA
@rima_gerhard
Effective UI/UXAnd why it matters.
#FCMIA
@rima_gerhard
WHAT IS UI/UX?
UI – User InterfaceUX- User Experience
#FCMIA
@rima_gerhard
UX is not UI
#FCMIA
@rima_gerhard
UX is not UI
• UI – what people see.• UX – how people interact and feel while they
do.
#FCMIA
@rima_gerhard
UI – what users see.
#FCMIA
@rima_gerhard
UX – how users interact & feel.
#FCMIA
@rima_gerhard
UX is not UI
• UI – what people see and use to interact with the product TECHNICAL
• UX – how people feel while they do EMOTIONAL
#FCMIA
@rima_gerhard
Relationship between UX and UI
#FCMIA
@rima_gerhard
Relationship between UX and UI
#FCMIA
@rima_gerhard
Relationship between UX and UI
#FCMIA
@rima_gerhard
Your Product
Image Credits: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal
#FCMIA
@rima_gerhard
Your UI
Image Credits: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal
#FCMIA
@rima_gerhard
Your UX
Image Credits: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal
#FCMIA
@rima_gerhard
A UI element.
#FCMIA
@rima_gerhard
A UI
#FCMIA
@rima_gerhard
A UX
• Who should attend this conference?• Is this conference worth my time and money?• Will there be interesting people attending?• What is this conference like?• Will there be awesome speakers?
#FCMIA
@rima_gerhard
To sum up
• UX is not UI• UI is a small part of UX• UX Designers and UI Developers are
complementary
#FCMIA
@rima_gerhard
UX - Why does it matter?
UX is about satisfaction.UX is about designing for the user to come back.UX focuses on the structure and layout of the content, navigation, and how users interact with them.
#FCMIA
@rima_gerhard
UX - Why does it matter?
• More frequent visits to your website• Increased return visits• Users stay longer on your site• Increased sales• Decreased user errors• Decreased customer support costs• Reduced word of mouth comlaints.
#FCMIA
@rima_gerhard
UX - Why does it matter?
• Satisfied Customers• Smarter, more relevant content• Social Shares• Word of mouth marketing• Long-term customer relationships built on
mutual respect
#FCMIA
@rima_gerhard
UX - Why does it matter?
Every dollar invested in UX brings between 2 and 100 dollars in return.
SOURCE: Pressman, R.S. (1992). So ware Engineering: A Practitioner’s Approach. stMcGraw-Hill: New York, NY Gilb, T. (1988). Principles of So ware Engineering stManagement. Addison Wesley: Reading, Ma.
#FCMIA
@rima_gerhard
Good UX is about avoiding this.
Source: http://xkcd.com/773/
#FCMIA
@rima_gerhard
What do UX people do?
1. Strategy2. Information Architecture3. Mock-up & Wireframing4. Flowcharts5. Test, Report & Finetuning
#FCMIA
@rima_gerhard
Strategy – Find the answers
For Who? Very very important question here. Every product is targeted to someone. If you understand who you talk to adapt your communication/language to this person, you’ll reach the goal. For What? The service description. Why it is good? The added value for the customer.Why it is good? The added value for the customer. Is it a new product? We absolutely need to understand why nobody has done it before. There has to be a reason. Try to find out why. Is it an improvement of an existing product? Highlight the pros & cons of the current product. Listen to the feedbacks from real user of the product.
#FCMIA
@rima_gerhard
Strategy – Study of the Target
The user i.e for who. We need to ask ourself this question. Who will use the product? We create personas here. The competition We create a benchmark with the main competitors. Highlights the features, the strengths and the weaknesses. The market, the environment We make research and find out data on the potential market the product is addressing to.
#FCMIA
@rima_gerhard
Mockup and Wireframing
• Create mockups and detailed wireframes– Invision– MarvelApp
#FCMIA
@rima_gerhard
UI Testing
• Interviews• Personas• Usability Tests• A/B Testing• Heatmap
#FCMIA
@rima_gerhard
2 quick UI takeaways.
• Is your site mobile friendly?• Is your site’s UI up to industry standards?
#FCMIA
@rima_gerhard
Is your site mobile friendly?
As of April 21st 2015, Google officially uses “mobile-friendliness” to rank all websites.#Mobilegeddon
#FCMIA
@rima_gerhard
Google’s Mobile Friendly Test
• https://www.google.com/webmasters/tools/mobile-friendly/
#FCMIA
@rima_gerhard
How does your site score on UI?
• https://developers.google.com/speed/pagespeed/insights/