• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mobile User Experience - @iRajLal
 

Mobile User Experience - @iRajLal

on

  • 6,268 views

Introduction to Mobile User Experience, the fourth part of the User Experience Series presentation. - Rajesh Lal

Introduction to Mobile User Experience, the fourth part of the User Experience Series presentation. - Rajesh Lal

Statistics

Views

Total Views
6,268
Views on SlideShare
5,661
Embed Views
607

Actions

Likes
17
Downloads
247
Comments
1

13 Embeds 607

http://abcofdesign.com 521
http://smallinterface.com 22
http://www.abcofdesign.com 17
http://s60pro.blogspot.com 11
http://www.slideshare.net 10
http://thecusuilab.blogspot.com 9
http://pinterest.com 6
http://www.linkedin.com 6
http://translate.googleusercontent.com 1
http://www.smallinterface.com 1
http://thecusuilab.blogspot.tw 1
http://feeds.feedburner.com 1
http://www.pinterest.com 1
More...

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

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile User Experience - @iRajLal Mobile User Experience - @iRajLal Presentation Transcript

    • Rajesh Lal Senior UI/UX Engineer On designing Mobile User Interfaces
    • Mobile Device
      • Fundamentals
        • User Experience
        • User Interface Design
        • Web Usability
      • User Experience for Mobile Device
      • Best Practices
      • 6 Lessons from iPhone
    • User Experience The level of satisfaction an average user gets from a product bad good Context and Typical User define the User Experience, not design and functionality
    • User Interface Design
      • Process of designing the interaction between User & Product
          • Interact
          • UI Design Process
          • Identify the users
          • Ask the users
          • Design accordingly
    • Web Usability
          • First Principle : Make it Easy for the Average user
        • Easy to Look at
        • Easy to Understand
        • Easy to Use
      Website User Psychology
    • - Barbara Ballard Mobile Device User Experience “ Fundamentally, ‘mobile’ refers to the user, and not the device”
    • Mobile Device Best Practices
    • Mobile Device Best Practices
      • Development
        • Consistency
          • For multiple devices
          • Between applications
        • Wireframes
          • Different than desktop /web application
        • Capabilities
          • Exploit the capabilities of device
          • Choose Top 5 resolutions –
            • Resolution 240 X 320 for WM 6
            • Resolution 480 x 800 for WM 7
        • Resources
          • Create reusable components
          • Create reusable assets
            • Reuse images/ style sheets / status messages
        • Testing
          • Always Test on actual device
    • Mobile Device Best Practices
      • Design
        • One page should display one Idea
        • Content density
          • Trade Off between functionality
          • Too Many links on a page / Following Too many links
        • Essentiality
          • Limit user to content which is requested
        • Spatial organization
          • Organize
          • Use a Grid with no more than 2 columns/rows
      Organize
    • Mobile Device Best Practices
      • Design
        • Functional areas
          • Notification / Content / Input
        • Visual flow
          • Align related objects
        • Typography Standard Size
        • (For resolution = 240x320)
          • Menu – 10 to 12px
          • Content –12 to 14px
          • Header – 14 – 16px
        • Colors for Mobile device
          • Consider Sun, screen contrast, reflex, brightness
          • Use color for both style and function
          • (Red color = Stop)
      Notification Input Content
    • Mobile Device Best Practices
      • Interaction
        • Likelihood to reach a Target
          • Directly proportional to the distance of the target
        • More Choice = More time for decisions
          • Usage of functionality is directly proportional to the number of choices user have to make to get there
        • Categorize in 7 sets
          • Human mind is able to remember information in chunks of 7 ± 2
        • Always provide feedback
          • Acknowledgment for every action
          • Feed forward
          • Mobile device can be slow in performance so immediate feedback is a must
    • Mobile Device Best Practices
      • Interaction
        • Consistent navigation
        • Define dimensions (example)
          • Left-right: Time
          • Up-down: Space
        • Focus on User Needs
        • Remember User Preference
        • Avoid Scrolling
        • Rotating, Full Screen and Scaling
    • Mobile Device Best Practices
      • Input
        • Design for Multiple Modes
          • Finger Touch ( includes Stylus)
          • Left Hand users
          • Soft Keys
          • Keyboards
          • Projected keyboards
      • Cross-Device
        • Touch and Non-Touch Device
    • 6 Lessons from IPhone
          • IPhone User Interface
          • “ Designed for the Device”
    • Question for You
          • What is the unique selling point of IPhone ?
      • Consistent Interaction
      • Favor Better User Experience to Features
      • Make Applications reachable
      • Big Buttons
      • Symmetry
      • Absence of abruptness
      6 Lessons from IPhone
    • Lessons 1
      • Consistency
      • IPhone have a small set of Interactions which uses common controls and is consistent among all the applications
        • List View
        • Touch
        • Update buttons at the top BAR
        • Categories in the bottom
    • Lessons 1: Common controls and Consistency
    • Lessons 2
        • Keeping better ‘experience’
          • Ahead of more Feature (4 main apps)
        • Phone
        • Mail
        • Browser
        • Music
    • Lessons 3
      • Every thing reachable in 3-4 taps
        • Application
          • Choice
            • Action
    • Lessons 4
      • Big buttons
      • For thumb / finger Interaction
    • Lessons 5
      • Symmetry
      • Give perfect interaction for both hands
    • Lessons 6
      • Absence of abruptness – Fluidity
      • References
        • www.w3.org/tr/mobile-bp
        • Designing the Mobile User Experience - Barbara Ballard
        • Using Microsoft Silverlight for Creating Rich Mobile User Experience - Giorgio Sardo
      www.abcofdesign.com contact: [email_address]