good ui design makes your api better

27
presented by kemie guaida Good UI design makes your API better

Upload: kemie-guaida

Post on 31-Oct-2014

1.192 views

Category:

Technology


0 download

DESCRIPTION

Learn how to apply principles of User Interface Design to your API documentation / Developer Portal and help your API thrive. Presentation from Nordic APIs (nordicapis.com), Stockholm, september 2013.

TRANSCRIPT

Page 1: Good UI design makes your API better

presented by kemie guaida

Good UI design makes your API

better

Page 2: Good UI design makes your API better

kemie guaidadopter.se

@kemie

Hi.

Page 3: Good UI design makes your API better

Design?

Page 4: Good UI design makes your API better

Design is not about making things pretty

Page 5: Good UI design makes your API better

API meets world

‣Point of contact= Developer Portal

‣Attract, get started, production, maintenance, support

Page 6: Good UI design makes your API better

vs.

Page 7: Good UI design makes your API better

Successful UI Design

‣Understandable

‣Usable

‣Attractive

‣Branding

= Good Developer Experience

Page 8: Good UI design makes your API better

How do I get good design?

Page 9: Good UI design makes your API better

the building blocks

Good UI design

‣ Information Architecture

‣User Interface

‣Visual Design

Page 10: Good UI design makes your API better

content & structure

Information Architecture

‣What info do different groups need

Mugglesn00bs 1337s

Page 11: Good UI design makes your API better

content & structure

Information Architecture

How do you structure the information needed?

Page 12: Good UI design makes your API better
Page 13: Good UI design makes your API better

interacting with info

User Interface

What can I do?

How can I do it?

Page 14: Good UI design makes your API better

interacting with info

User Interface

Consistency (internal & external), ClarityText is also part of the interface!

Page 15: Good UI design makes your API better

interacting with info

User Interface

Sketch, wireframe, prototype

Page 16: Good UI design makes your API better

interact with the info User tests

User Interface

Page 17: Good UI design makes your API better

look & feel

Visual design

Subjective experience (how does it feel)Branding

Page 18: Good UI design makes your API better

look & feel

Visual design

Layout:HierarchyGrouping

Page 19: Good UI design makes your API better

look & feel Aesthetics:Type, color, grids

TVisual design

Page 20: Good UI design makes your API better
Page 21: Good UI design makes your API better

ProcessDon’t reinvent the wheel. Apps (css), frameworks

Page 22: Good UI design makes your API better

check every step

ChecklistThe right information & structure

Page 23: Good UI design makes your API better

check every step

ChecklistEasy to interact with.

Page 24: Good UI design makes your API better

check every step

ChecklistReflects your brand

Makes people want to come back

Page 25: Good UI design makes your API better

Design is about making users happy

Design is

Page 26: Good UI design makes your API better

Happy users = Happy API