👋🏽 We wrote a book! Order Wireframing for Everyone today →

Balsamiq

Toggle navigation

Sketchnotes from Mobile UX Summit 2013

· Posted by ben in Company and tagged , · 11 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.

ben for the Balsamiq Team

Leave a Comment

Comments (11)

  1. Pingback: Release: Retina Support, new Mockups for Google Drive UX, big myBalsamiq improvements, and MUCH more! – Mockups Product Blog – Balsamiq

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

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

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

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

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

  7. Great notes. Trying to enhance user experience and limit down to a 4″ screen is a challenge. 🙂 Thanks for great ideas.

    joy2discover
  8. Great slides. How about a PDF version? Thanks!

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

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

    • 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.