Top Banner
Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience
8

Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Jun 21, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Prototypingwith Mobile First, Balsamiq and Axure

@keithdoyle

helping web professionals create a responsive user experience

Page 3: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Organisation

★Less navigation choices

★Mobile use cases

http://xkcd.com/773/

Page 4: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Actions

★Big touch targets

★Hover alternatives

★NUI: Natural User Interface

http://emptymind.org/omniture-clickmap-data-accuracy/

Page 5: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Input

★Less Typing

★Hints

★Masks

★Linear Forms

http://www.bennadel.com/blog/1721-Default-To-The-Numeric-Email-And-URL-Keyboards-On-The-iPhone.htm

Page 6: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

www.webdesignshock.com/responsive-web-design

Layout

★Responsive Website

★Reduce Complexity

Page 7: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Why Mobile First?

★Simple navigation

★Shorter pages

★A mobile site is not an app

★One webhttp://timeoutchicago.com/arts-culture/books/58620/the-long-and-winding-road

Page 8: Prototyping - Northern User Experience · Prototyping with Mobile First, Balsamiq and Axure @keithdoyle helping web professionals create a responsive user experience

Features

★What’s important and what’s not

★Home page is a signpost page

★Shortcuts for mobile users

★Deeper navigation or ‘more’

★Silos of content

★New patterns

★It’s difficult

Benefits

★Politics

★An aesthetic and minimalist design

http://www.poshagency.com/posh-online-training/