skroutz - athens ux/ui meetup - v. dimos on skroutz design

29
UX / UI

Upload: skroutz-sa

Post on 13-Apr-2017

1.257 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

UX / UI

Page 2: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

UX"User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.

http://www.nngroup.com/articles/definition-user-experience/

Page 3: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

User eXperienceincludes everything

Page 4: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

User eXperienceaffects everything

Page 5: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

User eXperiencecompany wide effort

Page 6: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Approaching the UX Engineering problem space

Page 7: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

User Needs / Stories / Personas

http://www.dscout.com/finds

Page 8: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Information Architecture

- 1850 categories

- Card Sorting

- 6 Verticals

- Insights

- Keywords

- Filter statistics

Page 9: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Project Management || Worldview

Page 10: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Analytics

- Keystrokes to autocomplete

- TTFB

- Speed Index

- User Agony

- AB Testing mostly - Multivariate is hard to analyze

Page 11: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 12: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

User Interface Engineering & Design

Page 13: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 14: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 15: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 16: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 17: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 18: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 19: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 20: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 21: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

“We don’t iterate our solution of the problem, we iterate our understanding of the problem.

Aza Raskin

Page 22: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

From Focus Patterns

Page 23: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 24: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

To design systems

Page 25: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Atomic CSS || Reusable Components

Page 26: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Patterns && Styleguides

Page 27: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 28: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design
Page 29: Skroutz - Athens UX/UI Meetup - V. Dimos on Skroutz Design

Thinking Fast and SlowDaniel Kahneman

The Best Interface is No InterfaceGolden Krishna

Current references Future references