Your SlideShare is downloading. ×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Creating Realistic User Experiences with Interactive Prototypes

1,131
views

Published on

A webinar for IT, software, user experience and design professionals. …

A webinar for IT, software, user experience and design professionals.

Interactive prototypes and simulations allow designs to be tested and validated with real users before the development process begins. This provides an opportunity to make changes and provide stakeholders with a preview of the application design and functionality before coding starts.

Inexpensively created interactive prototypes allow you to see and touch what w...ill be built before you build it and allow you to gather important user experience which can save time and effort while improving design in the process.

Join us as we discuss:
• How prototyping can save you money and help you get it right the first time
• Involving stakeholders to identify key tasks to be prototyped and build consensus
• Prototype fidelity: low, mid or high. Which to use and when
• Choosing the right tool to produce your prototype
• Determining the method of getting stakeholder buy in and user feedback, both in person and remotely

Presenter DeeDee DeMulling is Director, User Experience, Perficient, Inc.

Published in: Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,131
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 1
  • 2. ! Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED Perficient is an IT consulting firm with mission to “help clients implement business- driven IT solutions” that deliver business value in the form of integrated business processes and technologies that meet the expectations of their customers.
  • 3. !" ! # % '( $ & ) *# +, & – , , , , $ $ $ -. / 0 1 # 2 # 3 ( 45 4 $ # 64 45 7 8 0 9 Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED The fast facts about Perficient: we are positioned as a rapidly growing, successful IT services firm with sufficient scale to handle large projects while being more flexible and responsive, based on our size relative to the large players.
  • 4. " # Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED We help you strategically address business process or technology problems and offer you targeted solutions with positive impacts for your company, your partners and your customers.
  • 5. " $ %& ' ( ( Proven user research and Based on user input, we Development and analysis techniques enable define the information Engineering teams work us to understand users’ structure and develop closely with Design teams to goals, attitudes, and layered blueprints, from execute the supporting behaviors. We prioritize their information architecture technical solutions. Perficient needs against business and through interaction and uses flexible collaboration IT goals to define an visual design. Our focus on models and program experience strategy that brand integration and lifecycles, tailored to specific guides our design decisions. usability bring the user engagement type. experience to life and ensure that it exceeds user expectations. Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED Perficient has a customizable user-centered design approach for developing highly intuitive and usable solutions. With research, design, testing, and implementation, we create a user experience that meets the needs of its users, while being satisfying and enjoyable to use. Using next generation techniques, we help you achieve the desirable mix of brand and functionality, as well as usability.
  • 6. " ) ' Corp Logo # *') ' Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 6
  • 7. " +) ' ' Example from protoshare.com Example from irise.com Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED
  • 8. ! ' , - $ • ( : • 3 ( 3 &# : ;< ( &, ; < &# , =- ;< ( Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED Poll: Which fidelity of prototyping are you or your organization doing most often? - Lo - Mid - Hi - None 8
  • 9. * Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED • Most UX professionals are adept at paper and ePaper prototyping. Most visual designers are adept at creating design comps. Now both are beginning to be adept at interactive prototypes because of the simplicity of expressing requirements and the richness of user feedback we can collect during the design phase. 9
  • 10. # ' . ( # '! / ' • $ > • Build consensus of what the : product/site needs to do and for whom • , • Facilitate collaborative design • * sessions • / ( • 3 • ' : • ' : Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 10
  • 11. ' *' + • • • ( • . • * $ / • ? • • / • 0 -*/ • 0 Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 11
  • 12. ) ' * ' • $ 8 • # • & 9 1 • & @ ' / & ' &# 9 &3 Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 12
  • 13. ) ' # ' Corp Logo A # B Corp Logo A / > Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 13
  • 14. *') ' * ' • $ 8 • # 8 • @ C • C • - C ' / &$ 8 ' & Advantages: Easy to learn, medium investment, beginning to touch full UX Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 14
  • 15. *') ' # ' - - $' $ * @ D : • . ' Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 15
  • 16. +) ' * ' • Define business objectives, users, tasks and key features • Developed interactive prototype to demonstrate the application functionality including movement and behavior • Leveraged the prototype to define business requirements • • $ ' • . 03, # ( 9# , - ' / & 8 = ' & Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 16
  • 17. +) ' # ' - - $' $ * ' > #* E Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 17
  • 18. +) ' # ' Corp Logo Corp Logo Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 18
  • 19. +) ' # ' - - $' $ > * , / - Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 19
  • 20. +) ' # ' Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 20
  • 21. +) ' # ' Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 21
  • 22. +) ' # ' Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 22
  • 23. +) ' # ' Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 23
  • 24. + ) & $ * ' • =- 0 E • , • # • 1 ' / &# ' &# Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED 24
  • 25. + ) & $ Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED
  • 26. ' ) 0 ( * $ • * • = 9 • . (= . - • $ F • ( • / 44 Talk to us more about mobile another time. We know how to achieve great mobile user experiences. Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED • Even after 17 years of doing this, I am still surprised what the users can teach me • All the things you hope to learn about a new design can only be achieved with highly interactive prototypes, current applications. Visual design preference, content organization, page layout, transaction flow, and overall user experience. 26
  • 27. # (( • ( : • 3 ( 3 &# : ;< ( &, ; < &# , =- ;< ( Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED POLL: Which is your favorite interactive prototyping tool? •HTML/CSS, Dreamweaver or similar •Photoshop, Fireworks or similar •iRise (is there anything similar to iRise) •Axure •ProtoShare, BalsamIQ or similar •Other
  • 28. • @ G$ ( # • # G@ ( • - G ( • ' G* # • , G$ 8 • -G. E * • G, / Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED
  • 29. 1 2 Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED Qs: How do you help your team learn the skills they will need to produce interactive prototypes?
  • 30. ! " Copyright © 2009 Perficient, Inc PROPRIETARY AND CONFIDENTIAL – UNAUTHORIZED REPRODUCTION PROHIBITED