Top Banner
SUPER RAPID USER FOCUSED WEB DESIGN
15
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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