UI/UX and the Importance of First Impressions

Slide 1

Slide 1 text

UI/UX and the Importance of First Impressions Presented to the teams of AngelCube 2012

Slide 2

Slide 2 text

Ask the world questions and get opinions in realtime. Diesel Laws Designer & Co-founder of .com

Slide 3

Slide 3 text

I’m here to mentor & help you with UI/UX design.

Slide 4

Slide 4 text

angelcube all the way baby.

Slide 5

Slide 5 text

UX is how a user experiences your product. UI is what interface they're interacting with.

Slide 6

Slide 6 text

UX is the intangible feel, ﬂow & simplicity. UI is the tangible buttons, forms and images.

Slide 7

Slide 7 text

Path Clear Facebook (Timeline) Apple

Slide 8

Slide 8 text

Path UI is consistent theme, cute animations & simple layout. UX is intimate, fun & inviting.

Slide 9

Slide 9 text

Clear UI is heatmap gradient, interactive animations & clean layout. UX is easy, unique & clear.

Slide 10

Slide 10 text

Good products sell. Gorgeous products sell faster.

Slide 11

Slide 11 text

How can non-designers create gorgeous products?

Slide 12

Slide 12 text

TIP: A doctor doesn’t have to break every bone in their body to know how to ﬁx one.

Slide 13

Slide 13 text

UX is everyone’s role. 1

Slide 14

Slide 14 text

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.

Slide 15

Slide 15 text

Think like a user. 2

Slide 16

Slide 16 text

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.

Slide 17

Slide 17 text

Y U NO USE PUNCTUATION!

Slide 18

Slide 18 text

I completely forgot to think like a ﬁrst time user. No one explains what these buttons do.

Slide 19

Slide 19 text

Break down every page to the most important elements. 3

Slide 20

Slide 20 text

Ask yourself, what one thing does this page need to do?

Slide 21

Slide 21 text

Then remove everything else.* vs *I’m serious.

Slide 22

Slide 22 text

3 clicks to get anywhere. 4

Slide 23

Slide 23 text

As a general guide, a user should be able to reach any page within 3 clicks from their home screen.

Slide 24

Slide 24 text

Edit Bio on Facebook: 1. Click proﬁle 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.

Slide 25

Slide 25 text

Consistency is powerful. 5

Slide 26

Slide 26 text

Cyan Grey Yellow White Font: Sansation Bold Consistency builds credibility

Slide 27

Slide 27 text

Realise that great UI/UX can keep users happy. 6

Slide 28

Slide 28 text

What do users think when your product has a problem?

Slide 29

Slide 29 text

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.”

Slide 30

Slide 30 text

+ 7

Slide 31

Slide 31 text

Everyone judges a book by the cover. Most users believe that your website, logo or app is the whole product.

Slide 32

Slide 32 text

STEAL. Most things you’re building have been built before. 8

Slide 33

Slide 33 text

Proﬁles. Same same but dierent.

Slide 34

Slide 34 text

Design can sell a product before it’s built. 9

Slide 35

Slide 35 text

Yay, landing pages! And screenshots, mockups, templates & videos.

Slide 36

Slide 36 text

They come for the UI, they stay for the UX. 10

Slide 37

Slide 37 text

Check out this, you can _____ I love using this, it’s ______ fun, easy, quick, simple... upload photos, watch videos, download music...

Slide 38

Slide 38 text

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.

Slide 39

Slide 39 text

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.