From wires to pixels

  • View
    241

  • Download
    0

  • Category

    Design

Preview:

DESCRIPTION

Lecture for the UX team how to take wireframes to design, and how easy it is to forget to be creative in the work to take wireframes to graphic design.

Citation preview

A trend is spreading. A plague.

More and more sites are affected in Sweden.

It’s a epedimi.

Bokus.com

Bokus.com

Breathe!A box, in a box, in a box,in another box

Where is the brand?

Colorized wireframes

We have an opportunity to cure the country.

Don’t wire the pixels!The pixels wants to be free

Good Examples

10

sproutfund.org/spring/

Carsoni!ed.com

Pixels ≠

Pixels =

How do we do this @c9

Haglöfs.com

Haglöfs.com

Strateg IA/ID AD

Kompetensområden UX

Strateg

IA/ID AD

Kompetensområden UX

Strateg

IA/ID AD

Team

Kompetensområden UX

Multi-disiplinaryTeam

Strategy CreativeBrief

Re-Brief

DesignDNA

LO-FIDesign

OK OK OK OK OK

CopyDNA

InformationDNA

HI-FIDesign

Usertesting

Analysis Concept

Strategist, Interaction designer, Art Director, Interface developer, System developer, System architect, Project manager

The UX Process BETA

It is not an Island BETA

DiscoverStrategy & Concept

PlanDefine & Invent

BuildDevelop, Test & Deploy

CareManage & Grow

Multi-disiplinaryTeam

Strategy CreativeBrief

Re-Brief

DesignDNA

LO-FIDesign

OK OK OK OK OK

CopyDNA

InformationDNA

HI-FIDesign

Usertesting

Analysis

THE UX PROCESS

Concept

Strategist, Interaction designer, Art Director, Interface developer, System developer, System architect, Project manager

ThankYou

Recommended