I recently took the UX Design for Mobile Developers course on Udacity as a short refresher and to get an idea of how developers approach design.
The course is taught by UX designers at Google and I highly recommend any app developers, especially people developing on the Android platform to take this course, it’s great value for your time.
Here are some learnings and highlights from the course:
Avoid Detail-first thinking
Developers and designers tend to get lost in details and forget about the overall experience. Focusing on details too early cause you to optimise locally at the expense of overall app experience. For example, you may be focused on getting a particular component right when you may not even need the flow at all. Low-res wireframing helps you to think about your application from a high level as a series of steps your user needs to go through to accomplish a task.
Design for Your Users
Understand your users and design with their needs and behaviors in mind. If you don’t know who your users are, you run the risk of designing for yourself. The key to user-centric design is to overcome our personal preference bias. Focus on what is important to your persona and try not to combine feature lists from multiple stakeholders with the aim of pleasing everyone.
If you aim to please everyone, you please no one.
Be aware of the approach you take, design with empathy but be aware of the technical constraints.
Designing for Mobile
When designing for mobile users, take into account the mobile user persona on top of the persona for your app.
The Mobile Persona
- Finite data & battery
- Divided attention
- Small screen
- Sketchy network
People interact with their phones different. Some people use phones with both phones while other common usage include interactions like cradling, which is holding the phone with one hand and pointing with the other, like when they’re browsing the web on their phone.
50% of smartphone usage occurs with a single hand. When designing for mobile, put buttons and interactive elements in the natural zone and avoid the ow zones, but bear in mind the natural and ow zones may vary from person to person and device to device.
Responsive Mobile Design
Android allows you to scale your user interface up and down between different devices, however there are some pitfalls just relying on this approach:
The line lengths of text should be between 45 and 75 characters in order to maintain a comfortable viewing experience that users can easily scan across.
Having content clustered to a corner with a lot of wasted screen real estate can project a very unbalanced feeling, leading your application to feel unoptimized for the device.
Not making the best use of the screen real estate available.
The solution to overcome these common pitfalls from relying solely on the scaling approach is to adopt responsive design that respond to the device’s characteristics using the following techniques:
Combine things from different screens onto a single screen to fill up the space.
Taking the major building blocks of your application and reflowing or rearranging them on the screen to make better use of the space.
Focusing on the individual blocks within your design and delegating responsibilities to these individual blocks to optimize themselves given a certain amount of space.
Handedness and other constraints are all part of thinking about the user, and making your application fit in their lives in a way that they’re comfortable performing tasks and using your applications to achieve those tasks.