UI/UX and the Importance of First Impressions

UI/UX and the Importance of First Impressions is an overview of User Interface and User Experience presented to the teams of AngelCube 2012. Follow me on Twitter @diesellaws.

Transcript

1. UI/UX and the Importance of First Impressions Presented to the teams of AngelCube 2012
2. Ask the world questions and get opinions in realtime. Diesel Laws Designer & Co-founder of .com
3. I’m here to mentor & help you with UI/UX design.
4. angelcube all the way baby.
5. UX is how a user experiences your product. UI is what interface they're interacting with.
6. UX is the intangible feel, flow & simplicity. UI is the tangible buttons, forms and images.
7. Path Clear Facebook (Timeline) Apple
8. Path UI is consistent theme, cute animations & simple layout. UX is intimate, fun & inviting.
9. Clear UI is heatmap gradient, interactive animations & clean layout. UX is easy, unique & clear.
10. Good products sell. Gorgeous products sell faster.
11. How can non-designers create gorgeous products?
12. TIP: A doctor doesn’t have to break every bone in their body to know how to fix one.
13. UX is everyone’s role. 1
14. When a user visits your website, downloads your app and uses your product they are following your direction. Every day you are crafting someones experience.
15. Think like a user. 2
16. iPhone message from mum: Hi were having a great time in bali the weather is warm and the shopping is great miss you My brain corrected it: Hi, we’re having a great time in Bali. The weather is warm and the shopping is great. We miss you.
17. Y U NO USE PUNCTUATION!
18. I completely forgot to think like a first time user. No one explains what these buttons do.
19. Break down every page to the most important elements. 3
20. Ask yourself, what one thing does this page need to do?
21. Then remove everything else.* vs *I’m serious.
22. 3 clicks to get anywhere. 4
23. As a general guide, a user should be able to reach any page within 3 clicks from their home screen.
24. Edit Bio on Facebook: 1. Click profile name. 2. Click Update Info. 3. Click Edit button. Edit Company Page on Facebook: 1. Search for company. 2. Click on Company name. 3. Click Manage button.
25. Consistency is powerful. 5
26. Cyan Grey Yellow White Font: Sansation Bold Consistency builds credibility
27. Realise that great UI/UX can keep users happy. 6
28. What do users think when your product has a problem?
29. Great UI/UX + Problem = “Annoying, but I’ll get used to it.” “Support were really helpful.” Mediocre UI/UX + Problem = “Crap product, I’m not using it again.” “I’m not recommending it to friends.”
30. + 7
31. Everyone judges a book by the cover. Most users believe that your website, logo or app is the whole product.
32. STEAL. Most things you’re building have been built before. 8
33. Profiles. Same same but dierent.
34. Design can sell a product before it’s built. 9
35. Yay, landing pages! And screenshots, mockups, templates & videos.
36. They come for the UI, they stay for the UX. 10
37. Check out this, you can _____ I love using this, it’s ______ fun, easy, quick, simple... upload photos, watch videos, download music...
38. UX is everyone’s role. Think like a user. 1 2 3 4 5 Break down every page to the most important elements. 3 clicks to get anywhere. Consistency is powerful.
39. 6 7 8 9 10 Realise that great UI/UX can keep users happy. Everyone judges a book by the cover. STEAL. Most things you’re building have been built before. Design can sell a product before it’s built. They come for the UI, they stay for the UX.
40. Lets get simple.
41. Investors love traction. Traction comes from users. Users love great products.
42. Products that have great UI/UX appeal to both.
43. It’s as simple as that.
44. @diesellaws You should follow me on Twitter.