Usability

Come discuss, create and plan great Drupal UX design

Other places to explore: Core issues tagged 'usability', Where UI docs live, Come chat in IRC in #drupal-usability.

Mobile CMS screenshots of Joomla CMS (Joooid) on HTC One M7

Feedback:

  • It is not easy to find any mobile integration for self hosted applications.

  • Consistent and stable

  • Straight forward.

  • In some cases the program stopped working.

  • The learning curve is larger as compared to other open source platforms.

-- Drupal can be improved by making its tabs better and also work on the drop down list.
-- Compared to Joomla, Drupal is much easier to use and to learn.

Below are the screenshots attached of the Joomla CMS for Mobile User Interface.

(1) Log in

(2) Available services

(3) Articles

(4) New Article

Read more

Mobile CMS screenshots of Wordpress on HTC One M7

Feedback:

  • Simple to use

  • Wordpress allows us to make the UI more appealind since we can customize the themes.

  • Wordpress has a wide variety of themes which makes wordpress' UI more appealing.

  • It is an amazing content management system.

-- Drupal must work on its themes as this will make it its user interface more appealing.

Below are screenchots of Wordpress on HTC One M7.
1- Log in
2- Available services
3- Themes
4- Customize theme
5- Discover

Read more

Mobile CMS screenshots of ProcessWire on HTC One M7

Feedback:

  • Using ProcessWire on a phone makes it UI look dull.

  • Easy to Use.

  • No proper alignment when using a phone.

  • Looks messy.

-- Drupal is really better than processwire concerning CMS since it is well spaced and offers a cleaner interface.
-- Drupal is more stable and reliable.

Below are the screenshots attached of ProcessWire for Mobile User Interface.
(1) ProcessWire front page
(2) Modules
(3-4) Docs
(5) Blog
(6) Forums

Read more

Mobile CMS screenshots of Wordpress on XOLO Era 1x.

Feedback

  • The User Interface of Wordpress is the best among other CMS.

  • Easy to use.

  • Wordpress has a wide variety of themes which makes wordpress' UI more appealing.

  • Moreover Wordpress has some new features like Recent Blogs, pop-up description to give brief information of each section.

-- Themes are the only thing on which Drupal could work which will make its user interface better.

Read more

Mobile CMS screenshots of Textpattern on XOLO Era 1x.

  • Below are the screenshots attached of the Textpattern CMS for Mobile User Interface.
  1. Login

  2. Edit Article

  3. Menu Links

  4. Edit Styles

  5. Front Page of Website

Read more

Mobile CMS screenshots of Joomla on XOLO Era 1x.

  • Below are the screenshots attached of the Joomla CMS for Mobile User Interface.
  1. Login

  2. Control Panel

  3. Menu Links in Control Panel

  4. Edit Article

  5. Front Page of the Website

Read more
yoroy's picture

Drupal UX meeting format is evolving

Start: 
2016-05-31 21:00 - 22:00 Europe/Amsterdam
Organizers: 
Event type: 
User group meeting

After a couple of weeks of setting up with mostly free-format meetings in IRC we’re going to try a more structured format for our weekly UX meetings:

Read more
Dom.'s picture

In-place configuration for Drupal - Inside-out approach

Hi Usability Group members !

I wish to get your help regarding a contrib project (and potentially a DDD Milan presentation).

Context:
I wish to explore what Dries usually calls Outside-In approach (I tend to rather like in-place administration as a name but OK!).

Read more
Bojhan's picture

Reinventing Drupal’s User Experience process

yoroywebchickGabor

The Drupal core product needs to become more engaging and useful right out of the box. Usability testing has shown why. Here, we want to look at how we can change our process to be more efficient and effective.

Read more

Design issues to work on

Needs review/input

  • [Move roles and permissions under admin/structure][8]

Needs design

  • [Consolidate the 'Exit block region demonstration' styling with the 'Back to content editing'][1]
  • [Create a tooltip component][2]
  • [Emphasize the most important items on the 'structure' page][3]
  • [Views listing page displays too few items on a page][7]

Needs frontend

  • [Alignment of comments in narrow screens][4]
  • [Make the 'Add content' link in the 'Tools' block finger friendly][5]

Needs PHP

  • [Use local tasks for Views displays in the Views UI][6]
Read more

Drupal UX links & resources

Links for finding what to work on, where discussion happens and how the process works.

Discussion

  • Feel free to post your idea or question [in this usability group][usabilitygroup]
  • Day to day chats in #drupal-usability on [IRC][irc]

We have IRC meetings twice a week for more structured discussion and planning:

Read more

Current UX work

Format of meetings:

Mix of 1 large focus topic and any quick wins (not necessarily related to the larger topic) that help us book success. Possible topics:

  • Visual hierarchy
  • Migrate UI
  • Example content

Need to create an asset library

There are no up to date PSD/Sketch/… files readily available. Would be good to have those.

  • Place to share design assets
  • Have reference files that document the standards
  • Research ways to organize this setup. google drive maybe?

High level overview

Read more
stpaultim's picture

Another Usability Study in Twin Cities this Year?

We've begun planning for Twin Cities Drupal Camp this year and are interested in knowing whether or not there is interest in another Usability Study at the University of Minnesota. This year, we are actually having our camp on the University of MN campus.

I've heard that their summer schedule is filling up, so we need to get on their calendar now, if we want access to their lab. (NOTE: We have not yet confirmed anything with them yet. So even if they have time available, we still need to put in a request).

Read more
yoroy's picture

Drupal UX meeting II

Start: 
2016-03-23 09:00 - 10:00 Europe/Amsterdam
Organizers: 
Event type: 
Online meeting (eg. IRC meeting)

Weekly discussion and planning of Drupal UX related activities.

Join #drupal-usability on IRC

Read more
yoroy's picture

Drupal UX meeting I

Start: 
2016-03-22 21:00 - 22:00 Europe/Amsterdam
Organizers: 
Event type: 
Online meeting (eg. IRC meeting)

Weekly discussion and planning of Drupal UX related activities.

Read more

Tackling UX design challenges


We're kicking off weekly meetings in IRC:


Taking inventory of who, what & how:

People

Read more

Mobile CMS Screenshots of Weebly on Motorola MOTO E XT1022

For the enhancement of the Drupal Mobile Application, I am posting some screenshots of the Weebly Mobile App for the developers to draw inspirations from its GUI. It's mobile app has a clean and appealing UI. Weebly mobile app comes packed with a lot of superb features and a charismatic UI. I have mapped the whole app with screenshots which might prove helpful in the development process of Drupal's Mobile Application.

Read more

Mobile CMS screenshots of Blogger on Motorola MOTO E XT1022

For the enhancement of the Drupal Mobile Application, I am posting some screenshots of the Blogger Mobile App for the developers to draw inspirations from its GUI. Blogger's mobile app has not much functionality though it has a clean and appealing UI. I have mapped the whole app with screenshots which might prove helpful in the development process of Drupal's Mobile Application.

Read more

Mobile CMS screenshots of Wordpress on Motorola MOTO E XT1022

For the enhancement of the Drupal Mobile Application, I am posting some screenshots of the WordPress Mobile App for the developers to draw inspirations from its GUI. WordPress is a php based Content Management System, which is quite popular for its easy interface and wide range of themes. It's mobile app has a clean and appealing UI. I have mapped the whole app with screenshots which might prove helpful in the development process of Drupal's Mobile Application.

The first screen that appears on opening the app :

Read more
tonystar's picture

Bricks module — revolutionary new way of creating rich content in Drupal

https://www.drupal.org/project/bricks

Bricks — is a revolutionary new way of creating rich content in Drupal. Thanks to the powerful contributions like ECK and Entity Reference, Bricks itself is just 100 lines of code.

In terms of concept Bricks is a new generation of Paragraphs, drop-in replacement for Panelizer and a good friend to Display Suite and WYSIWYG.

Live demo

  1. Open pre-configured sandbox on simplytest.me.
  2. Click Launch sandbox and wait.
  3. Click Log in (email and password should be pre-filled).
  4. Go to Appearance and click Set default near the Bootstap theme.
  5. Go to Structure > Content types > Page > Manage fields and:
    • Edit and Save field_body (this enforces Field API to alter database schema).
    • Optionally Delete useless body field.
  6. Finally click Add content on the toolbar and create your first bricky page!

https://www.drupal.org/project/bricks

Read more
Subscribe with RSS Syndicate content

Usability

Group organizers

Group categories

UX topics

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: