This document outlines the development of a virtual camera experience prototype. It begins with research showing consumers are more likely to purchase a product they can learn about and try virtually. The goal is to allow potential buyers to know, try, and compare cameras visually and experientially based on survey results. The challenge is shifting understanding of cameras from physical tools to 2D interfaces. The idea is to combine textual and visual elements to create a virtual DSLR experience allowing users to explore overview, features, specifications, appearance and performance. Storyboards, wireframes and initial renders are included outlining the prototype experience. Evaluation with users revealed issues that were addressed in refinements, resulting in a more navigable final prototype.

1. VCEVIRTUAL cAMERA EXPERIENCE
Yen Lin Only Liu
Present

2. context
brief
Virtual camera experience
Textual Visual experiential
DSLR Preview
potential buyers'
Brief /// context

3. research
brief
e-commerce
Virtual Product EXP
DSlR
"More a customer knows about a product,
more likely they willing to purchase the product.”
-- Jiang and Benbasat
Brief /// research

4. goal
apply
know, try, and compare
potential buyers want to
based on our research survey result.
apply /// goal

5. challenge
apply
Operation of cameras
Virtual vs Phtsical
from a physical tool to an 2D interface
Shifting understanding
apply /// challenge

6. idea
apply
textual + visual
goal + challenge = idea
from 2D interface to a virtual DSLR exp
overview, features, sepcification appearance, performance
experience mode
apply /// idea

7. catalogue
Camera page
overview 360 appearance price
wireframes
apply
apply /// wireframes

8. experience mode
comparison
wireframes
apply
apply /// wireframes
backview
appearance pacakge spec
live view full screen

9. cataloque
inital render
apply
apply /// inital render

10. cataloque
2nd mockup
apply
apply /// 2nd mockup
cataloque - preset cataloque - feedback

11. 2nd mockup
apply
apply /// 2nd mockup
camera - page camera - page 2

12. 2nd mockup
apply
apply /// 2nd mockup
camera - exp - tut camera - exp - AV Mode

13. cataloque
2nd mockup
apply
apply /// 2nd mockup
camera - exp - Live view

14. 2nd mockup
apply
apply /// 2nd mockup
comparison - appearance comparison - Tech spec

15. apply /// storyboard
1 2
3 4

16. apply /// storyboard
5 6
7 8

17. apply /// storyboard
9 10
11

18. apply /// storyboard
13 14
15 16

19. apply /// storyboard
17
end
click prototypehttp://iyenlin.wix.com/wk-11-edit

20. participants & methods
evaluation
Naive User Testing
System Usability Scale
+
7 siat students + 1 non siat student
evaluation /// methods

21. issue & reflection
evaluation
Vaild / Invaild
SCORING sus CHANGES rAPIDLY
Super low fidelity prototype
evaluation /// reflection

22. new - main menu
Refinement
Refinement
response
to missing
home
screen

23. catalogue
refinement
Refinement
response to
confusion
enhance
system feed
back

24. new - main menu
Refinement
response
to missing
home
screen

25. new - main menu
Refinement
response
to missing
home
screen

26. Camera Description
refinement
Refinement
menu tab for
easy access

27. EXP(VCE) Mode
refinement
Refinement
Background
live mode

28. performance
refinment
Refinement

29. comparison
refinement
Refinement
confusion

30. video
Final Prototype
introduce the intended interaction to users
Final prototype

31. Reference
Final prototype
1.
Jiang and Benbasat: The Functional Mechanisms of Online Product Presentations
Information Systems Research 18(4), pp. 454–470, ©2007 INFORMS
2.
http://www.cisco.com/en/US/prod/collateral/routers/ps5763/ps7041/prod_presentation0900aecd
8056e757.html
3.
http://www.abercrombie.ca/webapp/wcs/stores/servlet/CategoryDisplay?parentCategoryId=12236&
catalogId=10901&langId=-1&categoryId=50448&storeId=11306&topCategoryId=12202
4.
http://www.asos.com/ASOS/ASOS-Elgin-Skinny-Jean-in-Mono-Stripe/Prod/pgeproduct.aspx?iid=2
562293&cid=14875&sh=0&pge=0&pgesize=20&sort=-1&clr=Multi
5.
http://www.asos.com/Asos/Asos-Top-With-Pu-Trimmed-V-Neck/Prod/pgeproduct.aspx?iid=25674
76&abi=1&clr=black
6.
http://www.canon.ca/inetCA/subCategoryHome?msegid=2&catid=17&scatid=129
7.
http://en.nikon.ca/Nikon-Products/Digital-SLR-Cameras/index.page