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.

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
tsvenson's picture

Offer to help with D8 UX and Usability testing and improvements

Hello everyone,

First a public apology to all those within the community I offended and in other ways behaved badly against last time, few years back, around. It is not an excuse, but I was then on my way straight into the wall and towards a personal meltdown which has taken until now to feel sure that the risk for backlashes is under control, including to know I will handle things better this time around.

Please feel free to contact me privately if there is anything you need me to explain further. I would be happy to discuss and clear up any remaining issues you have.

Read more

Formal usability testing of Drupal 8 at the University of Minnesota Usability Lab, 22nd–25th June

On the 23rd–25th of June, just before Twin Cities Drupal Camp, we will be conducting usability testing focusing on Drupal 8 at the University of Minnesota. This is a great opportunity to evaluate the current state of Drupal 8 and identify issues that can be resolved before release, or require much of our attention after release.

Read more

U of MN : Possible Usability Study 2015

2015-05-12: We discussed this at DrupalCon LA. See update below.

Camp organizers for Twin Cities Drupal Camp are in contact with the University of Minnesota Usability Lab about the possibility of another usability study there in connection with this years camp/sprints!

Read more
zfactor's picture

Experiences performing user tests with Drupal prototypes

I have been working on a project recently where we have been performing user tests against Drupal prototypes. The audience is a mix of people from regular users of Drupal to marketers who have never seen the platform.

We are seeing a trend where people are regularly distracted and/or confused by things within Drupal core's interface. One example is we designed a test where users would edit a node and change the workflow state. Users found it challenging to even find where to go to edit the node.

Read more
dagmita's picture

Mobile/Tablet drag'n drop solution

Hi there,
I made a suggestion for mobile and tablet drag'n drop solutions for menus etc.
You will find all details in the post: https://www.drupal.org/node/1972462#comment-9618157
I am happy to get feedback and find someone to implement this.
Thanks, cheers from Bogota,
Dagmar

Read more

Mobile CMS screenshots of Owaves on iPad

Owaves has very good user interface elements for managing their content, some of this can be used as inspiration for Drupal's mobile user interface. Owaves is somewhat useful but makes it attractive because of its great UX. The Ux in the app Owaves is a colorful and easy to understand one. The use circles and bright figures to help give visuals. You will see a single screen shot below as it is the only screen on the app. All activities happen on this screen.

  1. The app has very clean shapes that help put a lot information while still providing a good UX
Read more
Subscribe with RSS Syndicate content