On May 11th and 12th I’ll be speaking at Mobilism in Amsterdam about Mobile First and presenting a full day workshop on Designing Mobile Web Experiences. Both sessions will focus on how Web design teams can make the transition from designing for desktops/laptops to designing for mobile and get into depth on mobile organization/IA, inputs, actions, and layout details.
For years, most Web teams have designed for the desktop. Mobile, if it even happened, was a port off the desktop version, designed and built before anyone even considered the mobile experience. This made perfect sense for a while. Browsing the Web on mobile phones was painful; carriers controlled access to the Web on their devices; and mobile network speeds made everything often grind to a halt.
But things have changed so dramatically over the past few years that starting with the desktop may be an increasingly backwards way of thinking about a Web product. Designing for mobile first can not only open up new opportunities for growth, it can lead to a better overall user experience for a Web site or application.
In this session, Luke Wroblewski will dig into the three key reasons to consider mobile first: mobile is seeing explosive growth; mobile forces you to focus; and mobile extends your capabilities.
Each day, device manufacturers ship more than a million touch-screen phones that enable new ways for people to interact with the Web. But when they get to your Web site or application –what kind of experience will people with these devices have? Will they be delighted by your mobile Web experience or frustrated?
In this workshop on Web design best practices for modern mobile devices, Luke Wroblewski will detail how to think about and design for Web organization, actions, inputs, and layout on mobile. Through presentations, collaborative sessions, and lots of examples, you’ll learn how to:
- Use “content first/navigate second” organizational structures optimized for small screens and mobile use cases.
- Design for increasingly prevalent touch interactions with appropriate targets and gestures.
- Construct forms and input fields to make input on mobile easier and more frequent.
- Manage layouts across multiple devices with ruthless editing, device classes, and responsive/flexible designs.
- And more...
Armed with these design best practices and principles, you can make sure people have a great mobile Web experience whenever they visit your site.
Hope to see some of you there!