• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Android UX & Design
 

Android UX & Design

on

  • 460 views

A talk I gave with Andy Fitzgerald on Android UX and Design patterns, practices, and trends. Presented at Übermind (in Seattle) on September 29th.

A talk I gave with Andy Fitzgerald on Android UX and Design patterns, practices, and trends. Presented at Übermind (in Seattle) on September 29th.

Statistics

Views

Total Views
460
Views on SlideShare
460
Embed Views
0

Actions

Likes
2
Downloads
20
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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

    Android UX & Design Android UX & Design Presentation Transcript

    • ANDROID UX & DESIGN ICE CREAM SANDWICH & JELLY BEANPresented byANDY FITZGERALDJESSE WEED
    • WHY ANDROID? 2008 first commercial Android devices released 2009 2.8% market share 12,000 activations daily 2010 32% market share 362,000 activations daily 2012 59% market share over 1 million activations daily
    • UX & DESIGN Navigation & User Interface Visual Design The Android Ecosphere Case Studies
    • NAVIGATION &USER INTERFACE
    • UP & BACK
    • UP & BACK: SIBLING SCREENS
    • UP & BACK: LINKED SCREENS
    • IntentA mechanism for one app to signal itwould like another apps assistance inperforming an action.
    • SHARING WITH INTENTS
    • SHARING WITH INTENTS
    • SHARING WITH INTENTS
    • ACTION BAR Top Level Category View GMail
    • ACTION BAR Pageview Spinner GMail
    • ACTION BAR Google Play Books Google Play Music GMail
    • SCROLLABLE TABS Tab View Horizontal Scrolling Google Play Music
    • FIXED TABS Tab View (Fixed) Scrolling YouTube
    • FIXED TABS Tab View (Scrolled) Landscape Tabs Nested in Action Bar YouTube
    • DRAWERS Top level view Drawer YouTube
    • DRAWERS Drawer menu Category menu YouTube
    • DRAWERS Detail view Tabbed navigation YouTube
    • VISUAL DESIGN
    • WHAT DOES ANDROID “LOOK” LIKE?
    • HOME SCREEN Android iPhone
    • NOTIFICATIONS Android iPhone
    • CALLS Android iPhone
    • SETTINGS Android iPhone
    • CALENDAR Android iPhone
    • SHARING Android iPhone
    • KEY DESIGN PRINCIPLES
    • “PURE ANDROID” Flat, but not 2D Elements glow Understated fields and elements Subtle top-light http://developer.android.com/design
    • TYPOGRAPHY
    • COLOR
    • ICONOGRAPHY
    • METRICS & GRID
    • Devices by Screen size & density as of Aug 1, 2012
    • SUPPORTING MULTIPLERESOLUTIONS Example of app without support for different densities. Example of app with that supports different densities.
    • SCALING
    • THE ANDROID ECOSPHERE
    • NOTIFICATIONS Expanded layouts
    • NOTIFICATIONS Actions Grouping
    • WIDGETS Information Widgets Collection Widgets Control Widgets
    • WIDGETS YouTube, AnyDO, BBC YouTube
    • WIDGETS HTC Sense Email Epicurious & Flipboard
    • WIDGETS Any.DO Traffic Widget
    • OPEN SIGNAL MAPS h"p://opensignalmaps.com/reports/fragmenta4on.php
    • MULTIPLE VIEWS
    • SINGLE VIEW WITHMULTIPLE PANES
    • STRETCH/COMPRESS
    • STACK
    • EXPAND & COLLAPSE
    • SHOW & HIDE
    • TRANSLATION:A BAD EXAMPLE
    • EPICURIOUSiPhone
    • EPICURIOUSAndroid
    • PORTING PITFALLS Ugly user interface Poor use of “Knowledge in the Head” Shortchanges device capabilities Require “hacks” that lead to poor performance and unreliability Create poor forward compatibility of design work Generate aggravating user experiences (& resulting negative feedback and brand damage)
    • TRANSLATION:A GOOD EXAMPLE
    • EVERNOTE
    • EVERNOTE
    • DELIBERATE DESIGN Facilitates architectural parity across multiple contexts Leverages device specific “knowledge in the head” Leverages device and context specific capabilities Is future friendly Fits naturally into device ecosystems
    • THANK YOU!