We had quite a whirlwind week trying to get all 6 of our team members acquainted, plan a time we could get together (being in 3 different time zones), meet, and then make a plan for another meeting. It actually turned out pretty well though! For our second meeting, 5 out of 6 could come and all came prepared with their topic to teach — huge success if you ask me.
It has been a little confusing trying to figure out what exactly needs to be done each week and for the entire semester. I think I am almost all the way on board now and I’m excited to dig in deeper and starting play with code.
This week my topic was: Creative, pleasant, mobile user interface creation
What is mobile UI?
- I like the example to thinking of it like a grocery store. As a shopper, you don’t want to think about way finding and have a frustrating experience. You want to go, find what you came for, not wait long, have a pleasant interaction, and be on your way.
Why is it important?
- You want your users to feel comfortable and find what they need no matter the device.
- By 2011, Apple and Android had announced a combined total of 35 billion apps downloaded.
How to do it effectively? Creatively?
- Target audience – Take into account the preferences and interests of those using the site.
- Clear navigation is crucial – People are coming to you your site for a reason; help them find what they want with minimal effort. (Example: xfinity TV)
- Visual hierarchy – make important things have more weight than others. Keep it simple and effective. “Less is more” is not a cliché in mobile app design, but a standard.
- Consider conventions – design / Internet (ex: don’t underline things that aren’t links or have call to action buttons without links). Physical actions or gestures are important to consider (swiping, scrolling, vibration feedback, etc.).
- Typography and color schemes – are important for readability and overall ease on the users eyes and should be an area of focus. (Example: Clear)
- Scanability – Users want to or even unconsciously scan the page to find what they are looking for, often without reading everything. Consider how you use elements such as: images, headers/sub headers, buttons, navigation, and content blocks.
- Keep content related – consider grouping, minimal layers or content, and related ads (if they are a must). (Example: Southwest)
- Things CANNOT be slow – They just can’t. People will leave, or be frustrated and not want to come back.