user focused rapid prototyping with small budgets using drupal
TRANSCRIPT
![Page 1: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/1.jpg)
SUPER RAPID USER FOCUSED WEB DESIGN
![Page 2: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/2.jpg)
@crispin_read
WhiteFuseMedia.com/blog
CrispinRead.co.uk
![Page 3: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/3.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/4.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/5.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/6.jpg)
IDENTIFY USER GROUPS, ACTIONS AND
LANDING PAGES
![Page 7: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/7.jpg)
CREATE MATRICES AND
USER JOURNEYS
![Page 8: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/8.jpg)
WIREFRAME AND PROTOTYPE[programming_is_creative]
![Page 9: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/9.jpg)
DISTRIBUTIONS...or your own preferred modules
in a sandbox site
![Page 10: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/10.jpg)
DEVEL GENERATETo create loads of content for
you to play with
![Page 11: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/11.jpg)
BETTER CONTENTCreate demo site as a starting
point with real (ish) data
![Page 12: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/12.jpg)
NODE CONVERTReuse existing fields
A B Testing
![Page 13: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/13.jpg)
FEATURESTo package up your prototyped
stuff and move it to dev or staging
![Page 14: User Focused Rapid Prototyping with small budgets using Drupal](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/14.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032421/55a80ce61a28abbf118b478f/html5/thumbnails/15.jpg)
@crispin_readWhiteFuseMedia.com/blog
CrispinRead.co.uk