Uploaded on


  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On Slideshare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Using Paper Prototyping toDesign Mobile Applications Dave Brightbill College Center for Library Automation
  • 2. • Established in 1989 to provide automation and support to Florida State College libraries.• Provides online library management and information services to over 80 libraries at 28 Florida State Colleges.• Supporting students and faculty at institutions ranging from small rural cities to large urban communities.
  • 3. Students and ResearchLooking at howstudents conductresearch and aligningour mobile interfacesto support thatprocess.Image: Creative Commons Attribution 3.0 Unported License – User:Bathsofm.
  • 4. The Student Research Process • Pre-search • Research • Incorporate/CreatePhoto: London School of Economics and Political Science
  • 5. Pre-search• Identify objectives and pick a topic.• Identify parameters.• Gather background/big picturePhoto – University of Salford Press Office - Creative Commons 2.0 Generic License
  • 6. Research • Identify appropriate sources • Gather information • Evaluate informationPhoto: Tulane University Public Relations – Creative Commons Attirbution 2.0 Generic License
  • 7. Incorporate/Create• Understand Information• Use Information• Create Output• Format OutputPhoto: German Federal Archive – Creative Commons 3.0 Attribution Share-Alike License
  • 8. Input From Students Collected ideas from students during focus groups and user tests.Photo: CEJISS – Public Domain via Wikimedia Commons
  • 9. Focus Group Themes• Native iPhone/Droid library apps.• Collaborative networking features.• Dictionary and thesaurus available everywhere.• Reduced number of clicks to success.• Integration with Blackboard and other CMS’s.• SSO and simplified log-in.
  • 10. Planning for Mobile Redesign• Aligned with student research process.• Recognize that students use Google, Wikipedia and other non-academic resources.• Investigate “push” assistance.• Provide training at the point-of-need.
  • 11. Paper Prototyping Creating paper versions of web assets to define, develop and test potential user interfaces.Photo: Samuel Mann – Creative Commons Attribution 2.0 Generic License via Flickr
  • 12. Paper Prototyping Benefits• Fast imagineering of potential user interfaces.• Enables input by less- technical team members.• Early feedback by potential users.• Low cost.• Interfaces can be marked up during user tests and focus groups.
  • 13. Paper Prototyping Problems • Limited reality-check. • Low fidelity representation of the actual user experience. • At the end of the process, you still have to write code.
  • 14. Where We Are• Imagining the future.• Sketching interfaces.• Doing internal validation.
  • 15. Next Steps• Create final release “candidates”.• Internal user tests.• Iterative tests with users.• Refining the interface.• Approval process.• Project chartering for development.
  • 16. Resources• Denim – Informal early-stage web design tool -• Snyder, C. (2003). Paper prototyping, the fast and easy way to design and refine user interfaces. Morgan Kaufmann Pub.• Buxton, B., & Buxton, W. (2007). Sketching user experiences, getting the design right and the right design. Morgan Kaufmann.
  • 17. Questions