1 / 23

Enhancing User Experience in Mobile Applications: A HCI Portfolio Presentation

This portfolio presentation by Fahd Arshad, a Master's candidate in Human-Computer Interaction at Carnegie Mellon’s School of Computer Science, explores various HCI methods applied to mobile applications. It covers the structure of the program, key coursework, and significant projects including redesigns for a mobile communication tool, a text logging application, and a planning tool. The presentation discusses iterative design, usability testing, and the author's educational and professional background in HCI, illustrating a commitment to improving user experience through practical application of theoretical knowledge.

afya
Télécharger la présentation

Enhancing User Experience in Mobile Applications: A HCI Portfolio Presentation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Portfolio Presentation at Bloomberg Fahd Arshad March 30, 2007

  2. Who am I? • Masters candidate – Human Computer Interaction at Carnegie Mellon’s School of Computer Science • Structure of the program • Methods class • Capstone project • Electives • My educational background • My work experience

  3. Some HCI Methods… • Contextual Inquiry and Design • Iterative prototyping • Think-aloud usability testing • Heuristic evaluation • Task analysis • Cognitive walkthrough • GOMS/KLM • Card sorting • Bodystorming • Personas

  4. Applying HCI Methods: PICOLA • Problem: Support deliberative dialog and decision-making in mobile context • Challenges: Users unavailable, system architecture unstable • Approach: Retrospective interviews, iterative design • HCI methods used: CI/CD, KLM, CW, HE, iterative design, scenario-based think-aloud.

  5. PICOLA – Login Screen Redesign

  6. PICOLA – Speaking Queue Redesign

  7. PICOLA – Text Chat Redesign

  8. MetriTextPrompter • Goal: collect keystroke data with high degree of accuracy. Allow experimenters to design without programming.

  9. MetriTextPrompter – Iterative development • Ported code base from VB6 to VB.NET, making it object-oriented. • Improved keystroke logging, added accurate timing capabilities • Re-wrote layout engine. • Improved error-checking modes, interaction with the user. • Added a syntax and resource checker • Improved configuration file

  10. MetriTextPrompter – Iterative development • Log file was cryptic. Needed human-readable, community-shareable log. • Designed an XML-based format, with a DTD • Self-documenting, easy to parse with existing tools, easy to share • Wrote targeted user guides, as well as programmer documentation

  11. JIT Events • Problem: deliver location-based information to mobile clients • Designed events’ lifecycle • Entry and storage • Retrieval from back-end using a REST layer and GPS query on handset • The J2ME UI • Google Maps mash-up • HCI methods: body-storming, personas, think-aloud observation studies

  12. JIT Events – System Overview

  13. JIT Events – Google Maps

  14. Causes of UI Errors • Problem: why do human beings make errors? • Approach: Pick a UI. Create some commonly used tasks. Run a tightly controlled study to determine if new UI fixes existing UI’s problems.

  15. Website design • Portfolio website • School website

  16. Questions?

  17. Palm Redesign • Problem: Are current planning tools sufficient for a busy user? • Challenges: well-designed, accepted solutions exist • Approach: Studied busy user in context. Evaluated Palm IIIC. • HCI Methods: HCI methods used: CI/CD, KLM, CW, HE, iterative design, scenario-based think-aloud.

  18. Palm Redesign - Themes • Prioritization – Users prioritize tasks based on at least three dimensions: temporal spatial, and social. Palm provides one‐dimensional priority, which is not enough for our users. • Organization and Display of Information – Current planning tools have a frustrating lack of flexibility and control over retrieval and display prove frustrating. • Ubiquity – Transferring information from one medium to another to keep each up-to-date is tedious. • Ties between Communication and Planning – Users’ planning needs are very closely tied to their communication with others. A significant gap between channels of communication and planning systems hinders users’ productivity. • Usability – Usability issues with the interface become failure points.

  19. Palm Redesign - Proposal Day Planner view • Combines to do and calendar apps. • Provides priority • Allows categorization • Facilitates retrieval

  20. Palm Redesign - Proposal Context menu bar • Leverages Fitts’ Law • Addresses usability issues, both for frequent use efficiency and learning

  21. Palm Redesign - Proposal Context menu bar • Leverages Fitts’ Law • Addresses usability issues, both for frequent use efficiency and learning Categories list • Allows intuitive filtering using multi-tag annotations

  22. Palm Redesign - Proposal The Board • User-defined priorities • Persistent display Live bookmarking • Bluetooth-based opportunistic syncing with PIM

More Related