Mobile User Experience & Design

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
This group should probably have more organizers. See documentation on this recommendation.

A place for discussion on Unique Mobile related requirements.

This page is also home to the Drupal Mobile User Experience Initiative.

Objectives

  • Improve the usability of the Seven Theme for small screen and touch screen devices.
  • Design the experience of the Drupal Administration interface from the perspective of the "Mobile User".
  • Brainstorm Drupal Administration features to take advantage of the unique features of mobile devices.

This is a working group, no job postings please

adams950's picture

Jump to Mobile Site

Hi,

I started a forum post, but I'm in urgent, so, I'm seeking your help! And I'm humbly requesting you to help me please:

I'm new to Drupal. But after a long personal research, I heard or found that Drupal is best CMS in the world! I'm still in starting level in Drupal, when I see its admin panel, wow! I was amazed! I have experienced many CMSes, but no one is like it!

I planned to jump to all my sites to Drupal. Now, I want to know this:

Read more

To those doing responsive web design in #drupal, what base theme are you starting with?

I posed the following question on Twitter, and thought the answers might be helpful to others (as well as a place to archive further discussion that's actually searchable :P).

Only local images are allowed.

Here were some of the more detailed responses. This is a wiki, so feel free to add additional ones, either in the post or comments!

Read more
stovak's picture

Three new sandboxes

Ok, so i'm writing a book for Packt about creating D7 sites for mobiles and tablets. I in the process i've created three sandbox modules that i'm hoping to take to full module status,

  1. Views Highcharts

    http://drupal.org/sandbox/stovak/1235800

    Uses the Highcharts library to graph view results without using flash. I've applied for full-project status. It's in the queue and being reviewed.

Read more
LewisNyman's picture

Mobile Usability Testing Sprint - Facts & Findings

On the Friday of Drupalcon London we ran a Mobile Usability Testing Session on Drupal's admin interface.

View the issue spreadsheet on google docs

We had a strong turnout, with lots of enthusiasm from the testers. We managed to test the UI on the following devices:

  • Nokia N900
  • Sony Ericsson Xperia Arc
  • HTC Sensation
  • Samsung galaxy s2
  • iPad 2
  • iPhone 4
  • iPhone 3GS
  • iPhone 3G

Here are some of the thoughts I came away with after the session.

Read more
region13's picture

Any Drupal devs that want to easily extend to iPhone and Android, check us out, we have your solution

ApolloMatrix LLC, based in Mclean Virginia, announces the release of their drupal-to-mobile event platform for the iPhone and Android operating systems. Apollomatrix's platform is uniqely powerful in that it leverages the open source drupal web development platform to build and populate native mobile applications. This system can take advantage of all of the features of native mobile development, while freeing back end users from proprietary or overly complicated content management.

Read more
LewisNyman's picture

Drupal 8 User Experience Sprint - Drupalcon London

Start: 
2011-08-26 08:00 - 18:00 Europe/London
Organizers: 
Event type: 
Sprint

Mobile user experience

People are accessing with the web more and more on the move from their mobile devices. If it hasn’t already, it will be a basic expectation of any product to be just as usable from any device as it is on the desktop. Drupal has some catching up to do and then some. We need to make Drupal 8 friendly with tomorrow’s devices as well as today’s.

This sprint will focus on usability testing on a wide range of devices. Bring your phone, tablet, web enabled e-reader or gaming device.

Read more
Jeff Burnz's picture

Design Initiative IRC Meeting

Start: 
2011-07-05 21:00 - 23:00 Europe/Stockholm
Organizers: 
Event type: 
Online meeting (eg. IRC meeting)

We are holding our inaugural Design Initiative IRC meeting on the 5th July - if you want to have input into the initiative then be there :)

The meeting will be held in: #design-drupal (see: http://drupal.org/irc for info about IRC).

Agenda

Times and Timezones

http://www.worldtimebuddy.com/meeting?lid=5128581,2618425,2147714,539195...

Read more
Jeff Burnz's picture

Twenty Eleven theme for Wordpress 3.2

Anyone spotted the demo for the Twenty Eleven theme for Wordpress 3.2 - http://twentyelevendemo.wordpress.com

I think its worth us tearing this apart and looking at the ideas they have bought in, I've only played with it briefly and its pretty nice actually. That said my initial impression was not so favorable (omg this is lame), however the more I play around with and uncover its various features the more I like it.

Read more
christinainge's picture

The Third Annual Drupal Design Camp Boston - June 25-26, 2011

The third annual Drupal Design Camp Boston, the Drupal community's
first camp dedicated to design, will take place again at the MIT Stata
Center on June 25-26. Each year, 315+ Drupalists gather in Cambridge
to discuss ideas and take part in interactive sessions on the future
of Drupal, focusing on everything from usability to technology from a
design perspective. Dries
Buytaert
and Joshua Porter
to keynote.

Website:

Read more
Jeff Burnz's picture

Design Challenges

The Design Initiative has three main goals - build a new core theme, build a new collaboration site for designers, and community outreach. The new core theme initiative is well under way and we're tantalizingly close to design.drupal.org becoming a reality. What we need to do now is step up a gear and start thinking about outreach.

Read more
LewisNyman's picture

What is 'Device Context'?

Context can mean many things, especially in Drupal. What I want to talk about is what context relates too from a device perspective.

Broadly I think this equates too:

It is device capabilities and constraints plus the fact that mobile devices are with you anywhere and everywhere.Luke Wroblewski

How does the ambiguous location of the user affect their browsing experience? Which device capabilities are going to affect how they view and use the site?

Read more
LewisNyman's picture

Mobile Usability Hit List

A big part of any user experience is usability. It's the first step toward an engaging and seamless experience.

There are three key areas that will be the focus of the formal mobile usability tests:

  1. Navigation
  2. Readability
  3. User Input

Currently Drupal's admin interface fails one and two almost instantly on small and touch screens. All three need a wide range of tests before we can confidently address these issues. I'd like it if people could weigh in based on previous experience.

I'll be posting more about the usability tests soon.

Read more

Mobile Personas & User Stories

Mobile Verity

Verity is a part time administration assistant for a cancer support charity. She is working part time while she completes her Social Care Diploma. Before she left work to study, Verity was a Personal Assistant in the Finance Sector. Verity is in her late twenties. She is quite proficient with the MS Office Suite (Word, Excel etc.), and she uses Facebook and email but she doesn’t consider herself very good with technology.

Read more
Jeff Burnz's picture

Design Initiative: Narrowing the use case - who are our users?

To scope this discussion - this is about our new core theme for Drupal 8 and who it will serve, and how they will use it.

Its not possible to design and build something that will suit everyone, so we have been working on narrowing it down to identify who might use our new core theme and what their needs might be.

I have expanded on this and tried to think about skill-sets, constraints, features and what type of sites might they be building.

Read more
Jeff Burnz's picture

Design for Mobile - bikeshed!

We need to start thinking and talking about what approaches we're going to take in Drupal 8 with regards to design for mobile.

My own opinion is that we should probably be looking really closely at responsive design and how we might apply or adapt the patterns emerging in that field. The idea of "one web" and a unified design and user experience independent of device appeals to me. I don't want an impoverished mobile experience, so please don't assume what I want to see or do just because I'm on a tablet or handset.

Read more
LewisNyman's picture

D8MUX Initiative - Drupal Eight Mobile User Experience

I'm looking at putting together an initiative that will look into the user experience of administrating a Drupal site through a non-desktop PC.

Road Map

  1. Redesigning the navigation of the admin interface on small and touch screens.
  2. Heavily modifying the 'Seven' Theme to become more responsive and mobile friendly

"Mobile User" Experience

The emphasis is not on the device, but on the context of the person using it. I would almost call it 'device agnostic'. What is important is that the user is not sitting at as desk facing a big screen. They could be on the bus, sitting in a cafe or walking back from work.

Read more
Subscribe with RSS Syndicate content