Good UI design makes your API better

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

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 of Good UI design makes your API better

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