Mobile-first User Interface Design

Every device covered

Mobile User Interface Design

Solution Definition Investigate the right back-end technologies available and start scoping interface design features for; hybrid, native apps, responsive, phased solutions.

 

Mobile search behaviour stats | Businessinsider
Mobile Internet is responsible for an ever increasing share of the world’s search traffic, and people aren’t just searching from their mobile device, they’re searching local:

  • 70% of mobile searches lead to an action on a website within the hour
  • 40% of mobile searches are conducted while in front of a television
  • A majority of mobile searches occur on smartphones vs. tablets: 60% of users search on their phone, while 40% search via tablet
  • Around 40% of users will opt for a different website if it’s not mobile friendly

News subscriber consumption on mobiles doubles than desktop use on weekends.
Mobile is changing business – people are shopping on their mobiles more than ever.

Read more  

Responsive Web Design

This Web design approach provides an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices from mobile phones to desktops. A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

 

Tablet & Desktop A holistic approach assists a device hopping user story/cycle and form a digital strategy that can assist the user’s interaction with your brand per device. One way to design for is to assume that on mobiles people browse, search, compare quickly on mobiles and less-browsing and page navigating is better to complete a quick user task. Tablets are renown for assisting reading, news, video, movies, social media and other synced apps. Then you have desktop, a lot of use on desktops is for reviewing, private information/account sign ups, banking, trading, sales, researching, search, business activities, social and general browsing. A lot of content these days across big networks such as Yahoo! are brand sponsored and it gets worse on mobiles with some studies showing that brand sponsored content is up over 50% of all mobile sites. When designing for users we must think content as “hero” before anything else, even the brand sponsoring it.

Mobile App Platforms

Mostly experienced working with iOS, I also keep up to date with the various interface design kits for:

  • Apple
  • Android
  • Windows Phone
  • Mobile native features
  • Mobile sites
  • mCommerce & Geo-location Service type solutions

Other Applications of Design

Experience working as UX/UI Designer for Yahoo!US & AU mobile rich media platforms:

  • Digital Advertising – OTP, web banners,
    Yahoo!US & AU adspecs (mobile and web)
  • Responsive web design
  • Enterprise app solutions
  • Mobile Rich media – mobile/tablet

Graphical User Interface kits

Rich media Ad Unit Experience

Best practice mobile touch

Using design guidelines created by Apple and more.

Yahoo!AU OTP

Playstation game Resistance 3 launch campaign

 
  

Thanks for watching!

If you liked this project, please take a second to share with the world.
Keep updated? Follow me on twitter or RSS below in  footer.

Recent work

User interface design.