All posts about
Mobile design

Touch Targets for Application Design

Principles for touch-based user interfaces.

“(…) deeper dive into designing touch-based interactions. That is, how large we need to make our application controls and where should we place them on screen in order to optimize for touch. In addition to general guidelines, I also showcase a before and after design that converts a keyboard and mouse application to a touch-optimized interface by rethinking navigation, input controls, and more.”

(Luke Wroblewski a.k.a. @LukeW)

Seven Deadly Mobile Myths: Josh Clark Debunks the Desktop Paradigm and More

Are we all in a state of (design) confusion?

“It’s a thrilling but overwhelming moment in the history of technology, and most of us are running hard just to keep up. I strongly believe this is a time to be generous… to share ideas, offer critique, and do everything we can to help one another develop the techniques and philosophies necessary to push our digital efforts forward.”

(Anthony Wing Kosner ~ Forbes) courtesy of birgitgeiberger

Augmented Paper

There’s some real magic in all these apps.

“Design an experience. Make it as beautiful – and as emotionally resonant – as it can possibly be. Then adorn the core experience and content with only as much functionality as is absolutely necessary. Functionality – and software-based thinking in general – is like seasoning. A little is an enhancement; any more destroys the flavour, subsumes the artistry of the chef, and may well be bad for you. These new classes of devices, so immediately personal and portable and tactile, aren’t desktop-era shrines demanding incantation and prostration. They’re empowering extensions to our real, actual lives – and that’s a profound thing. They take what was once prosaic or mundane, and give us just a taste of superpowers. They’re augmentations, and they should be beautiful.”

(Matt Gemmell a.k.a. @mattgemmell)

Nielsen is wrong on mobile

Jakob is wrong on everything, except usability.

“For all of Jakob Nielsen’s many great contributions to web usability over the years, his advice for mobile is just 180-degrees backward. His latest guidelines perpetuate several stubborn mobile myths that have led too many to create ‘lite’ mobile experiences that patronise users, undermine business goals, and soak up design and tech resources.”

(Josh Clark a.k.a. @globalmoxie ~ .net magazine) courtesy of lammertpostma

Designing for touch

Mobile Touch, the new design space with many new constraints, materials and possibilities.

“Great mobile designs do more than shoehorn themselves into tiny screens: they make way for fingers and thumbs, accommodating the wayward taps of our clumsy digits. The physicality of handheld interfaces take designers beyond the conventions of visual and information design‚ and into the territory of industrial design. With touchscreens there are real ergonomics at stake. It’s not just how your pixels look, but how they feel in the hand.”

(Josh Clark a.k.a. @globalmoxie ~ .net magazine) courtesy of puttingpeoplefirst

The UX Community Needs to Start Paying Attention to Android

Technology has always been a great driver of UX, closed or open.

“I’ve been doing a lot of research recently about mobile design patterns and UX best practices for smartphone and tablet devices for both iOS and Android platforms. One thing has stood out more than anything else during this process: no one is talking about Android.”

(Catriona Cornett a.k.a. @inspireUX ~ inspireUX)

Mobile Is Not a Channel – It’s an Attitude

Channel, platform, or touchpoint? I’m getting all confused with the new cross-lingo.

“Mobile is not a channel because I don’t believe that consumers are making a distinction between their mobile and their fixed Internet experiences – from a consumer perspective, it’s the same Internet accessed through different devices. (…) Let’s stop talking about mobile as a separate channel and start designing digital experiences that incorporate mobile the way it obviously needs to be done.”

(Laurel Erickson a.k.a. @erxn ~ Enlighten)

Mobile First: What Does It Mean?

It can mean many things. Depending of who asks.

“Many companies caught on to the mobile-first trend awhile back. Google surfaced their mobile-first strategy in 2010. As you’ve probably guessed from the name of this approach to site design, mobile first means designing an online experience for mobile before designing it for the desktop Web-or any other device. In the past, when users’ focus was on the desktop Web, mobile design was an afterthought. But today, more people are using their mobile devices for online shopping and social networking than ever before, and most companies are designing for mobile. Mobile first requires a new approach to planning, UX design, and development that puts handheld devices at the forefront of both strategy and implementation. The digital landscape has changed, and companies have realized that consumers are now accessing more content on their mobile devices than anywhere else.”

(Riley Graham a.k.a. @lrileygraham ~ UXmatters)

Experience Design is The Future of Mobile Payments

Is XD now becoming the next silver bullet?

“A holistic experience is key to the future of mobile payment services. No one player currently owns the mobile payment eco-system but those who emerge as the preeminent players will be the ones that embrace seamless integration of partnerships, interoperability, product, services, and user experience. There’s an opportunity for the major/minor players of mobile payment services to create a differentiated, distinguishable, and ownable service experience (…). Lastly, those who pay attention to and design for local market needs and use cases, will dramatically increase mobile payment’s chances for widespread adoption and success.”

(Perry Chan a.k.a. @perrychan ~ Sapient Idea Engineers)

The Design and Display of Simple Interactions on Mobile Devices

Are we re-inventing everything now it’s mobile?

“Users visit mobile sites not only to consume content, but to get things done. Let’s take air travel as an example: tasks that users often find themselves performing on an airline company’s mobile site include checking flight status, checking in for a particular flight, and searching for and booking a flight. How does mobile user interface design support task completion? What are the optimal ways of communicating and displaying interactions on mobile sites? With the aim of discovering optimal ways of designing simple interactions on mobile devices, I examined the task of checking flight status. I’m hoping that my analysis sheds some light on this topic.”

(Shanshan Ma a.k.a. @shanshanma ~ UXmatters)

Does context really matter for mobile design?

Always loves to go for counter-intuitive argumentations.

“Pick up most books about building web sites or products for mobile and you’ll hear a common refrain extolling you to pay attention to the mobile context. Usually this means paying attention to the fact that people using mobile phones are likely to be on the go, have limited attention, and slow Internet connections. This may have been true in the past, but data suggests that this behavior is changing: 93% of smartphone owners use their smartphones while at home, 62% of people use their mobile phone while watching television, 69% use mobile while shopping, 39% of smartphone owners use their devices in the bathroom.”

(Small Surfaces)

Why Separate Mobile & Desktop Web Pages?

So, there is much more involved with the languages of the Web than meets the eye.

“As use of mobile devices continues to skyrocket across the globe, we’re seeing more ways to tackle the challenge of creating great Web experiences across multiple devices. But which approach is right for any given project? In an effort to help answer that question, I’ve compiled the reasons we opted to use a dual (separate mobile and desktop) template system to build our start-up.”

(Luke Wroblewski a.k.a. @LukeW)