Mobile Information Architecture. Mobile Differences Location? - Everywhere - Household - Automobile - Fieldwork - Officework Purpose? - Everything (Integrated.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

THE COGNITIVE AND LEARNING DISABILITIES ACCESSIBILITY TASK FORCE (COGA) Update for WCAG March 2014 Lisa Seeman.
Improving Web Usability with a Content Management System Fred Miller, Rick Lindquist, & Curtis Kelch Illinois Wesleyan University.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Beyond Prototypes: Challenges in Deploying Ubiquitous Systems N. Davies and H. Gellersen IEEE pervasive computing, 2002 Presenter: Min Zhang
1 Web Usability and Age Thomas S. Tullis Ann Chadwick-Dias Human Interface Design Department,
Dr E. Lugo Morales1 * the ability to understand information presented in written form. * understanding textbook assignments. * one's interpretation of.
Why do IA? It is impossible to not do Information Architecture, so you are better off doing it intentionally.
 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
Development and Evaluation of Emerging Design Patterns for Ubiquitous Computing Eric Chung Carnegie Mellon Jason Hong Carnegie Mellon Madhu Prabaker University.
1 CS 430 / INFO 430 Information Retrieval Lecture 15 Usability 3.
Midterm Exam Review IS 485, Professor Matt Thatcher.
Inspection Methods. Inspection methods Heuristic evaluation Guidelines review Consistency inspections Standards inspections Features inspection Cognitive.
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
Mid-Term Exam Review IS 485, Professor Matt Thatcher.
Information Architecture Creating well structured, usable sites.
Sofia Carlander Kinoshita Laboratory 2004/2005
Design of Handheld Devices
Said Achmiz, Alexander Gountras, Xinxin He. Problem Space Currently users in the home, performing a manually intensive task, do not have an easy and efficient.
Slides by Yevgen Borodin (slides adapted for Psych 384, 3/3/09) Department of Computer Science, Stony Brook University A Vision for a Universally Accessible.
Multimedia Specification Design and Production 2013 / Semester 2 / week 7 Lecturer: Dr. Nikos Gazepidis * Notes by Dr Trevor Baker.
Enterprise & Intranet Search How Enterprise is different from Web search What to think about when evaluating Enterprise Search How Intranet use is different.
Information Architecture & Design Week 8 Schedule - Metaphors, Graphics and Labels - Other Readings - Research Topic Presentations - Research Papers Returned.
What is “customer experience”? It’s a user-centered discipline that considers… interface purpose voice content suitability usability In a nutshell…
6. Marketing Tools: Electronic and Multimedia. Tools  Templates  Spam filters  Click-through rates  Surveys  Archiving 
Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation.
Using Common Sense Reasoning to Create Intelligent Mobile Applications Software Agents Group MIT Media Lab.
Building Mobile Augmented Reality Services in Pervasive Computing Environment Hiroaki Kimura Eiji Tokunaga
A context-aware communication system Natalia Marmasse advisor: Chris Schmandt Speech Interface Group MIT Media Lab.
Information Architecture & Design Week 14 Schedule - (Non-Web) IA Beyond the Browser - Rosenfeld Chapter 19 - Other Primary Readings - BREAK - Research.
International Center for Agricultural Research in the Dry Areas Web strategy ICARDA2.0 :: re-design project 1.
SBD: Activity Design CS HCI Chris North Usability Engineering - Chapter 3.
Usability in Pervasive Computing Environment Advance Usability October 18, 2004 Anuj A. Nanavati.
Chapter 7 Navigation Systems From Information Architecture: Rosenfeld and Moreville.
Jacobsen, D. M. EDER Computer Based Learning II Jan 17 – 2 nd Seminar Web Portfolio Course Project Discussion / Collaboration / Lab 40% 60%
Page 1 Alliver™ Page 2 Scenario Users Contents Properties Contexts Tags Users Context Listener Set of contents Service Reasoner GPS Navigator.
EK R. Eric Kramers Senior Project Officer The Atlas of Canada Natural Resources Canada The Atlas of Canada User-Centred.
Designing web pages for handheld mobile devices Improving the client experience.
Chapter 12: Introducing Evaluation. The aims To illustrate how observation, interviews and questionnaires that you encountered in Chapters 7 and 8 are.
1 User Interfaces for Pervasive Computing Devices Prof. James A. Landay January 7, 1999
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Information Architecture & Design Week 5 Schedule -Planning IA Structures -Other Readings -Research Topic Presentations Nadalia your Presentations.
Information Architecture & Design Week 6 Schedule -Group Project Plan Due -Browsing and Searching for IA -Other Readings -Research Topic Presentations.
Search Result Interface Hongning Wang Abstraction of search engine architecture User Ranker Indexer Doc Analyzer Index results Crawler Doc Representation.
Differences between Desktop Web Sites and Mobile Web Sites Yonglei Tao.
SBD: Activity Design Chris North cs3724: HCI. Problem scenarios summative evaluation Information scenarios claims about current practice analysis of stakeholders,
Structure and Function: IA for Web Applications. Innovate - For What’s Next™ ©1999 Scient, Proprietary and Confidential Page 2 Structure - IA with content.
Week 2: Mobile User Interfaces. Objectives Review of User Interface Design Mobile specific design challenges in mobile UIs –specifically modern smartphones.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Information Architecture & Design Week 12 Schedule -(Non-Web) IA Beyond the Browser -Rosenfeld Chapter 19 -Other Primary Readings -BREAK -Research Topic.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations.
The Big 6 An Information Problem-Solving Strategy © Big6 Associates.
Today’s Communication Complexities: Customer, Employee, Enterprise CustomerReality EnterpriseReality EmployeeReality Lost Revenue Customer Satisfaction.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Mobile Cloud Market to Global Analysis and Forecasts by User Type, End-users No of Pages: 150 Publishing Date: Jan 2017 Single User PDF: US$ 3900.
Muneo Kitajima Human-Computer Interaction Group
L A B E L Marina Karapetyan.
Ubiquitous Computing and Augmented Realities
Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com
a context-aware communication system
Anatomy of IA Search Browse “Invisibles” Interface Query Language
IS213 Project Presentation - April 6, 2006
Week: 09 Human-Computer Interaction
Presentation transcript:

Mobile Information Architecture

Mobile Differences Location? - Everywhere - Household - Automobile - Fieldwork - Officework Purpose? - Everything (Integrated Devices) - Single Task (Appliances) Interface? - Personalized - Simplified Audio In Audio Out - Modal - Contextual

Mobile & You Intimacy - Not just My Yahoo - My Device Faceplates Ringtones Button Overlays Ubiquity - Proximity - Interoperability - Connectivity (always on) Content - Dynamic Streaming Data - – Voic – Pic mail - Web Data - Synchronization New Designs and Functions

Mobile Functionality Bandwidth - Wireless Security - Financial Mgmt - Cryptography Ubiquitous Computing Privacy Cultural - Adoption - Revolution Locating and Relocating Information - Directions, Shopping Lists, Contacts

Mobile Tasks Task-specific use that is very modal How does this change design? Navigate – Locate – Recognize – Act - Human Short Term Memory 7+/-2 Unfamiliar Tasks & Cognitive Overload - Minimal Graphics (& Resolution) Affects Landmark Use - More Skimming, Information Lost - Task Focus Equalized Among Tasks - Leverage Existing Mental Models Hierarchical Models The Right Schema (Appearance)

Mobile Design vs IA Most Guidelines are for Interfaces, Not Information (Architecture) - Not Just Less Information - Not Only Lists, but Structures - IA May Help More Than UI Re-Think Web Design Ideas and Guidelines Web Browsing vs. Strategic Information Seeking Task-Specific - Look-Ups (Reminding and Refreshing) - Not Exhaustive Searches (Learning) - Answer Clearly Articulated Questions On-Line Comprehension - Even Less on Handhelds (Note Cards?) - Context & Concise Information Order of Problems & Tasks Relative Semantic Representations of Information

Mobile IA From Crumlish (Yahoo!) Mobile is coming of age & affordability - Should work with your existing IA - Not the desktop anymore The Mobile Web is Everywhere (Everyware?) Asking questions with concrete goals - Less browsing, more personal context Interface changes - Vertical lists (with # key equivalents) - Do we mean Web sites with mobile versions? -Or altogether new designs? New IA & Content Management challenges - Google Mobile Google Mobile - Amazon Mobile Amazon Mobile

Mobile IA Redesigns Smaller lists Limit categories to 5 - Number key access * - Make thinks links as often as possible Understand SmartPhone limits Use (w)CSS effectively Reduce content on each page No sidebars First try - a mobile sub-set site?

Mobile Web Strategies How do you add value to lives with mobile technology? Design for small PCs with functionality rather than phones Why should it be mobile? iSchool Google Maps Alamo Drafthouse Paper prototyping & user evaluations on the spot Usability testing for mobiles is still new Lab testing often difficult past initial designs IA Deliverables - Simple Site Maps - Heavy user scenarios - Icon & graphics design more important (if any)

Questions for Mobile IA work How do you navigate with much less space? Do all concepts/units of information have the same weight in all situations? What does Web standard markup mean for mobiles? Try it out: GOOG-411

IA Re-Design How would you re-design a site for Mobile? iSchool Web page Alamo Drafthouse Google Maps 1.Sketch a design on a full page 2.Iterate and sketch on an index card 1.Repeat 2.Have a user scenario in mind

IA & Mobile for the Future Smart Mobs – Howard RheingoldSmart Mobs Contextual Computing Invisible Computer – Don NormanInvisible Computer Good Old-Fashioned Future - Bruce SterlingGood Old-Fashioned Future Industrial Design DoCoMo Apple Knowledge Navigator HP CooltownCooltown IBM Pervasive Computing UbiComp IEEE Spectrum Japan