SlideShare a Scribd company logo
1 of 36
Taming complexity
Drupal 8 UX
Drupalcamp Finland, May 2013
Roy Scholten
@royscholten
yoroy on drupal.org
Drupal UX
Drupal 6 usability tests: disaster!
Drupal 7 usability: fixed many basic critical flaws
Drupal 8 usability: hitting the really hard to solve
issues
Drupal 8 UX
Author experience
Site builder improvements
Mobile
Style guide
Process
Author experience
WYSIWYG!
Edit in place
Content creation
page
Author UX
WYSIWYG
Edit in place
Content creation page
Sitebuilder tools
Viewsin core!
Modules, D7
Modules, D8
Translation UI
Sitebuilder UX
Views
Modules page
Translation
Mobile
Respon
sive
toolbar
Installer
Bartik & Seven
responsive
MobileUX
Responsive toolbar
Bartik and Seven are responsive
Not yet 100% of admin UI: inline edit, drag&drop,
field UI…
Seven styleguide
Needswork:
●
Mobile issues
●
Style guide
●
Blocks UI
●
Views UI
Join UX team
●
Groups.drupal.org/usability
●
http://drupal.org/project/issues/searc
h/drupal?issue_tags=Usability
●
#drupal-usability in IRC
Thank you!
Roy Scholten
@royscholten
yoroy on drupal.org
Links, resources
●
Usability group – http://groups.drupal.org/usability
●
Usability issues – http://drupal.org/project/issues/search/drupal?issue_tags=Usability
●
Style guide proposal – http://groups.drupal.org/node/283223
●
Style guide implementation – http://drupal.org/node/1953374
●
Mobile issues – http://drupal.org/project/issues/search/drupal?issue_tags=mobile
●
Views usability test – http://groups.drupal.org/node/267508
●
Blocks UI – http://drupal.org/node/187525
●
Spark – http://drupal.org/project/spark
●
Content page research – http://groups.drupal.org/node/214898
●
Content page designs – http://groups.drupal.org/node/217434
●
Content page usability test – http://groups.drupal.org/node/229038
●
Content page implementation – http://drupal.org/node/1510532
Encore:
UX process
How we work
Drupal 8 ux

More Related Content

What's hot

Android Dev. Workshop I
Android Dev. Workshop IAndroid Dev. Workshop I
Android Dev. Workshop ISahilRaina21
 
GDG Varna - When Android Meets Maps
GDG Varna - When Android Meets MapsGDG Varna - When Android Meets Maps
GDG Varna - When Android Meets MapsDimitar Danailov
 
Agile & UX: a 360 view - Sophie Freiermuth
Agile & UX: a 360 view - Sophie FreiermuthAgile & UX: a 360 view - Sophie Freiermuth
Agile & UX: a 360 view - Sophie FreiermuthUXPA UK
 
Project Tirect - The Journey of Designing an iPhone app
Project Tirect - The Journey of Designing an iPhone appProject Tirect - The Journey of Designing an iPhone app
Project Tirect - The Journey of Designing an iPhone appTony Wang
 
Case Study Upgrading Joomlagov.info to Joomla 2.5 with responsive design
Case Study  Upgrading Joomlagov.info to Joomla 2.5 with responsive design Case Study  Upgrading Joomlagov.info to Joomla 2.5 with responsive design
Case Study Upgrading Joomlagov.info to Joomla 2.5 with responsive design Joomla Day South Africa
 
Digital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal roleDigital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal roleDmitry Drozdik
 
User-centered design in publishing: a case study
User-centered design in publishing: a case studyUser-centered design in publishing: a case study
User-centered design in publishing: a case studyPaul Lomax
 
Web Developer vs Web Designer
Web Developer vs  Web DesignerWeb Developer vs  Web Designer
Web Developer vs Web DesignerSaleem Thapa
 

What's hot (9)

Android Dev. Workshop I
Android Dev. Workshop IAndroid Dev. Workshop I
Android Dev. Workshop I
 
GDG Varna - When Android Meets Maps
GDG Varna - When Android Meets MapsGDG Varna - When Android Meets Maps
GDG Varna - When Android Meets Maps
 
Android Design
Android DesignAndroid Design
Android Design
 
Agile & UX: a 360 view - Sophie Freiermuth
Agile & UX: a 360 view - Sophie FreiermuthAgile & UX: a 360 view - Sophie Freiermuth
Agile & UX: a 360 view - Sophie Freiermuth
 
Project Tirect - The Journey of Designing an iPhone app
Project Tirect - The Journey of Designing an iPhone appProject Tirect - The Journey of Designing an iPhone app
Project Tirect - The Journey of Designing an iPhone app
 
Case Study Upgrading Joomlagov.info to Joomla 2.5 with responsive design
Case Study  Upgrading Joomlagov.info to Joomla 2.5 with responsive design Case Study  Upgrading Joomlagov.info to Joomla 2.5 with responsive design
Case Study Upgrading Joomlagov.info to Joomla 2.5 with responsive design
 
Digital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal roleDigital Signage for YMCA and the Drupal role
Digital Signage for YMCA and the Drupal role
 
User-centered design in publishing: a case study
User-centered design in publishing: a case studyUser-centered design in publishing: a case study
User-centered design in publishing: a case study
 
Web Developer vs Web Designer
Web Developer vs  Web DesignerWeb Developer vs  Web Designer
Web Developer vs Web Designer
 

Similar to Drupal 8 ux

Taming Complexity: Drupal 8 UX
Taming Complexity: Drupal 8 UXTaming Complexity: Drupal 8 UX
Taming Complexity: Drupal 8 UXWunderkraut
 
[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter
[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter
[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They MatterSrijan Technologies
 
UX improvements to Drupal 8
UX improvements to Drupal 8UX improvements to Drupal 8
UX improvements to Drupal 8Kiat Lim
 
Enable the Community to improve usability
Enable the Community to improve usabilityEnable the Community to improve usability
Enable the Community to improve usabilityBèr Kessels
 
Choosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management FrameworkChoosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management FrameworkMediacurrent
 
Web Accessibility in Drupal 8
Web Accessibility in Drupal 8Web Accessibility in Drupal 8
Web Accessibility in Drupal 8AGILEDROP
 
Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...
Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...
Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...Acquia
 
[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?
[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?
[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?Wong Hoi Sing Edison
 
What in store in drupal 8
What in store in drupal 8 What in store in drupal 8
What in store in drupal 8 Shyamala Rajaram
 
DrupalCon Austin 2014 Review
DrupalCon Austin 2014 ReviewDrupalCon Austin 2014 Review
DrupalCon Austin 2014 ReviewDaniel Stout
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014Lewis Lin 🦊
 
Drupal 8 UX
Drupal 8 UXDrupal 8 UX
Drupal 8 UXBojhan
 
Drupal for Mobile
Drupal for MobileDrupal for Mobile
Drupal for MobilelittleMAS
 
Full stack-web-design
Full stack-web-designFull stack-web-design
Full stack-web-designKevin Conboy
 
Advantages of using drupal 8
Advantages of using drupal 8Advantages of using drupal 8
Advantages of using drupal 8NeilWilson2015
 
UMD User's Group: DrupalCon 2011, Chicago
UMD User's Group: DrupalCon 2011, ChicagoUMD User's Group: DrupalCon 2011, Chicago
UMD User's Group: DrupalCon 2011, Chicagobrockfanning
 

Similar to Drupal 8 ux (20)

Taming Complexity: Drupal 8 UX
Taming Complexity: Drupal 8 UXTaming Complexity: Drupal 8 UX
Taming Complexity: Drupal 8 UX
 
[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter
[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter
[Srijan Wednesday Webinars] UX Improvements of Drupal 8 and Why They Matter
 
Drupal 7 UX –
Drupal 7 UX – Drupal 7 UX –
Drupal 7 UX –
 
UX improvements to Drupal 8
UX improvements to Drupal 8UX improvements to Drupal 8
UX improvements to Drupal 8
 
Enable the Community to improve usability
Enable the Community to improve usabilityEnable the Community to improve usability
Enable the Community to improve usability
 
Choosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management FrameworkChoosing Drupal as your Content Management Framework
Choosing Drupal as your Content Management Framework
 
Ux guide
Ux guideUx guide
Ux guide
 
Web Accessibility in Drupal 8
Web Accessibility in Drupal 8Web Accessibility in Drupal 8
Web Accessibility in Drupal 8
 
Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...
Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...
Responsive & Ready: Why Drupal 8 is Ideal for Building Mobile-first Experienc...
 
[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?
[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?
[HKDUG] #20151017 - BarCamp 2015 - Drupal 8 is Coming! Are You Ready?
 
What in store in drupal 8
What in store in drupal 8 What in store in drupal 8
What in store in drupal 8
 
DrupalCon Austin 2014 Review
DrupalCon Austin 2014 ReviewDrupalCon Austin 2014 Review
DrupalCon Austin 2014 Review
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Drupal 8 UX
Drupal 8 UXDrupal 8 UX
Drupal 8 UX
 
Drupal for Mobile
Drupal for MobileDrupal for Mobile
Drupal for Mobile
 
Drupal WebJam Utrecht
Drupal WebJam UtrechtDrupal WebJam Utrecht
Drupal WebJam Utrecht
 
Full stack-web-design
Full stack-web-designFull stack-web-design
Full stack-web-design
 
Advantages of using drupal 8
Advantages of using drupal 8Advantages of using drupal 8
Advantages of using drupal 8
 
UMD User's Group: DrupalCon 2011, Chicago
UMD User's Group: DrupalCon 2011, ChicagoUMD User's Group: DrupalCon 2011, Chicago
UMD User's Group: DrupalCon 2011, Chicago
 
Android UI Design Tips
Android UI Design TipsAndroid UI Design Tips
Android UI Design Tips
 

Recently uploaded

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 

Recently uploaded (20)

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 

Drupal 8 ux

Editor's Notes

  1. Why is this important? You work on a site a couple of months. Your clients might be spending years with the solution you delivered. These people are getting more influence in choosing the CMS. Author UX is important! Previous presentation mentioned that once in core, functionality freezes. That's why it's important that core provides good defaults, because it's likely not extended with contrib modules
  2. Not news anymore, but yes, D8 ships with a wysiwyg editor. This is a mixed blessing of course, but at least this saves some time in setting things up. Up to you to apply it wisely.
  3. A basic general rule for good interaction design is to expose operations directly on the object that can be manipulated. D7 introduced contextual links as a first step D8 will have edit in place where not only the link but also the actual editing takes place on the object itself.
  4. Demo in firefox: customize teaser
  5. Edit in place is what it is: you edit existing content more easily. Creating new content is something else. The content creation page is a very important interface for content creator. Obviously. We spent a lot of time researching, designing, implementing an updated UI for this page
  6. I can tell some more about the design process later, to clarify how we get stuff done in core, but this is the design we ended up with and have been implementing.
  7. So, WYSIWYG, Edit in place, Content creation page. This also means that things like configurable editorial workflows or content staging didn't really make it in core. Enough room for contributed modules to improve things!
  8. Which brings us to another category of user interfaces. And this is actually an important point to consider: it's crucial to know for which kind of role you want to improve things. Design is about making trade-offs. No use to strive for perfection. Know that when you optimize for X, you are likely to make Y a bit harder to achieve.
  9. This means a big increase of useful functionality available out of the box. Talk about managing complexity It also means we still have a lot to do to bring more consistency and efficiency to the user interface. Usability testing showed that besides many parts of the ui are (needlessly) complex and wordy, the biggest issue is that it is not clear what you can actually do with it. Anyway…
  10. Ah, modules page. The page everybody loves to hate. This is the D7 version. - list gets very long, hard to find stuff. Dependency info clutters the page. - Categories do not really help This was a really tough page to redesign, lots of opinions and some of the issues can't really be solved.
  11. I think this whole design process got some 1000+ comments across multiple issues. The trick is to get a proposal into a patch, not only design Usability test to provide data and prevent opinion wars. Two fixes: - simpler first impression, less data up front - live filter to reduce the list DEMO
  12. Translation UI and workflow has seen some changes as well.
  13. This also means we did not: - Redesign the Fields UI - Made building menus/navigation easier - Improve the Blocks UI significantly (but maybe) Definately enough interesting challenges to work on for Drupal 9 :)
  14. And of course, making the whole of the Drupal toolset work on smaller screens provides some interesting challenges.
  15. One big obvious flaw with D7 admin on small screens is that the toolbar breaks the layout completely. A lot of energy went into making the toolbar work on small screens. It works! The UX is not completely smooth yet. And it makes an excellent show case of the amount of admin page we have. DEMO
  16. When discussing mobile use cases, you often hear the argument that people wont do this or that on a phone. Maybe. But I think, if you 'can't imagine x or y, it's more often a lack of imagination then that the scenario is not feasible. Maybe not now, but Drupal 8 is a tool for the next 4 years or so. And, as a framework, Drupal can't be too specific about what parts to leave out. Aim is to make 100% of admin responsive and usable on small screens.
  17. DEMO: Responsive tables
  18. This also means we did not: - Redesign the Fields UI - Made building menus/navigation easier - Improve the Blocks UI significantly (but maybe) Definately enough interesting challenges to work on for Drupal 9 :)
  19. Dedicated admin theme Seven introduced in D7. Big win, fixed one of the most fundamental critical usability issues. But it needed to be extended to
  20. Keynote showed Dries talking about distributions in 2006. This is me sketching a UI pattern similar to what ended up as the new modules page design. In 2009. On the one hand, the pace of innovation is very high. At the same time it can years to change (improve) fundamentals