Drupal WebJam Utrecht

38
D7UX show & tell drupal webjam utrecht june 09

description

 

Transcript of Drupal WebJam Utrecht

Page 1: Drupal WebJam Utrecht

D7UXshow & tell

drupal webjam utrechtjune 09

Page 2: Drupal WebJam Utrecht

who am I & what am I doing here?

Page 3: Drupal WebJam Utrecht

Leisa Reichelt: user experience designer

Mark Boulton: web designermarkboultondesign.com

design web experiences based on defining user audiences & their needs

Page 4: Drupal WebJam Utrecht

why do we need to do this?

d7ux

Page 5: Drupal WebJam Utrecht
Page 6: Drupal WebJam Utrecht
Page 7: Drupal WebJam Utrecht
Page 8: Drupal WebJam Utrecht
Page 9: Drupal WebJam Utrecht

a lot of people are really scared of Drupal

Page 10: Drupal WebJam Utrecht
Page 11: Drupal WebJam Utrecht
Page 12: Drupal WebJam Utrecht

a tangent i’d love to talk more about...

Page 13: Drupal WebJam Utrecht

our process

research

designtest/research

design

test/research

DrupalconDC

pimp your admin

interviews

audience definition

crowdsourcing usability testing

flickr group

youtube group

surveyspost sketches&

ideas for feedback

d7ux.org

irc

design

Page 14: Drupal WebJam Utrecht

design principles

ref: d7ux.org

Page 15: Drupal WebJam Utrecht

who is D7UX for?

Page 16: Drupal WebJam Utrecht

verity:

jeremy:

the content creator

web savvy non-dev

drupal developersdx:

plus benefits to & not intruding on

Page 17: Drupal WebJam Utrecht

what we hoped...

Page 18: Drupal WebJam Utrecht

a sitebuilder for ‘Jeremy’

Page 19: Drupal WebJam Utrecht

the reality

Page 20: Drupal WebJam Utrecht

achievable improvements

Page 21: Drupal WebJam Utrecht

- refocus the interface on the people who use it most

- rework the information architecture to support this (+ scalability + enhanced usability)

- simplify the interface by focusing on the 80% use case

- updated visual design (friendly, professional, current)

- maintain focus on accessibility

- remove ambiguity re: ‘where am I?’ admin/website without removing context ‘what am I working on’

- an interface to be proud of.

- reduce support & customisation overheads

Page 22: Drupal WebJam Utrecht

show & tell

Page 23: Drupal WebJam Utrecht

the headerglobal navigation

role based shortcuts roll up

Page 24: Drupal WebJam Utrecht

the dashboard.. coming soon!(widgets currently being designed in microprojects)

Page 25: Drupal WebJam Utrecht

add content

Page 26: Drupal WebJam Utrecht

add content ‘meta’

Page 27: Drupal WebJam Utrecht

find content

Page 28: Drupal WebJam Utrecht

edit in place ‘meta’

Page 29: Drupal WebJam Utrecht

edit in place (node body text)

Page 30: Drupal WebJam Utrecht

edit in place (node body text)

Page 31: Drupal WebJam Utrecht

system designproper & consistent use of tabs

interaction patterns

- eliminate clutter

- plain english

Page 32: Drupal WebJam Utrecht

structure:

content types

menus

blockstaxonomy

Page 33: Drupal WebJam Utrecht

modules & config:infrequently used functionality

by task & by module

site configuration

modules: install/update/permissions/config

consolidate other ‘config’: - Roles, Content Settings etc.- remove from ‘frequently used’ interfaces

Page 34: Drupal WebJam Utrecht

our current challenges...

Page 35: Drupal WebJam Utrecht

lots to do little time:UX Sprint this weekend (yay!)

Microprojects

getting it built:

resourcesgetting design through the issue queue

Page 36: Drupal WebJam Utrecht

help! :)your time

your support/enthusiasm

Page 37: Drupal WebJam Utrecht

we <3 #drupal-usability

special shout outs to Yoroy, Catch, & Bojhan

Page 38: Drupal WebJam Utrecht

thank you :)

@leisa

@drupalredesign

www.disambiguity.com

www.d7ux.org

www.designintheopen.org