This past weekend, I learned that the proposal for my presentation on mobile UX design was accepted for inclusion in the program for the Midwest UX Conference, happening April 9-10 in Columbus, OH.Â Huzzah!Â I am honored and excited at the opportunity to talk about some of the specific technologies and techniques used to create great mobile user experiences.Â And I’m looking forward to meeting other UX peeps and learning a whole hell of a lot in the span of just two days.
While the Midwest UX web site has the complete and detailed program, below is the description for my talk, one of four mobile-themed presentations happening as part of the same afternoon session.
Saturday, April 9
Afternoon Session A 2:10 pm – 4:00 pm
Adaptive Mobile UX Design / 2:30pm 2:50pm
Whether putting pen to paper or mouse pointer to blank canvas in your wireframing program of choice, most of us still pick an unconscious 1024 x 768 pixel resolution, landscape-orientation starting point for our designs. And if we need to design for mobile, it’s often on a completely separate track that uses a limited subset of the content and functionality we plan for in the “main web site”.
But with smartphones now projected to be in the hands of half of all Americans by the end of this year (citation) it’s vital that user experience architects understand some of the mobile-centric techniques and technologies that developers are already experimenting with.
In this presentation, UX professionals will see specific examples of HTML5 and CSS3 that have greatest impact on the user experience, including:
- HTML5 form types used to create smart soft keyboard UIs
- CSS media queries that serve up custom versions of the same page, making them truly responsive to any screen size and resolution
- Device-orientation and location-awareness technologies that add a context layer to the experience of using a site or application
- Semantic HTML5 tags that bring our wireframes closer to the code that developers use to create finished web sites
Any user experience professional, even those not yet working in mobile, can benefit by viewing these new techniques and being aware of how they can be used today and involving designers and developers in that conversation.ï»¿
While I’ve always loved learning, my attitude towards school was usually less than positive.Â My high school was certainly academically rigorous, as it was one of the top five in the state.Â But in its pursuit of that goal, my school celebrated and promoted a kind of achievement that was heavy on standardized testing and highly-structured classes set to guide young minds along a straight-and-narrow path into hallowed Ivy halls of higher learning.
It was a game, and a rather boring one, I thought.Â Learning in discrete blocks — French, then History, then Music Theory, then Math — with each subject in its own separate silo, a student’s competence (or lack thereof) in each area helping to nudge that person into a specific collegiate track.Â But I wanted French AND History, mixed together.Â The Science of Music.Â Peanut butter in my goddamn chocolate.
So it’s hardly surprising I was drawn to the early Internet, where a mid-90s web job consisted of a little Perl scripting, a little graphic design, and a whole lot of making-shit-up-as-you-go.Â Need to promote the new Frank Zappa album with some 30-second song samples?Â No problem, boss!Â Teaching myself how to encode, optimize, upload and embed audio files, all long before the era of online tutorials and YouTube video how-tos… well, that was just all in a day’s ]webmastering work.Â The means were largely irrelevant to the end goal of creating something cool for the user.Â (And yes, online audio, even in 30-second bursts, was pretty cool back in the Internet Stone Age, circa 1995.)
It took a number of additional years for me to figure out that it was the “creating something cool for the user” part of what I did that interested me most.Â And so, like a lot of people, I started specializing, concentrating my skill development in the area of user experience accordingly.Â But I always hung on to the coding know-how, and some of the design theory, always trying to learn more about those disciplines from job to job.
Folding these newfound bits of knowledge into my work, and practicing new techniques, I found that I was:
a) creating even stronger and more fully-realized solutions, and
b) making some people a bit confused, nervous, or both.
Through years of experience, I had specialized myself into a fairly tightly-defined role.Â And doing something that is not in your job description — something that is, in fact likely part of someone else’s — can prompt a reaction not unlike that of my poor high school guidance counselor upon her being confronted with my proposal for a semi-self-directed course of inter-disciplinary study.
In spite of such hurdles, I’ve been lucky enough to work with a number of other web hybrids: developers with an eye for design, database architects passionate about taxonomy, and visual designers with a flair for information architecture.Â And you know what?Â Those extra interests made those people especially engaged and invested in the final product, which benefited greatly as a result.Â In fact, a few months ago one of the first YouTube developers wrote this great blog post about hiring front-end engineers, in which he highlights the value of potential candidates who possess artistic interests and/or UX and design skills.
So here’s to all the interdisciplinarians, the not-easily-categorized, the hybrid web workers.Â By connecting our interests together, we’ll always end up creating something cooler for the user than if we’d stayed between the lines of our own roles.