UX improvements to Drupal 8
-
Upload
kiat-lim -
Category
Technology
-
view
422 -
download
1
description
Transcript of UX improvements to Drupal 8
![Page 1: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/1.jpg)
In collaboration with
UX Improvements to Drupal 8
And why it matters?
Kiat Lim @ironkiat
![Page 2: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/2.jpg)
In collaboration with
Started since Drupal 5 !Design & build websites for over 10 years !Speaks at DrupalCamp Singapore & DrupalCamp Manila !Contributes to D8UX !https://drupal.org/user/200468 !Get in touch: [email protected] @ironkiat
![Page 3: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/3.jpg)
In collaboration with
Motivations of Drupal UXDrupal 6 usability test was a disaster. !Drupal 7 usability fixed many basic critical flaws !Drupal 8 usability aims at hitting the really hard to solve issues !UX improvements for Drupal 8 began as early as 2011!
Author experience improvements
Site building improvements Mobile
Style guide Process
![Page 4: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/4.jpg)
In collaboration with
Some key contributors of D8UX
Roy Scholten Terrence Kevin O'LearyBojhan Somers
And more at: http://groups.drupal.org/usability
![Page 5: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/5.jpg)
In collaboration with
The Improvements
![Page 6: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/6.jpg)
In collaboration with
Responsive Seven Theme & Bartik
![Page 7: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/7.jpg)
In collaboration with
New visual style for SevenHelp with implementing Style guide: https://drupal.org/project/issues/search/drupal?issue_tags=styleguide
![Page 8: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/8.jpg)
In collaboration with
1
2
3
Node / Add Page Improvements
![Page 9: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/9.jpg)
In collaboration with
Node / Add Page Improvements
![Page 10: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/10.jpg)
In collaboration with
In-place editing on fields
![Page 11: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/11.jpg)
In collaboration with
Content Listing
1
2
![Page 12: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/12.jpg)
In collaboration with
People Listing
![Page 13: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/13.jpg)
In collaboration with
Improved menu editing
![Page 14: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/14.jpg)
In collaboration with
Module Listing
![Page 15: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/15.jpg)
In collaboration with
Blocks Management & Placement
![Page 16: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/16.jpg)
In collaboration with
Views in Core!
![Page 17: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/17.jpg)
In collaboration with
Try Drupal 8 now!
In collaboration with
![Page 18: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/18.jpg)
In collaboration with
Taking advantage of the improved UX in D7
In collaboration with
![Page 19: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/19.jpg)
In collaboration with
Try the Sparks Distribution
In collaboration with
https://drupal.org/project/spark
![Page 20: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/20.jpg)
In collaboration with
Navbar module for mobile friendly navigation toolbar
In collaboration with
![Page 21: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/21.jpg)
In collaboration with
Edit Module for in-line editing
In collaboration with
![Page 22: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/22.jpg)
In collaboration with
Responsive Admin Theme: Ember
In collaboration with
In-place editing for fields on any entity. !!
![Page 23: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/23.jpg)
In collaboration with
Improved content / user listing using Admin Views
In collaboration with
![Page 24: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/24.jpg)
In collaboration with
Improved Module listing with Module Filter
![Page 25: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/25.jpg)
In collaboration with
How you can help?
In collaboration with
![Page 26: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/26.jpg)
In collaboration withIn collaboration with
Help implement the ideas in D8UX Issue queue
![Page 27: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/27.jpg)
In collaboration withIn collaboration with
Implement Seven Style Guide
https://drupal.org/node/1986434
![Page 28: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/28.jpg)
In collaboration with
Participate in UX discussions#drupal-usability in IRC on Mondays at UTC 8pm (4pm EST) !http://groups.drupal.org/usability !Join the UX Team!
In collaboration with
![Page 29: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/29.jpg)
In collaboration with
14 June 2014
Ngee Ann Kongsi Auditorium, Singapore Management University,
School of Accountancy !
www.drupalcamp.sg
![Page 30: UX improvements to Drupal 8](https://reader034.fdocuments.us/reader034/viewer/2022052600/558620bed8b42a7d428b50ef/html5/thumbnails/30.jpg)
In collaboration with
Get in touch with Kiat Lim: !
[email protected] @ironkiat
What do you think?
In collaboration with