SlideShare a Scribd company logo
D7UX
   show & tell

drupal webjam utrecht
       june 09
who am I &
what am I doing here?
Leisa Reichelt: user experience designer
    design web experiences based on
  defining user audiences & their needs


     Mark Boulton: web designer
      markboultondesign.com
d7ux
why do we need to do this?
Drupal WebJam Utrecht
Drupal WebJam Utrecht
Drupal WebJam Utrecht
Drupal WebJam Utrecht
a lot of people are
really scared of Drupal
Drupal WebJam Utrecht
Drupal WebJam Utrecht
a tangent i’d love
to talk more about...
our process
                 DrupalconDC   interviews
research
                   pimp your admin      audience
irc    design                           definition
                                 youtube group
d7ux.org test/research
                                        surveys
                           flickr group
  post sketches&
ideas for feedback
                   design
 crowdsourcing       test/research
usability testing
                           design
design principles


                ref: d7ux.org
who is D7UX for?
verity: the content creator
jeremy: web savvy non-dev
plus benefits to & not intruding on
dx: drupal developers
what we hoped...
a sitebuilder for ‘Jeremy’
the reality
achievable improvements
- 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’
- reduce support & customisation overheads
- an interface to be proud of.
show & tell
global navigation
                        the header

                             roll up
 role based shortcuts
the dashboard.. coming soon!
(widgets currently being designed in microprojects)
add content
add content ‘meta’
find content
edit in place ‘meta’
edit in place
(node body text)
edit in place
(node body text)
system design
proper & consistent use of tabs




       interaction patterns




                                   - eliminate clutter
                                        - plain english
structure:
    content types
    menus
    blocks
    taxonomy
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
our current challenges...
lots to do little time:
 UX Sprint this weekend (yay!)
 Microprojects
getting it built:
resources
getting design through the issue queue
help! :)
your time
your support/enthusiasm
we <3 #drupal-usability
     special shout outs to
    Yoroy, Catch, & Bojhan
thank you :)

          www.d7ux.org
  www.disambiguity.com
www.designintheopen.org
                @leisa
       @drupalredesign

More Related Content

PDF
Information Architecture Heuristics
PDF
Redesigning the Drupal Issue Queue (Codename Prairie: a Social Architecture P...
PDF
The Prairie Initiative - Update
PDF
Going from Here to There: Transitioning into a UX Career
PDF
UX principles at Marketing Week Live London 2014
PDF
UX and Design Thinking for Startups
PDF
UX Design: An Introduction
PDF
Design Thinking for the Modern Startup
Information Architecture Heuristics
Redesigning the Drupal Issue Queue (Codename Prairie: a Social Architecture P...
The Prairie Initiative - Update
Going from Here to There: Transitioning into a UX Career
UX principles at Marketing Week Live London 2014
UX and Design Thinking for Startups
UX Design: An Introduction
Design Thinking for the Modern Startup

What's hot (20)

PDF
Design with Personas: A Lean Approach
KEY
Drupal UI Tweaks PNW Drupal Summit
PPTX
Hybrid User Interviews
PDF
ProductTank: What do UX people want from PMs and how can they best work toget...
PDF
Great UX Portfolios
PPTX
Designing Interfaces (and Wireframes)
PDF
The UX Design Pocess in Scrum by John Pagonis and Sotiris Sotiropoulos
PDF
UX Portfolio - Chris Stair
PPTX
Why your product team should use User Story Mapping to link user research to ...
PDF
NoVA UX Meetup: Product Testing and Data-informed Design
PDF
#MootAU15 Learner Journey Mapping for #LXDesign
PDF
Abby Y Covert: An Information Architecture Portfolio
PDF
UX Portfolio Workshop for exploreUX
PDF
How much UX is in your UX portfolio?
PDF
Design Process | Tool 02: Scenario - Tool 03: Wireframe
PDF
What's your team's API? - Object-Oriented Team Design
PDF
Session 3: Sketching and User-centered Design
PDF
How UI Framework improves design process - 2015 (Dribbble meetup)
PDF
Time de UX da OLX
PDF
What I learned at Cooper U about Design Research
Design with Personas: A Lean Approach
Drupal UI Tweaks PNW Drupal Summit
Hybrid User Interviews
ProductTank: What do UX people want from PMs and how can they best work toget...
Great UX Portfolios
Designing Interfaces (and Wireframes)
The UX Design Pocess in Scrum by John Pagonis and Sotiris Sotiropoulos
UX Portfolio - Chris Stair
Why your product team should use User Story Mapping to link user research to ...
NoVA UX Meetup: Product Testing and Data-informed Design
#MootAU15 Learner Journey Mapping for #LXDesign
Abby Y Covert: An Information Architecture Portfolio
UX Portfolio Workshop for exploreUX
How much UX is in your UX portfolio?
Design Process | Tool 02: Scenario - Tool 03: Wireframe
What's your team's API? - Object-Oriented Team Design
Session 3: Sketching and User-centered Design
How UI Framework improves design process - 2015 (Dribbble meetup)
Time de UX da OLX
What I learned at Cooper U about Design Research
Ad

Viewers also liked (8)

PPTX
Agreement Express and PYMNTS.com: Building Your Roadmap to Better Customer Ex...
PDF
Pimping UX Bookclub, London at UPA Bookfair
PDF
How Prepared Is Your Bank for an Appraisal Compliance Audit?
 
PDF
Best Practices How To Make Collaboration Work
PPT
Compliance roadmap
PPTX
Internal control & compliance of bank
PDF
Seedcamp Customer Experience (CX) Workshop
DOCX
Internal Control and Compliance.
Agreement Express and PYMNTS.com: Building Your Roadmap to Better Customer Ex...
Pimping UX Bookclub, London at UPA Bookfair
How Prepared Is Your Bank for an Appraisal Compliance Audit?
 
Best Practices How To Make Collaboration Work
Compliance roadmap
Internal control & compliance of bank
Seedcamp Customer Experience (CX) Workshop
Internal Control and Compliance.
Ad

Similar to Drupal WebJam Utrecht (20)

PDF
Making Drupal 7 Simple to Use for Everyone
PPTX
Drupal content editing ux
PPT
Drupal 7 UX –
PDF
Taming Complexity: Drupal 8 UX
PDF
The journey to build a more usable toolbar for Drupal 8
PDF
2012 Usability Conference
PPTX
User experience in the Drupal Universe
PDF
15 Web Design Trends for 2013
PDF
#1NLab14: Responsive Design
PPT
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
KEY
Hey open source, don’t forget the user! - by Chad Kieffer
PDF
UX challenges of a UI-centric config management tool
PPTX
PDF
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
PPTX
Building Responsive Websites with Drupal
PPTX
Designing for web & beyond – don’t get caught with your browser down finalclean
PPT
Drupal in the Jungle
PPTX
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Dig...
PPTX
Introduction to Web Design and Development Lecture 1.pptx
PDF
Delivering Fantastic Brand Experiences With Low-Code
Making Drupal 7 Simple to Use for Everyone
Drupal content editing ux
Drupal 7 UX –
Taming Complexity: Drupal 8 UX
The journey to build a more usable toolbar for Drupal 8
2012 Usability Conference
User experience in the Drupal Universe
15 Web Design Trends for 2013
#1NLab14: Responsive Design
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
Hey open source, don’t forget the user! - by Chad Kieffer
UX challenges of a UI-centric config management tool
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
Building Responsive Websites with Drupal
Designing for web & beyond – don’t get caught with your browser down finalclean
Drupal in the Jungle
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Dig...
Introduction to Web Design and Development Lecture 1.pptx
Delivering Fantastic Brand Experiences With Low-Code

More from leisa reichelt (20)

PDF
Civic tech userneeds
PDF
Things you can do to help your organisation make better services for users
PDF
Strategic User Experience (ConfabUK 2013)
PDF
Prototyping UX (Confab Fringe)
PDF
Prototyping Information Architecture
PDF
Make Like a Startup
PDF
Why Most UX is Shite
PDF
Strategic UX - UX People
PDF
Strategic UX - UX Cambridge Nov 2011
PDF
Public Prototyping - Drupal Summit, Genk 2011
PDF
Strategic UX Workshop - UX Bristol
PDF
From Usability to UX Strategy
PDF
UX Revolution - Design Day, Sofia
PDF
Reboot 11: Bare Naked Design
PDF
Design Research For Everyday Projects - UX London
PDF
IA Mini - Design Consequences Activity
PDF
Collaboration Techniques that really work
PDF
Improving your site's usability - what users really want
PDF
Practical User Research - UA Conference 08
PDF
Civic tech userneeds
Things you can do to help your organisation make better services for users
Strategic User Experience (ConfabUK 2013)
Prototyping UX (Confab Fringe)
Prototyping Information Architecture
Make Like a Startup
Why Most UX is Shite
Strategic UX - UX People
Strategic UX - UX Cambridge Nov 2011
Public Prototyping - Drupal Summit, Genk 2011
Strategic UX Workshop - UX Bristol
From Usability to UX Strategy
UX Revolution - Design Day, Sofia
Reboot 11: Bare Naked Design
Design Research For Everyday Projects - UX London
IA Mini - Design Consequences Activity
Collaboration Techniques that really work
Improving your site's usability - what users really want
Practical User Research - UA Conference 08

Recently uploaded (20)

PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
Acoustics new for. Sound insulation and absorber
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPT
Machine printing techniques and plangi dyeing
PDF
Test slideshare presentation for blog post
PDF
Introduction-to-World-Schools-format-guide.pdf
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
Urban Design Final Project-Context
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPT
UNIT I- Yarn, types, explanation, process
PPTX
Media And Information Literacy for Grade 12
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Urban Design Final Project-Site Analysis
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Tenders & Contracts Works _ Services Afzal.pptx
Acoustics new for. Sound insulation and absorber
GSH-Vicky1-Complete-Plans on Housing.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Machine printing techniques and plangi dyeing
Test slideshare presentation for blog post
Introduction-to-World-Schools-format-guide.pdf
robotS AND ROBOTICSOF HUMANS AND MACHINES
Urban Design Final Project-Context
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
UNIT I- Yarn, types, explanation, process
Media And Information Literacy for Grade 12
SEVA- Fashion designing-Presentation.pdf
CLASSIFICATION OF YARN- process, explanation
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Urban Design Final Project-Site Analysis
Chalkpiece Annual Report from 2019 To 2025
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf

Drupal WebJam Utrecht