Sketchnotes from Mobile UX Summit 2013

· Posted by Ben in design and tagged , · 10 Comments

Hi, all. Ben here again with more sketchnotes! (Here is a link to the first set of sketchnotes I posted.) Last week, I had the opportunity to participate in the Mobile UX Summit, put on by Environments for Humans and Rosenfeld Media. It featured a fantastic lineup of speakers, all focused on the nuances of designing for mobile experiences.

Industrial-Designers One of the biggest takeaways for me was from Josh Clark's talk. He pointed out that touch devices have fundamentally changed who we are and what we do as interface designers. Whether we are aware of it or not, we are also now industrial designers. Ergonomics is a huge part of what we do, and must be taken into consideration when we craft our designs.

Fonts-have-voice Another main point that resonated with me was from Jason Teague. He made it clear that we have to elevate the importance of typography. In many mobile designs, the typography and layout are some of the only design considerations you can impose on an interface to make sure that it convey the proper emotions to your users. "Mobile first" has become a cultural buzz-phrase, but we should perhaps start with typography first before tackling more of the visual design.
Typography-first

User-testing Finally, from Theresa Neil's case study, it was clear immediate user testing is an absolute must. This is something that we really care about here at Balsamiq, and want to make as easy as possible. We have recently added some features to make this easier, and have even more planned. I loved hearing about designers getting users to interact with their wireframes before even moving on to visual design. Taking an approach like that will save you incredible amounts of time and money down the road.

There was so much more in this conference that I loved, and hopefully my full set of sketchnotes will help you to benefit from it as well.

(Click to enlarge; ← and → to move through the images)
Mobile-UX-Summit-Sketchnotes-1 Mobile-UX-Summit-Sketchnotes-2 Mobile-UX-Summit-Sketchnotes-3 Mobile-UX-Summit-Sketchnotes-4 Mobile-UX-Summit-Sketchnotes-5 Mobile-UX-Summit-Sketchnotes-6 Mobile-UX-Summit-Sketchnotes-7 Mobile-UX-Summit-Sketchnotes-8 Mobile-UX-Summit-Sketchnotes-9 Mobile-UX-Summit-Sketchnotes-10

And here is a PDF with the entire set: Mobile-UX-Summit-Sketchnotes.pdf.

How has your design process changed as you have focused more on mobile experiences? Let us know in the comments below.

Comments (10)

  1. Nice summary.
    About Theresa Neil’s case study, did you mean customer focused design, quick iteration & get immediate feedback and learn, iterate iterate ?

  2. Anil, that is a great way to phrase the process. You are definitely going to learn, and hopefully you will then iterate, from customer feedback. And the earlier in the process you can do that, the easier and cheaper it is to make changes based on what you learn.

  3. Brad Frost is the man. Aggressive Enhancement FTW! I love that you put JavaScript in your scketchnotes.

  4. Great slides. How about a PDF version? Thanks!

  5. Great notes. Trying to enhance user experience and limit down to a 4″ screen is a challenge. :-) Thanks for great ideas.

    joy2discover
  6. Would love to have a PDF version of these notes. Thanks!

  7. Pingback: September 28, 2013: Weekly Roundup of Web Development and Design Resources

  8. Thanks to those that asked for a PDF version. I have added one under the images of the sketchnotes. Cheers!

  9. Pingback: Mobile UX Summit Sketch Notes | The CGT 512 UX Blog

  10. These notes are wonderful. I am using it.

Leave a Comment

Your email is never published nor shared.