• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
  How App Usability, Functionality, and Analysis are Changing with Mobile
 

How App Usability, Functionality, and Analysis are Changing with Mobile

on

  • 117 views

Now we’re building apps for Android, iOS, Windows phone, and mobile web but is requirements gathering really any different? This talk will cover mobile mock-ups, usability, and important differences ...

Now we’re building apps for Android, iOS, Windows phone, and mobile web but is requirements gathering really any different? This talk will cover mobile mock-ups, usability, and important differences between PC web browser and mobile application analysis. Many of the fundamental concepts remain the same, so how do we leverage what we know? Wireframing certainly won’t go away but mobile UI patterns change our approach. A touchscreen isn’t a mouse at all. Instead of drag and click we have tap, swipe, pinch, press, and rotate. What about offline use? With mobile it’s standard practice. Learn how apps should work even when the connection is down. Desktop PCs don’t move around like mobile phones do – so location services are a key difference: GPS, cell triangulation, to the newest location technique: iBeacons. Enterprise apps are now a family of apps: web, mobile web, and mobile native, for as many as 4+ platforms! Some are HTML5 and some are native. What are the differences and how do we approach these differently from an analysis standpoint? Lastly, what technologies are available to develop all these apps and when should we use what?

Statistics

Views

Total Views
117
Views on SlideShare
94
Embed Views
23

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 23

http://itshopkeeping.lexiconsystemsinc.com 23

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Dan: External & Platforms <br /> JL: Intro & Internal <br />

  How App Usability, Functionality, and Analysis are Changing with Mobile How App Usability, Functionality, and Analysis are Changing with Mobile Presentation Transcript

  • How App Usability,How App Usability, Functionality, and AnalysisFunctionality, and Analysis are Changing with Mobileare Changing with Mobile By Dan Hermes Lexicon Systems http://www.lexiconsystemsinc.com/
  • Key TopicsKey Topics ◦ User Interface ◦ Interaction ◦ Features ◦ Platforms ◦ Technology Options
  • User InterfacesUser Interfaces ◦ Mobile vs. PC ◦ Responsive Design ◦ Visual Design Patterns ◦ Interaction
  • Mobile vs. PC ◦ Real Estate ◦ Touchscreen ◦ Proportion ◦ Self-contained ◦ Miniaturized ◦ Sensory and Aware
  • So Many Screen Sizes…
  • Responsive Design ◦ PC vs. Mobile ◦ Responsive Design ◦ Visual Design Patterns
  • Visual Design Patterns ◦ Navigation ◦ Forms ◦ Tables and Lists ◦ Search, Sort, and Filter ◦ Tools ◦ Charts ◦ Invitations, Feedback, and Help ◦ Anti-Patterns
  • Navigation Images courtesy of Mobile Design Pattern Gallery by Theresa Neil
  • More Navigation Images courtesy of Mobile Design Pattern Gallery by Theresa Neil
  • Forms Images courtesy of Mobile Design Pattern Gallery by Theresa Neil
  • Principles ◦ Simplicity  UI shorthand  Fields that matter ◦ Call to Action  Big important button ◦ Mobilisms
  • MobilismsMobilisms Standard icons Standard screen layouts Standard multi-screen flows Use labels sparingly Standard multi-screen approaches
  • Anti-Patterns Novel Notions PCisms Metaphor Mismatch Idiot Box Oceans Of Buttons
  • Novel Notions
  • PCisms Images courtesy of Mobile Design Pattern Gallery by Theresa Neil
  • Metaphor Mismatch
  • Idiot Box
  • Oceans of Buttons
  • Anti-Pattern Advice: AVOID CREATIVITY until you know mobile UI standards
  • PC InteractionPC Interaction Click Submit or Next button (or link) Double Click Drag Drag and Drop Mouse roller Slider
  • Mobile Interaction ChartMobile Interaction Chart Mobile Action PC Tap I want this click Submit Do it submit Swipe Next! Or Move next Press Do Something Double-click Pinch Zoom out Roller/slider Spread Zoom in Roller/slider Rotate um, Rotate. Roller/slider http://www.lexiconsystemsinc.com/
  • Mobile FeaturesMobile Features Location Camera Graphics
  • You Can Run Out Of…You Can Run Out Of… CPU Memory Disk Space None of that is new but what about: Battery?
  • Offline UseOffline Use Does it still need to work offline? What does it need to do? Read/write from local files or database Synchronization The Cloud Isn’t Free
  • LocationLocation GPS Cell Triangulation iBeacons
  • Platforms: Which to Use?Platforms: Which to Use? Native Apps ◦ iOS, Android, Windows Web Apps ◦ HTML5 Hybrid Apps Cross-Platform
  • Web Technologies HTML5 & JavaScript .NET ◦ ASP.NET ◦ Kentico J2EE Open Source: ◦ Drupal ◦ DotNetNuke ◦ Joomla ◦ Plone
  • NativeNative Objective C for iOS Java for Android C# for Windows
  • Cross-PlatormCross-Platorm Xamarin PhoneGap/Titanium (We love Xamarin.)
  • Why We Love XamarinWhy We Love Xamarin One Tool to Rule Them All Native Native Native It’s Actually Native Code-Sharing
  • Key TopicsKey Topics ◦ User Interface ◦ Interaction ◦ Features ◦ Platforms ◦ Technology Options
  • How App Usability,How App Usability, Functionality, and AnalysisFunctionality, and Analysis are Changing with Mobileare Changing with Mobile By Dan Hermes, Lexicon Systems http://www.lexiconsystemsinc.com/ “Mobile and .NET Strategy and Development” Dan Hermes Mobile Consultant dan@lexiconsystemsinc.com (781)526-0738 Jonathan LaMaster Director of Sales jonathan@lexiconsystemsinc.com (617)833-5816