Download - Drupal WebJam Utrecht
![Page 1: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/1.jpg)
D7UXshow & tell
drupal webjam utrechtjune 09
![Page 2: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/2.jpg)
who am I & what am I doing here?
![Page 3: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/4.jpg)
why do we need to do this?
d7ux
![Page 5: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/5.jpg)
![Page 6: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/6.jpg)
![Page 7: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/7.jpg)
![Page 8: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/8.jpg)
![Page 9: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/9.jpg)
a lot of people are really scared of Drupal
![Page 10: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/10.jpg)
![Page 11: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/11.jpg)
![Page 12: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/12.jpg)
a tangent i’d love to talk more about...
![Page 13: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/14.jpg)
design principles
ref: d7ux.org
![Page 15: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/15.jpg)
who is D7UX for?
![Page 16: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/16.jpg)
verity:
jeremy:
the content creator
web savvy non-dev
drupal developersdx:
plus benefits to & not intruding on
![Page 17: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/17.jpg)
what we hoped...
![Page 18: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/18.jpg)
a sitebuilder for ‘Jeremy’
![Page 19: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/19.jpg)
the reality
![Page 20: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/20.jpg)
achievable improvements
![Page 21: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/21.jpg)
- 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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/22.jpg)
show & tell
![Page 23: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/23.jpg)
the headerglobal navigation
role based shortcuts roll up
![Page 24: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/24.jpg)
the dashboard.. coming soon!(widgets currently being designed in microprojects)
![Page 25: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/25.jpg)
add content
![Page 26: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/26.jpg)
add content ‘meta’
![Page 27: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/27.jpg)
find content
![Page 28: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/28.jpg)
edit in place ‘meta’
![Page 29: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/29.jpg)
edit in place (node body text)
![Page 30: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/30.jpg)
edit in place (node body text)
![Page 31: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/31.jpg)
system designproper & consistent use of tabs
interaction patterns
- eliminate clutter
- plain english
![Page 32: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/32.jpg)
structure:
content types
menus
blockstaxonomy
![Page 33: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/33.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/34.jpg)
our current challenges...
![Page 35: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/35.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/36.jpg)
help! :)your time
your support/enthusiasm
![Page 37: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/37.jpg)
we <3 #drupal-usability
special shout outs to Yoroy, Catch, & Bojhan
![Page 38: Drupal WebJam Utrecht](https://reader033.vdocuments.site/reader033/viewer/2022051412/54c803684a7959147f8b4587/html5/thumbnails/38.jpg)
thank you :)
@leisa
@drupalredesign
www.disambiguity.com
www.d7ux.org
www.designintheopen.org