Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Developing Apps and Web Services for Touch Screen Mobile Devices

Developing Apps and Web Services for Touch Screen Mobile Devices.
by

Rick Buck

on 16 April 2010

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Developing Apps and Web Services for Touch Screen Mobile Devices

Task Analysis Use Cases/Scenarios


Design Requirements
Literature Review/Resources iPhone Human Interface Guidelines Android User Interface Guidelines
Design Prototyping based on features/functionality Native App -vs- Web App? Evaluation and Testing Recommendations Assist individuals unfamiliar with SUNY Oswego’s campus to navigate the campus via wheelchair accessible walkways and doorways. A prospective student arrives on SUNY Oswego’s campus for the first time with his/her parents and would like to explore the campus before taking an official tour. One of the parents is in a wheelchair and will need to utilize wheelchair accessible walkways. The student opens their phone’s web browser and accesses SUNY Oswego’s website which detects that the user is using a mobile device and offers a portion of the site that is tailored for mobile devices. One of the main features of the mobile site is a campus map that utilizes Google maps, GPS functionality, Custom overlays and search functionality. A prospective student arrives on SUNY Oswego’s campus for the first time and would like to explore the campus before taking an official tour. The student is in a wheelchair and will need to utilize wheelchair accessible walkways and doorways to navigate the campus. The student opens their phone’s web browser and accesses SUNY Oswego’s website which detects that the user is using a mobile device and offers a portion of the site that is tailored for mobile devices. One of the main features of the mobile site is a campus map that utilizes Google maps, GPS functionality, Custom overlays and search functionality. An alumna/alumnus arrives on SUNY Oswego’s campus for the first time in 20 years would like to explore the campus and new buildings. The alumna/alumnus is in a wheelchair and will need to utilize wheelchair accessible walkways and doorways. The alumna/alumnus opens their phone’s web browser and accesses SUNY Oswego’s website which detects that the user is using a mobile device and offers a portion of the site that is tailored for mobile devices. One of the main features of the mobile site is a campus map that utilizes Google maps, GPS functionality, Custom overlays and search functionality. Stakeholders


Developing Apps and Web Services for Touch Screen Mobile Devices Current Students Prospective Students Alumni Parents/Family Members The college in general... Faculty/Staff Community Members Others? Age:
Legal constraints will set the minimum age of the user at 18 although it is very likely that the map will have users younger than that.
There is no maximum age limit so the design must accommodate this broad age demographic.

Gender:
Male and female

Computer literacy:
Likely a competent computer users given the prerequisite of owning a smart a phone and being able to browse the web and download apps.

The user should be able to adapt to the interface with minimal effort.

Language:
English will be the primary release language but other languages should be added

Disabilities:
We will assume the users to exhibit at least 1.
http://bit.ly/vY7gc http://bit.ly/hVO32 Must contain an interactive map of the campus, that displays wheelchair accessible walkways Must have intuitive controls for user to interact with map. Must utilize relevant and accurate data about the campus, geo location points. Must provide a method to handle user feedback Should be device agnostic Other Considerations User Constraints:
Vision: Font size, color-coding,
Hand anthropometry: Varying hand sizes, optimal target size Mobile Constraints:
Screen: Size and Resolution
Input: Touch, Speech, other
Feedback: Visual, Auditory, and Shake
Orientation: Dynamic or Static
GPS reliability
Keep it Simple
Minimize Input Requirements
Utilize Lists
Scope for Text Fields Don't fully port desktop/web apps to mobile
Ease of Use
Exclude unnecessary design elements Prototyping revelations:
Add larger zoom controls, default GMap controls too small for effective.
Pinch and zoom not fully functional with GMap emebedded in a browser.
Pinch and zoom 2 handed task.
Gif/jpg overlays not fully functional on all mobile devices, use polylines to plot routes
Overlays obscure clickability of markers
GPS not always accurate, especially if user is indoors.
Add a short users guide.
Provide a link and short form for users to provide feedback to help you improve your design.
Create separate maps based on features and functionality? Smart-search text field to assist user input.
Can search for, building name, type, parking lot location, etc…
Consider the conditions in which the application will be utilized. Test with appropriate user base Replicate user mind set via task driven testing
Iterative Design Cycle 5 simple questions, 3 likert 2 binary, and a comments section.
Full transcript