A·Crush·on·Design Thinking⌐

from·a·developer·point·of·view.#

Matteo Burgassi @matteoburgassi

Kidzinmind Google Play: https://goo.gl/fFnE7L

Numbered Google Play: https://goo.gl/XGShJX

Kidzaward android version to be published soon

“89% of

companies believes that customers experience will be their primary basis for competition by 2016, versus 36% 2012” - Gartner

“6x more likely

to buy with a positive emotional experience, 12x more likely to recommend the company and 5% to forgive a mistake” - Temkin Group

http://www.kpcb.com/blog/design-in-tech-report-2016

Wait, I’m not a designer

“Design·is·not·just what·it·looks·like and·feels·like.⌐

Design·is·how·it works.”#

-Steve Jobs

You⌐ are·designing#

Design skills are learnable

bit.ly/UI4Devs

A·Prototype·is·worth·a·thousand·meetings.#

You should try to do a prototype at Design time: Design Thinking.

http://c2.com/cgi/wiki?EarlyPrototyping

-Mike Davidson

The Design Sprint a five-day process for answering critical business questions through design, prototyping, and testing ideas with customers

http://www.gv.com/sprint/

build

idea launch

learn

a shortcut to learning without building and launching.

The Design Sprint

build

idea launch

learn

Set the stage

monday: unpack tuesday: sketch wednesday: decide thursday: prototype friday: test

Designers·must·consider·how·functionality affects·form … principles·of·good·design·are·often·similar in·good·development#

-Cassie McDaniel

Working Together

Brainstorm together

Work closely every step of the project

Be open to learn from each other

Follow the standards (Material Design)

don’t be afraid of try new tools

Lost in Translation

understanding differences:

DP vs PX developer visual

designer

Design @1x

Create 1x Canvas Sizes:

Desktop: 1440 x 900

Web: 1440 x 900

iOS iPhone 6: 375 x 667 (1/2 density)

Android Nexus 5: 360 x 640 (mdpi)

Android Samples(from Kidzaward)

Choose⌐ the·right·tools#

Choose the right tools

Prototyping: Marvel, Flinto, InVision, Pairing (directly on code)

Design: Sketch, Photoshop, Fireworks, Illustrator, Adobe XD(?)…

IDE Collaboration Plugins: Simply, Zeplin

Useful Links

Design Sprint: gv.com/sprint Marvel: https://marvelapp.com/ InVision: https://www.invisionapp.com/ Design @1x: https://goo.gl/ww1CUk Sketch: http://www.sketchapp.com/ Simply: https://sympli.io/ Zeplin: https://zeplin.io/

Thanks to:

+Nick Butcher @crafty (DroidconIT 2016: Think like a designer)

Lydia Selimalhigazi @Lys_Lydia and Caroline Smith @ihatepeas (DroidconIT 2016: We are all UX)

Gabriele Marangon @Synestesia (DroidconIT 2016: Essential tools and tips for an effective design workflow)

Grazie·Mille #

Questions?

Matteo Burgassi @matteoburgassi