challenge your team to build great product

31
Challenge your team to build great product By @anilbms75 uxcamphh 2016

Upload: anil-kumar-krishnashetty

Post on 13-Apr-2017

259 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Challenge your team to build great product

Challenge your team to build great product

By @anilbms75 uxcamphh 2016

Page 2: Challenge your team to build great product

Usability Issue

Page 3: Challenge your team to build great product

Bad DesignImage source: http://thehustle.co/wp-content/uploads/2015/12/missuniverse02_og_image.jpg

Page 4: Challenge your team to build great product

Usability Issue

Page 5: Challenge your team to build great product

Bad Design

Page 6: Challenge your team to build great product

IDEA

ROADMAP

REQUIREMENTS

DESIGN

BUILD

TEST

DEPLOYBy @cagan

Waterfall

Page 7: Challenge your team to build great product

Feature creep

Image source: https://cdn-images-1.medium.com/max/800/1*53PzCduAmZw60-Lb1FXUNw.jpeg

Page 8: Challenge your team to build great product

Long Form

Page 9: Challenge your team to build great product

IDEAS

ROADMAP

REQUIREMENTS

DESIGN

BUILD

TEST

DEPLOY

USER

IDEAS

Continues Discovery

Page 10: Challenge your team to build great product

Image source: https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/Airbnb_Logo_B%C3%A9lo.svg/800px-Airbnb_Logo_B%C3%A9lo.svg.png

Page 11: Challenge your team to build great product

Prepare to answer stakeholder’s

questions

Page 12: Challenge your team to build great product

What is the purpose of attending UXcampHH?

Page 13: Challenge your team to build great product

What is the purpose of attending UXcampHH?

1. Learn new trends in UX2. Networking3. Get inspiration

Page 14: Challenge your team to build great product

• https://youtu.be/_AUH_qWK1CM

Page 15: Challenge your team to build great product

no no yes

TABLE

Mobile Tablet Desktop

Button text

• https://less.works/less/technical-excellence/specification-by-example.html

Page 16: Challenge your team to build great product

• Reusable UI components

Page 17: Challenge your team to build great product

Customer support

Page 18: Challenge your team to build great product

Image source: http://www.luardi-berlin.de/

Page 19: Challenge your team to build great product
Page 20: Challenge your team to build great product

Browser

Page 21: Challenge your team to build great product

HTTP Protocol

Page 22: Challenge your team to build great product

Server

Page 23: Challenge your team to build great product

Response

Page 24: Challenge your team to build great product

<HTML>content

</HTML>

Page 25: Challenge your team to build great product

HTML elements

Image source: http://www.subway.com/de-DE

Page 26: Challenge your team to build great product

CSS

Page 27: Challenge your team to build great product

UI components

Image source: https://vegansmarties.files.wordpress.com/2012/01/img_1219.jpg

Page 28: Challenge your team to build great product

Image source: http://www.subway.com/de-DE

Page 29: Challenge your team to build great product

Zeplin

Page 30: Challenge your team to build great product

Tips for better collaboration• Prepare according to stakeholder’s mental

model• Don’t ask what to do?, Give options to

choose• Draw Value VS Feasibility graph with the

team• Watch users• Use table to map out all possibilities • Build component library