All posts about
Mobile design

Three reasons we’ve outgrown mobile context

Is ‘mobile’ losing its meaning?

“It seems like it’s taken forever, but everyone is finally taking designing experiences for smaller screens seriously – whether they’re doing responsive design or designing stand-alone mobile Web sites.”

(SuAnne Hall ~ UXmatters)

Is the iPad mobile?

Nice example of a rhetorical question.

“Listen to your users and always check whether the new features are desirable. As you first release an app, start with your core competency and consider the features that are essential to your primary user path. As you iterate and add more features from your business and product road map, take into account what users are saying. You may find yourself adding or sunsetting features based on how and where people are using your app. Mobile or not, the tablet market is here to stay and, directly or indirectly, users will tell us what features to build next.”

(Marina Lin ~ Boxes and Arrows)

Designing with context

And wasn’t information contextualized data?

“The digital community has yet to fully understand the facets of the multicontext era. As a result, two stereotypes pervade: the desktop context and the mobile context.”

(Cennydd Bowles a.k.a. @Cennydd) ~ courtesy of @nicoooooooon

How do users really hold mobile devices?

How to elaborate on just one facet of mobile devices: portrait versus landscape.

“Everything changes with touchscreens. On today’s smartphones, almost the entire front surface is a screen. Users need to be able to see the whole screen, and may also need to touch any part of it to provide input. Since my old data was mostly from observations of users in the lab-using keyboard-centric devices in too many cases – I needed to do some new research on current devices. My data needed to be more unimpeachable, both in terms of its scale and the testing environment of my research.”

(Steven Hoober a.k.a. @shoobe01 ~ UXmatters)

Interview with Luke Wroblewski

Can be listened to while being mobile as well.

“Joe Welinske of Blink recently interviewed Luke Wroblewski. Luke discusses the reaction to his book Mobile First. He offers suggestions for UX professionals on how to gain support for a mobile first design strategy.”


Prototyping for mobile designs

Always wondered why mobile design would be different than plain software design. Is being able to move around the differentiator?

“Building a prototype is a great way to test your design early on with users. Whether you choose to go for a high-fidelity representation, or go lo-fi with paper, you can learn a lot about the usability of your site. Often, teams are concerned with which technique or tool to use because of the litany that are available.”

(Kelly Goto a.k.a. @go2girl ~ User Interface Engineering)

Mobile prototyping: A new paradigm

Mobile not only disruptive for industries, but also for established design practices like UI design.

“Designers and UX professionals use design techniques like sketches, wireframes and mockups to visualise a website during the design process. Can these web design techniques also be used for mobile app design – or is it time for change?”

(Alexis Piperides a.k.a. @alexispiperides ~ net magazine)

Designing for Users and Their Devices

Building more intimate UX.

“The iPad Mini presents an interesting case study of differences in the use of particular types of mobile devices. People use smaller tablets and eReaders in somewhat different ways: Their usage rates are different. Their use outside the home is more prevalent. And their users hold them differently. For the most part, UX designers and developers are trying to build user experiences that are appropriate to the ways in which people will use an iPad of a smaller size.”

(Steven Hoober ~ UXmatters)

Collecting Payment Information Within a Single Input

Micro-design for the best payment experience.

“For years the advice for mobile designers has been to avoid text input. Screens are small, fingers are imprecise, and so errors happen. But at the same time mobile devices are always with us, always on, and always connected. So instead of trying to limit input we should be encouraging it and taking steps to ensure it’s easy to provide accurately. Enter input masks.”

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

The UX of publishing for tablets and smartphones

How fast things are going is a matter of perspective. Even in the publishing industry.

“You can debate all these things for as long as you want, but your audience has already chosen for you. They’ve already gone “mobile first”. You probably need to start playing catch up.”

(Martin Belam ~ Emblem)

Responsive Navigation: Optimizing for Touch Across Devices

On moving through pixel sets and screen sizes.

“As more diverse devices embrace touch as a primary input method, it may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes?”


Mobile Input Methods

Input, output and the magic in-between.

“One key area that surprises a lot of designers and developers that I have worked with is input methods. Yes, they know that users don’t have a mouse, but there’s still an unstated assumption that all desktop Web input widgets will work. Perhaps more troubling is that their personal preferences and rumors sometimes supplant data regarding the kinds of actual experiences that exist out in the world.”

(Steven Hoober a.k.a. @shoobe01 ~ UXmatters)

Designing for the Sense of Touch: A New Frontier for Design

Touchy feely.

“Camille Moussette explores how interaction designers can leverage and embrace the sense of touch to develop interfaces and experiences that go beyond traditional visual and form-based aesthetics.”

(Science Daily) ~ courtesy of jeroenspiering

The end for keyboards and mice?

You ain’t seen nothing yet.

“Apple’s iPhone and its rivals may have introduced touchscreens to the masses, but now a raft of technologies promise to change the way we interact with computers forever.”

(Paul Rubens ~ BBC)

Tablets and the age of comfortable computing

Tablets are ‘just’ computers.

“Since their introduction in 2010, tablets have taken the mobile industry by storm, with sales expected to reach 120 million in 2012 alone. Whether novelty or need, tablets are clearly a big and growing part of the mobile device landscape that won’t be going away any time soon. Which begs the question: Now that these shiny new gadgets are finding their way into the world, how are people actually using them? In this talk, Rachel Hinman will share findings from her year-long study of tablet usage as well as provide design implications for designing tablet experiences.”

(Rachel Hinman a.k.a. @Hinman ~ The Web and Beyond 2012 ~ Amsterdam)

Designing for Mobile – Part 1: Information Architecture

I thought InfoArch was declared dead. Mobile resurrection.

“Mobile devices are clearly here to stay, and along with them come a whole host of new constraints (and opportunities) for our designs. Let’s take a look at how we might update our approach.”

(Elaine McVicar a.k.a. @ElaineMcVicar ~ UX Booth)

Beyond Mobile: Making Sense of a Post-PC World

How to design for our multi-screen personal environment with computation and connectivity for ‘free’?

“Native applications are a remnant of the Jurassic period of computer history. We will look back on these past 10 years as the time we finally grew out of our desktop mindset and started down the path of writing apps for an infinite number of platforms. As the cost of computation and connectivity plummets, manufacturers are going to put ‘interactivity’ into every device. Some of this will be trivial: my power adaptor knows it’s charging history. Some of it will be control related: my television will be grand central for my smart home. But at it’s heart, we’ll be swimming in world where every device will have ‘an app’. What will it take for us to get here, what technologies will it take to make this happen? This talk will discuss how the principles of the open web must apply not only to prototocols but to hardware as well. How can we build a ‘DNS for hardware’ so the menagerie of devices has a chance for working together?”

(Scott Jenson a.k.a. @scottjenson ~ dConstruct 2012)

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)