MOBILE INTERACTION DESIGN
|
|
- Gregory Wilcox
- 5 years ago
- Views:
Transcription
1 MOBILE COMPUTING HUGO NICOLAU MOBILE INTERACTION DESIGN
2 TODAY Mobile interaction design Challenges Design for mobile experiences Implementing: Android and others Top-level research
3 MATRYOSKA DOLL
4 01 WHY MOBILE INTERACTION DESIGN?
5 MOBILE DEVICES ARE GREAT!
6 POWERFUL TOOLS
7 PRODUCTIVITY
8 LEISURE
9 NEWS
10 SHOPPING
11 TRANSPORTATION
12 WORLD IN OUR HANDS
13 MOBILE INTERACTION DESIGN Human-Computer Interaction How people use devices On-the-go (mobile) interaction Devices we carry
14 WHY DO I NEED TO CARE?
15 MOBILE APP INDUSTRY $77 BILLION
16 02 GOALS FOR TODAY
17 CHALLENGES
18 DESIGN FOR MOBILE EXPERIENCES
19 PROTOTYPING
20 ANDROID USER INTERFACES
21 GOALS Challenges of Mobile Interaction Interaction Design Principles Prototyping Implementing Android User Interfaces
22 03 CHALLENGES OF MOBILE DESIGN
23 MOBILITY IS KEY!
24 SPLIT-ATTENTION
25 LIMITED INTERACTION TIME
26 POST-WIMP
27 TOUCH INPUT Content in the UI Direct manipulation Gestures Feedback
28 FAT-FINGER PROBLEM
29 HAND-HELD USAGE
30 THUMB-INTERACTION
31 SMALL SCREENS
32 SMALL SCRENS But I have lots to fit on the screen!
33 MINIATURIZATION
34 MINIATURIZATION - NOT!
35 SIMPLIFICATION THROUGH PRIORITIZATION Mobile forces simplification Decide which actions are important
36 04 INTERACTION DESIGN PRINCIPLES
37 INTERACTION DESIGN PRINCIPLES 1. Learnability 2. Visibility 3. Memorability 4. Efficiency 5. Mapping 6. Control 7. Consistency 8. Simplicity 9. Error Prevention and Recovery 10. Satisfaction
38 LEARNABILITY Easy boarding experience Functionality limited to what is needed to achieve goal
39 VISIBILITY Important information should be the most visible Appropriate and realtime feedback
40 VISIBILITY Important information should be the most visible Appropriate and realtime feedback
41 MEMORABILITY Easy to use each time user interacts with it
42 EFFICIENCY Number of steps to complete a task Time taken to perform a task
43 MAPPING Real-world conventions Result of an action is expected
44 USER CONTROL User always in the control and not the other way around
45 CONSISTENCY Similar items, look and act alike UI standards
46 SIMPLICITY Avoid unnecessary functionality Usual tasks should be easy Less common tasks should be possible
47 ERROR PREVENTION AND RECOVERY Aim to prevent errors Be explicit Use plain language Indicate problem Suggest a solution
48 SATISFACTION How much the user enjoys or dislikes software
49 05 PROTOTYPING TOOLS
50 PROTOTYPING MATTERS Think before you act!
51 PROTOTYPING MATTERS Define problem and solution Ideation
52 SHARE AND ITERATE Communication and collaboration tool Review, review, review
53 PROCESS Exploratory Refinement
54 LESS IS MORE
55 WIREFRAMES - UI FLOWS Define key screens How do they work together?
56 WIREFRAMES UI FLOWS Forces you to think about: 1. Goals 2. Concepts 3. Screens 4. UI Elements 5. Navigation
57 RESOURCES Sketching templates: oard.pdf
58 RESOURCES Prototyping Tools: JustInMind, Balsamiq, NinjaMockup,
59 06 IMPLEMENTING ANDROID UIS
60 TOUCH TARGET SIZES 40x40px Commonly used control size (10mm) 5px Minimum space between (2mm)
61 TARGET SIZE INFLUENCES ERROR RATE 30% 25% 1 in 3 taps (30%) will miss the target 20% 15% 10% 5% 0% 1 in 10 taps (10%) 1 in 20 taps (5%) 1 in 30 taps (3%) 1 in 50 taps (2%) 4mm 6mm 8mm 10mm 12mm
62 TOUCH TARGET SIZE 7mm Minimum control size 10mm Recommended size 10mm Common
63 ACTIONABLE CONTROLS Buttons List items Checkbox Radio button Switch
64 TARGET POSITIONING
65 READABILITY 24sp Headline 20sp Title 16sp Subheading 14sp Standard text
66 TEXT CONTROLS TextView EditText
67 GESTURES - TAP
68 COMMON GESTURES Drag Flick Pinch / Spread
69 COMMON GESTURES Drag move; scroll; delete Flick scroll (fast); switch tab Pinch / Spread zoom in-out
70 GUIDELINES FOR GESTURES Allow any number of fingers Gestures as shortcuts Provide immediate feedback Be aware of discoverability issues
71 DISCOVERABILITY
72 IMPLEMENTING GESTURES GestureDetectorCompat object Override ontouchevent redirect touch events to GestureDetectorCompat object Supported gestures: onfling, onlongpress, onscroll, ondoubletap,...
73 UI COMPONENTS Buttons Lists Menus Dialogs Selection controls Text fields Snackbar and toasts AppBar
74 BUTTONS Floating Raised Flat
75 BUTTONS Important and ubiquitous action Floating Raised Flat
76 BUTTONS Depends on the relative importance of the button on the screen Important and ubiquitous action Floating Raised Flat
77 BUTTONS - EXAMPLE
78 BUTTONS - EXAMPLE
79 LISTS Single column Set of rows Rows are containers of tiles Tiles hold content
80 LISTS - EXAMPLE
81 SELECTION CONTROLS
82 TEXT FIELDS TextView EditText
83 DIALOG Interruptive, use sparingly! AlertDialog
84 DIALOG - EXAMPLE
85 SNACKBAR AND TOAST Lightweight feedback about operations Snackbars can contain an action Snackbar.make(, Marked as read,...).setaction( undo,...).show()
86 SNACKBAR - EXAMPLE
87 SNACKBAR - EXAMPLE
88 ERROR MESSAGES Use AlertDialog or Snackbar (exception for forms - TextInputLayout) Communicate what is happening Describe how to solve it
89 NAVIGATION Buttons Tabs Navigation Drawer
90 NAVIGATION - BUTTONS Few top-level views Awareness of views Somewhat unrelated views
91 NAVIGATION - TABS Few top-level views Awareness of views Content is shown directly
92 NAVIGATION - DRAWER Higher number of items Reduced visibility of infrequent items
93 OTHER RESOURCES Android patterns and guidelines: c/components/ /best-ux.html UI galleries for inspiration:
94 07 TAKE-HOME MESSAGES
95 PRIORITIZE AND SIMPLIFY!
96 SKETCH AND PROTOTYPE!
97 THINK PEOPLE RATHER THAN TECH
98 THE ONLY STUPID QUESTIONS ARE THOSE THAT STAY WITH YOU What wasn t clear enough? What should be improved?
99 YOU KNOW NOW Challenges of mobile interaction design Context I/O Interaction design guidelines Implement mobile interfaces
100 WHAT CAN WE LEARN FROM THESE?
101
102 08 MOBILE INTERACTION RESEARCH
103 MY RESEARCH MOBILE INCLUSIVE TECH Haptic Feedback Rehabilitation Wearable Braille, Nicolau et al. (2013) HoliBraille, Nicolau et al. (2014) Rehab, Nicolau et al. (2012) Personalized Touch Input Eyewear Navigation Disabled R All, Nicolau et al. (2012) Accessible Touch, Nicolau et al. (2013) SlidePacer, Nicolau et al. (2016) Blobby, Nicolau et al. (2009)
104 MANIPULATING OBJECTS Estimating 3D Finger Angle on Commodity Touchscreens. (2015) Xiao, Schwarz, and Harrison
105 SELECTING TARGETS Back of device Interaction allows creating very small touch devices. (2009) Baudisch and Chu
106 SENSING OBJECTS ViBand: High-fidelity Bio-acoustic Sensing Using Commodity Smartwatch Accelerometers. (2016) Laput et al.
107 SMART TEXTILES procover: Sensory Augmentation of Prosthetic Limbs Using Smart Textile Covers. (2016) Leong et al.
108 FEELING IMPACT Impacto: A Wearable that simulates physical impact in VR (2015) Lopes et al.
109 INTERESTING BOOK
CS378 -Mobile Computing. More UI -Part 2
CS378 -Mobile Computing More UI -Part 2 Special Menus Two special application menus options menu context menu Options menu replaced by action bar (API 11) menu action bar 2 OptionsMenu User presses Menu
More informationApplication development process. Interaction Design Principles
Application development process Interaction Design Principles Overview Good/Bad UI Design Interaction Design Principles Screen layouts Navigation Patterns Screen Flows Prototyping Preview of UI Analysis/Design
More informationOverview In this lab you will Explore some of the features of the new Windows 8 Interface.
LAB 1 No Programming Experience Exploring the New Windows 8 Modern User Interface (UI) and Windows 8 Apps Overview In this lab you will Explore some of the features of the new Windows 8 Interface. Requirements
More information25 WAYS TO MAKE YOUR MOBILE E-COMMERCE REVENUE SKYROCKET
25 WAYS TO MAKE YOUR MOBILE E-COMMERCE REVENUE SKYROCKET Did you know that 59% of all time spent on e-commerce sites is on a mobile device? And more than 1/3 of visits to the top 50 e-commerce sites now
More informationUltrabook Convertible Application Design Considerations
Ultrabook Convertible Application Design Considerations Introduction With the introduction of Windows 8* and touch-enabled computers, like Intel Ultrabook devices, where touch is an additional input method,
More information3. Surfing with Your ipad
101 3. Surfing with Your ipad In this chapter you are going to get acquainted with Safari, the web browser used by all Apple devices. With this web browser you can surf the Internet using your ipad. If
More informationThis Navigation Drawer Activity contains icons and TextFields that are clickable and take us to the different portions of the app.
Drive Lesson The app is called Drive and is meant for users to keep track of all sessions learning to drive. Because of its purpose, it is tailored specifically for student drivers anywhere from age 16
More informationibooks Author Getting Started
ibooks Author Getting Started Welcome to ibooks Author, a great way to create gorgeous, interactive Multi-Touch books for ipad and Mac. Start with beautiful Apple-designed templates that include a choice
More informationHCA Tech Note 120. Configuring the Control UI Home Page. Option 1: HCA constructs the home page
Configuring the Control UI Home Page HCA contains two different user interfaces: One interface called the Development UI - where all design elements and tools are available and you can make changes, and
More informationVMware Horizon Client for Windows 10 UWP User Guide. 06 SEP 2018 VMware Horizon Client for Windows 10 UWP 4.9
VMware Horizon Client for Windows 10 UWP User Guide 06 SEP 2018 VMware Horizon Client for Windows 10 UWP 4.9 You can find the most up-to-date technical documentation on the VMware website at: https://docs.vmware.com/
More informationLecture 16. Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project.
Lecture 16 Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project. 1 Outline Chapter 9 Design iterations Intermediate design Detailed design
More informationMobile Applications and Services FALL 2013
Mobile Applications and Services FALL 2013 Generic UI/UX Design Navid Nikaein Mobile Communication Department This work is licensed under a CC attribution Share-Alike 3.0 Unported license. Mobile 1. Permanently
More informationUSER EXPERIENCE DESIGN GA.CO/UXD
General Assembly Course Curriculum USER EXPERIENCE DESIGN User Experience Design Table of Contents 3 Overview 4 Students 5 Curriculum Projects & Units 11 Frequently Asked Questions 12 Contact Information
More informationMIT GSL week 4 Wednesday. User Interfaces II
MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later
More informationVMware Horizon Client for Windows 10 UWP User Guide. Modified on 21 SEP 2017 VMware Horizon Client for Windows 10 UWP 4.6
VMware Horizon Client for Windows 10 UWP User Guide Modified on 21 SEP 2017 VMware Horizon Client for Windows 10 UWP 4.6 You can find the most up-to-date technical documentation on the VMware website at:
More informationWeekend Urnr. Mobile App Wireframes. May Copyright UX Wireframe Experts 1
Weekend Urnr Mobile App Wireframes May 016 1 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure, hierarchy
More informationUSERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten
USERINTERFACE Fjodor van Slooten TODAY USERINTERFACE -Introduction -Interaction design -Prototyping Userinterfaces with Axure -Practice Do Axure tutorial Work on prototype for project vanslooten.com/uidessim
More informationResponsive Design and Mobile Patterns
Responsive Design and Mobile Patterns Nina Zayakova Product Designer @myninka Liliya Karakoleva UX Designer, Principal @liliya_k Mobile Devices Talking about mobile devices we are not talking about desktop
More informationGetting the most out of Microsoft Edge
Microsoft IT Showcase Getting the most out of Microsoft Edge Microsoft Edge, the new browser in Windows 10, is designed to deliver a better web experience. It s faster, safer, and more productive designed
More informationMENU SELECTION, FORM FILL-IN, AND DIALOG BOXES
MENU SELECTION, FORM FILL-IN, AND DIALOG BOXES 1-1 6-1 Task-Related Organization "The primary goal for menu, form fill-in, and dialog-box designers is to create a sensible, comprehensible, memorable, and
More information_MOBILE UX DESIGNING THE MOBILE USER EXPERIENCE
_MOBILE UX DESIGNING THE MOBILE USER EXPERIENCE Mark Delaney User Experience Designer / 5 September 2012 Designing the mobile User Experience Why care about mobile? Mobile design considerations Responsive
More informationYou CAN Judge a Book by Its Cover: Modern User Interface Design Principles
You CAN Judge a Book by Its Cover: Modern User Interface Design Principles Peter Koletzke Technical Director & Principal Instructor Survey Job responsibilities? DBA, developer Development tools? APEX Developer
More informationProduced by. Mobile Application Development. Eamonn de Leastar David Drohan
Mobile Application Development Produced by Eamonn de Leastar (edeleastar@wit.ie) David Drohan (ddrohan@wit.ie) Department of Computing & Mathematics Waterford Institute of Technology http://www.wit.ie
More informationMobile UI. Device, Input, Interaction Characteristics. Mobile UI 1
Mobile UI Device, Input, Interaction Characteristics Mobile UI 1 Desktop and Mobile Mobile UI 2 Why touch? Space optimization! Touch screens combine input and output, which optimizes the display/output
More informationChapter 6. Task-Related Organization. Single Menus. Menu Selection, Form Fill-in and Dialog Boxes. Binary Menus Radio Buttons Button Choice
Chapter 6 Menu Selection, Form Fill-in and Dialog Boxes Task-Related Organization "The primary goal for menu, form fill-in, and dialog-box designers is to create a sensible, comprehensible, memorable,
More informationUser Interface Software Projects
User Interface Software Projects Assoc. Professor Donald J. Patterson INF 134 Winter 2013 The author of this work license copyright to it according to the Creative Commons Attribution-Noncommercial-Share
More informationCourse Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015
Course Outline Department of Computing Science Faculty of Science COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Instructor: Office: Phone/Voice Mail: E-Mail: Course Description Students
More informationBuilding great apps for mobile devices: tips and tricks
Building great apps for mobile devices: tips and tricks Presenters David Cardella Will Crick @willcrick Nick Black Steve Nelson @SMNelsonDesign Agenda Intro Our favorite apps... App design patterns for
More informationUser Experience Design
User Experience Design Hira Javed Usability Specialist Canadian Broadcasting Corporation UX Instructor University of Waterloo Stratford User + Experience What does the word experience mean to you? UX is
More informationInteraction Techniques. SWE 432, Fall 2017 Design and Implementation of Software for the Web
Interaction Techniques SWE 432, Fall 2017 Design and Implementation of Software for the Web Today What principles guide the design of usable interaction techniques? How can interaction designs help support
More informationUsability. CSE 331 Spring Slides originally from Robert Miller
Usability CSE 331 Spring 2010 Slides originally from Robert Miller 1 User Interface Hall of Shame Source: Interface Hall of Shame 2 User Interface Hall of Shame Source: Interface Hall of Shame 3 Redesigning
More informationUser Experience Design
User + Experience User Experience Design Hira Javed Usability Specialist Canadian Broadcasting Corporation UX Instructor University of Waterloo Stratford What does the word experience mean to you? UX is
More informationinteraction design Thanks to JoEllen Kames
1 interaction design Thanks to JoEllen Kames Motorola Mobility Consumer experience Design for presenting earlier versions of these slides in our on-campus version of this course before we start a word
More informationAdobe CC as Wireframe and Web Design Tool
Start designing by doing very rough sketches on paper, or lately more often, if not near my office desk, on my ipad or smartphone screen. These sketches focus thoughts regarding the chosen concept and
More informationHeuristic Evaluation of Covalence
Heuristic Evaluation of Covalence Evaluator #A: Selina Her Evaluator #B: Ben-han Sung Evaluator #C: Giordano Jacuzzi 1. Problem Covalence is a concept-mapping tool that links images, text, and ideas to
More informationDOWNLOADING OFFICE 365 TO YOUR HOME COMPUTER
DOWNLOADING OFFICE 365 TO YOUR HOME COMPUTER You can download Office 365 to your home computer up to five by using the following link https://portal.office.com/home or by navigating to https://my.lynn.edu/ics
More informationRevision 1.2 November 2016 MT CANVUS USER MANUAL
Revision 1.2 November 2016 MT CANVUS 1.2.2 USER MANUAL MT CANVUS 1.2.2 USER MANUAL 2 Copyright 2016 MultiTaction. All rights reserved. This manual is intended for the owners and operators of MT Canvus.
More informationHow to Work the ipad Buttons
How to Work the ipad Buttons Using the Apple ipad is pretty intuitive but to save time, have a look at these ipad buttons that you'll use frequently. They'll make your new ipad even simpler. The On/Off,
More informationEssentials of Developing Windows Store Apps Using C#
Essentials of Developing Windows Store Apps Using C# Course 20484A; 5 Days, Instructor-led Course Description In this course, students will learn essential programming skills and techniques that are required
More informationAT That s Free. By Andrew Leibs. Accessibility Built Into Microsoft Windows & Office
AT That s Free By Andrew Leibs Before the digital age, assistive technology was hard to miss, and hard to buy. Classmates would see a sight-impaired student s boxy video magnifier or hear her computer
More informationSPORTS DOOD. User Guide v1
SPORTS DOOD User Guide v1 TOOLBAR contains the main tools as well as the playbook (clipboard) and the menu button for things like saving and sharing SUBMENU contains a relevant selection of options, properties
More informationMobile 3.1 ios & Android v2
Mobile 3.1 ios & Android v2 Bookshelf Mobile 3.1 ios and Android v2 1 Introduction VitalSource Bookshelf lets you download and access books on any of the following devices: Android smartphone or tablet
More informationHeuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an
Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an analysis of 249 usability problems (Nielsen, 1994). -Preece
More informationDesigning Great Maps for Web and Mobile. Allen Carroll and Larry Orman
Designing Great Maps for Web and Mobile Allen Carroll and Larry Orman About Allen and Larry Allen Carroll, Program Mgr, Storytelling Family cartographer and navigator since age 5 27 years at National Geographic,
More informationGNOSYS PRO 0.7. user guide
GNOSYS PRO 0.7 user guide Author Guido M. Re Date September 2016 Reviewer Chad Barksdale Date September 2016 3 Contents 1 Get Started 7 1.1 System Requirements...................................................
More informationUsers and Usability Principles
Users and Usability Principles CS 4640 Programming Languages for Web Applications [Jakob Nielsen and Hoa Loranger, Prioritizing Web Usability ] [Nielsen Norman Group, https://www.nngroup.com/articles/usability-101-introduction-to-usability/]
More informationcs465 principles of user interface design, implementation and evaluation
cs465 principles of user interface design, implementation and evaluation Karrie G. Karahalios 24. September 2008 1. Heuristic Evaluation 2. Cognitive Walkthrough 3. Discuss Homework 3 4. Discuss Projects
More informationthe Hick Hyman Law Pearson Addison-Wesley. All rights reserved. 6-1
the Hick Hyman Law describes the time it takes for a person to make a decision as a result of the possible choices he or she has; that is, increasing the number of choices will increase the decision time
More informationAndroid Mobile Client. User Guide
Android Mobile Client. User Guide 1. General information about the Android mobile client..................... 3 2. Connecting to the Axxon Next server and working with servers in the Android client. 3
More informationAndroid Tablet Wireframes Written Date : August 29, 2016
Written Date : August 29, 2016 Android tablet wireframes are screen sketches of an app that's run on an Android tablet. We create Android tablet wireframe for confirming of app design ideas with end user.
More informationDB2 Web Query Active Technologies for Mobile Web Apps
DB2 Web Query Active Technologies for Mobile Web Apps Cactus, EDA, EDA/SQL, FIDEL, FOCUS, Information Builders, the Information Builders logo, iway, iway Software, Parlay, PC/FOCUS, RStat, TableTalk, Web390,
More informationMindBoard (Classic) User Guide. Tomoaki Oshima
MindBoard (Classic) User Guide Tomoaki Oshima Table of Contents Introduction............................................................................... 1 1. Key Features...........................................................................
More informationControlling Windows with gestures
Windows 10 and Office 2016: Controlling Windows with gestures Controlling Windows with gestures If you use a touchscreen or tablet, you no longer need a mouse or keyboard when working with Windows. Instead
More informationUsability and User Interfaces
Usability and User Interfaces The Importance of User Interface Design A computer system is only as good as the interface it provides to its users. Functionality, easy navigation, elegant design, response
More informationCMS to Service Portal
CMS to Service Portal 02.28.2018 Introduction Interested in today s presentation? Text 408.335.7772 0228 Introduction ServiceNow Partner since 2011 Executed more than 400+ ServiceNow Implementations (small
More informationCS371m - Mobile Computing. Gestures
CS371m - Mobile Computing Gestures Common Gestures Or Scroll 2 Common Gestures http://developer.android.com/design/patterns/gestures.html 3 Common Gestures Fling or flick gesture: similar to swipe or drag
More informationMOBILOUS INC, All rights reserved
8-step process to build an app IDEA SKETCH CONCEPTUALISE ORGANISE BUILD TEST RELEASE SUBMIT 2 I want to create a Mobile App of my company which only shows my company information and the information of
More informationCS 350 COMPUTER/HUMAN INTERACTION
CS 350 COMPUTER/HUMAN INTERACTION Lecture 19 Includes selected slides from the companion website for Hartson & Pyla, The UX Book, 2012. MKP, All rights reserved. Used with permission. Notes Reminder: C#
More informationInteraction Techniques. SWE 432, Fall 2016 Design and Implementation of Software for the Web
Interaction Techniques SWE 432, Fall 2016 Design and Implementation of Software for the Web Today What principles guide the design of usable interaction techniques? How can interaction designs help support
More informationObjectives. Object-Oriented Analysis and Design with the Unified Process 2
Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered
More informationHow to Access Your Digital Member Magazine
How to Access Your Digital Member Magazine GETTING STARTED WHERE TO GO: Point your browser to daytonartinstitute.org/magazine to find the latest issue of the Member Magazine. WHERE TO GO: You may also
More informationAndroid OS User Interface for a Mobile Foreman App
Android OS User Interface for a Mobile Foreman App CS-E5220 - User Interface Construction Alessandro Capra - 604590 Anastasia Karpenko - 604820 Milda Norkute - 605023 Sharbel Dahlan - 604626 Table of contents
More informationHelp us make this document better smarttech.com/docfeedback/ SMART Ink 3.1 USER S GUIDE FOR WINDOWS OPERATING SYSTEMS
Help us make this document better smarttech.com/docfeedback/170830 SMART Ink 3.1 USER S GUIDE F WINDOWS OPERATING SYSTEMS Trademark notice SMART Ink, SMART Notebook, SMART Meeting Pro, Pen ID, smarttech,
More informationSite Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web
Site Design SWE 432, Fall 2017 Design and Implementation of Software for the Web Today How do you help users understand if it is possible to do what they d like to do? How do you help users find what they
More informationUSER GUIDE. GO-Global Android Client. Using GO-Global Android Client
GO-Global Android Client USER GUIDE GO-Global Android Client allows GO-Global customers to connect to their GO-Global hosts from Android devices, with an emphasis on maintaining a high degree of usability
More informationWhat is Emcee? Actions in Thumbnail View Starting Emcee and Activating the Thumbnail View... 5
USING THE DESKTOP ORGANIZER Multi-monitor support. Touch, Keyboard or Mouse Control. Windows 10, Windows 8 and Windows 7. Compatible with TaskView and virtual desktops. Free evaluation trial period before
More informationCognos. Active Reports Development. Presented by: Craig Randell
Cognos Active Reports Development Presented by: Craig Randell Objectives: Understand the purpose and benefits of Active Reports Through theory and demonstration introduce the different Active Report Components
More informationCPE/CSC 486: Human-Computer Interaction
CPE/CSC 486: Human-Computer Interaction Franz J. Kurfess Computer Science Department California Polytechnic State University San Luis Obispo, CA, U.S.A. Course Overview Introduction Cognitive Foundations
More informationHCI FOR IPHONE. Veronika Irvine PhD Student, VisID lab University of Victoria
HCI FOR IPHONE Veronika Irvine PhD Student, VisID lab University of Victoria Technologies of the Decade http://spectrum.ieee.org/static/special-report-top-11-technologies-of-the-decade No. 1 Smart Phones
More informationTRAINING GUIDE. Tablet: Cradle to Mobile GIS
TRAINING GUIDE Tablet: Cradle to Mobile GIS Tablet Cradle to Mobile One of the critical components of mobile is the GIS piece, and also can be the most complex. The mobile GIS maps are designed to consume
More informationWhat s New in Access 2007
What s New in Access 2007 This document provides a general overview of the new and improved features in Microsoft Access 2007. Opening Assurances 1. Functionality is the same; how we interact with the
More informationAccessibility on an ipad
on an ipad Settings app General (on left hand side) VoiceOver 1 Enables the user to have the ipad announce anything they are touching. Also changes the way the ipad operates with gestures. 2 Controls:
More informationUX Design - Curriculum
UX Design - Curriculum Școala Informală de IT București Cluj-Napoca Iași Timișoara Brașov Tel: +4.0744.679.530 Web: www.scoalainformala.ro / www.informalschool.com E-mail: info@scoalainformala.ro Content:
More informationHuman-Computer Interaction: An Overview. CS2190 Spring 2010
Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems
More informationUniversal Access features ipad incorporates numerous accessibility features, including: VoiceOver screen reader
Accessibility 24 Universal Access features ipad incorporates numerous accessibility features, including: VoiceOver screen reader Zoom magnification Large Text White on Black Speak Selection Speak Auto-text
More informationLifespan Guide for installing and using Citrix Receiver on your Mobile Device
Lifespan Guide for installing and using Citrix Receiver on your Mobile Device About Remote Access with Citrix Receiver... 2 Installation Instructions for iphones:... 3 ios - Learning Gestures... 7 Installation
More informationPressTact: Side Pressure-Based Input for Smartwatch Interaction
PressTact: Side Pressure-Based Input for Smartwatch Interaction Rajkumar Darbar IIT Kharagpur West Bengal, India rajdarbar.r@gmail.com Prasanta Kr Sen IIT Kharagpur West Bengal, India prasanta.sonu@gmail.com
More informationWelcome to your. Quick Start Guide
Welcome to your Quick Start Guide Charge your NOOKcolor 1 You must fully charge your NOOKcolor before using it the first time. Plug your NOOKcolor into a wall outlet using the Power Adapter and USB Cable
More informationUsability and Small Screens SWEN-444
Usability and Small Screens SWEN-444 iphone Android Windows Phone 8 The phrase mobile usability is pretty much an oxymoron. It's neither easy nor pleasant to use the Web on mobile devices. designing for
More informationCindy Fan, Rick Huang, Maggie Liu, Ethan Zhang November 6, c: Usability Testing Check-In
Cindy Fan, Rick Huang, Maggie Liu, Ethan Zhang November 6, 2014 3c: Usability Testing Check-In HEURISTIC EVALUATION Our group did two heuristic evaluations. For each issue discovered during evaluation,
More informationChapter 6: Interfaces and interactions
Chapter 6: Interfaces and interactions Overview Introduce the notion of a paradigm Provide an overview of the many different interface paradigms highlight the main design and research issues for each Consider
More informationDesign Modernization Case Study: Applying Mobile App Design Principles to the UTOUG Website
Design Modernization Case Study: Applying Mobile App Design Principles to the UTOUG Website Peter Koletzke Technical Director & Principal Instructor Survey Job responsibilities? DBA, developer, graphics
More informationFoxit MobilePDF Quick Guide
I Contents Contents... II Chapter 1 Get Started... 1 Expand and Collapse the Tool Switcher... 1 Find a PDF File... 1 Show the Toolbar... 2 Chapter 2 View and Work with PDF Files... 3 Open a PDF File...
More informationNavigation system basics
2014 Navigation system basics Paul Pearson Bowling Green Revision 3.0 Index Contents 1. Introduction...3 2. Overview...4 3. Navigation overview...4 4. Destination Entry....6 5. Points of Interest (POI
More informationEssentials of Developing Windows Store Apps Using HTML5 and JavaScript
Essentials of Developing Windows Store Apps Using HTML5 and JavaScript Course 20481A; 5 Days, Instructor-led Course Description In this course, students will learn essential programming skills and techniques
More informationThis handbook contains important security measures and product information, to help avoid accidents. Please
MANUAL Attention: This handbook contains important security measures and product information, to help avoid accidents. Please make sure to read the manual carefully before using the device. Do not store
More informationSolving the Windows 8 Puzzle
Solving the Windows 8 Puzzle Why the change? PC sales had stagnated Touch tablets and smartphones had captured people s imagination Microsoft had to enter the new era Windows 8 is different It merges touch
More informationUXD. using the elements: structure
using the elements: structure defining structure you are here structure essentially defines how users get to a given screen and where they can go when they re done. structure also defines categories of
More informationMicrosoft How to Series
Microsoft How to Series Getting Started with EXCEL 2007 A B C D E F Tabs Introduction to the Excel 2007 Interface The Excel 2007 Interface is comprised of several elements, with four main parts: Office
More informationI'm a London based product designer who code. Currently working in Soldo.
Gianluca Gini Senior UI/ UX Designer I'm a London based product designer who code. Currently working in Soldo. PORTFOLIO 2018 Soldo product Since 2015 I m in charge of defining the visual design rules
More informationPRODUCTIVITY TIPS USING OUTLOOK Washtenaw Community College
PRODUCTIVITY TIPS USING OUTLOOK 2016 Washtenaw Community College August 23, 2018 TABLE OF CONTENTS Email Management... 3 1. Create a Rule:... 3 2. Add a Folder to Your Favorites... 3 To Show Folders in
More informationOverview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search
Overview of Today s Lecture Analytical Evaluation / Usability Testing November 17, 2017 Analytical Evaluation Inspections Recapping cognitive walkthrough Heuristic evaluation Performance modelling 1 2
More informationEnterprise - Sales App
Enterprise - Sales App Mobile App Wireframes March 06 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure,
More informationGUI Design Principles
GUI Design Principles User Interfaces Are Hard to Design You are not the user Most software engineering is about communicating with other programmers UI is about communicating with users The user is always
More informationBluetooth Keyboard Commands with VoiceOver on the ipad
Bluetooth Keyboard Commands with VoiceOver on the ipad ios 9.2 Chapter 4: App Navigation using Bluetooth Keyboard Commands (Quick Nav is ON) Module Objectives 4.1 Navigating Dropbox using Bluetooth Keyboard
More informationsoneme encouraging the cooperative discovery of lesser known artists
Jorge Pozas Trevino, Robert Fearon, Emmerich Anklam 4 December 2014 Interactive Prototype Report soneme encouraging the cooperative discovery of lesser known artists Problem and Solution Overview Even
More informationGetting Started with Word
Getting Started with Word gcflearnfree.org/print/word2016/word-2016-28 Introduction Microsoft Word 2016 is a word processing application that allows you to create a variety of documents, including letters,
More informationCity of Mobile GIS Web Mapping Applications: New Technology, New Expectations
City of Mobile GIS Web Mapping Applications: New Technology, New Expectations Presenters : Scott Kearney GIS Manager Patricia Creamer GIS Analyst Background: GIS Department Developing web mapping apps
More informationWhat is OneNote? The first time you start OneNote, it asks you to sign in. Sign in with your personal Microsoft account.
OneNote What is OneNote? OneNote is a digital notebook. In OneNote, you can: Type notes or record audio at your laptop. Sketch or write ideas on your tablet. Add picture from your phone. Find notes instantly.
More informationPolycom Pano. 1.1 December A
USER GUIDE Polycom Pano 1.1 December 2017 3725-42667-003A Copyright 2017, Polycom, Inc. All rights reserved. No part of this document may be reproduced, translated into another language or format, or transmitted
More information