user focused rapid prototyping with small budgets using drupal

15
SUPER RAPID USER FOCUSED WEB DESIGN

Upload: crispin-read

Post on 17-Jul-2015

421 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: User Focused Rapid Prototyping with small budgets using Drupal

SUPER RAPID USER FOCUSED WEB DESIGN

Page 2: User Focused Rapid Prototyping with small budgets using Drupal

@crispin_read

WhiteFuseMedia.com/blog

CrispinRead.co.uk

Page 3: User Focused Rapid Prototyping with small budgets using Drupal

WHAT AM I TALKING ABOUT?

•Design decision styles

•What we do at White Fuse

•ReCap

•Questions/ how do you work?

Page 4: User Focused Rapid Prototyping with small budgets using Drupal

DESIGN DECISION STYLES

•Unintended Design

• Self Design

•Genius Design

•Activity-Focused Design

•User-Focused DesignSrc: Five Design n Styles BY JARED M. SPOOL 2009

http://www.uie.com/articles/five_design_decision_styles/

}=:(

Page 5: User Focused Rapid Prototyping with small budgets using Drupal

WHAT WE DO• Identify user groups, main tasks and landing pages

• Create matrices based on our findings

• Define user journeys

• Create wireframes and prototypes

• Test and review

• Design and build

Page 6: User Focused Rapid Prototyping with small budgets using Drupal

IDENTIFY USER GROUPS, ACTIONS AND

LANDING PAGES

Page 7: User Focused Rapid Prototyping with small budgets using Drupal

CREATE MATRICES AND

USER JOURNEYS

Page 8: User Focused Rapid Prototyping with small budgets using Drupal

WIREFRAME AND PROTOTYPE[programming_is_creative]

Page 9: User Focused Rapid Prototyping with small budgets using Drupal

DISTRIBUTIONS...or your own preferred modules

in a sandbox site

Page 10: User Focused Rapid Prototyping with small budgets using Drupal

DEVEL GENERATETo create loads of content for

you to play with

Page 11: User Focused Rapid Prototyping with small budgets using Drupal

BETTER CONTENTCreate demo site as a starting

point with real (ish) data

Page 12: User Focused Rapid Prototyping with small budgets using Drupal

NODE CONVERTReuse existing fields

A B Testing

Page 13: User Focused Rapid Prototyping with small budgets using Drupal

FEATURESTo package up your prototyped

stuff and move it to dev or staging

Page 14: User Focused Rapid Prototyping with small budgets using Drupal

RECAP•Cooperative design YAY

•Distributions or your own sandbox are key for fast set up

•Use a combo of DEVEL, NODE CONVERT and FEATURES to get your prototype together in super quick time

•Make tea and profit

Page 15: User Focused Rapid Prototyping with small budgets using Drupal

@crispin_readWhiteFuseMedia.com/blog

CrispinRead.co.uk