16. Ignoring these design principles can frustrate users . easily understandable
17. easily understandable There are only four common tools that you need to create basic web simulations . Quantitative Output User Decisions Qualitative Output Actions and Navigation
18. Quantitative Output User Decisions Non-Quantitative Output Actions and Navigation easily understandable Tables Graphs
19. Quantitative Output User Decisions Actions and Navigation easily understandable Chart Tools FusionCharts www.fusioncharts.com Forio Simulate UI Builder forio.com/simulate Chart Selector http://www.flickr.com/photos/amit-agarwal/3196386402 Table Tools Stephen Few, Designing Tables and Graphs to Enlighten http://www.amazon.com/Show-Me-Numbers-Designing-Enlighten/dp/0970601999
20. Basic qualitative output from web simulations can be created from text , images , and video . easily understandable Qualitative Output
31. Web browsing tools are becoming increasingly diverse . convenient to access
32. convenient to access 96% of all displays are at 1024 x 768 pixels or higher. 1024 x 768 Source: http://www.w3schools.com/browsers/browsers_stats.asp
33. convenient to access 2. Select Document Settings 1. Click in here 3. Change Settings Here
34. convenient to access Web simulations operate on a variety of operating systems and browsers. Source: http://www.w3schools.com/browsers/browsers_stats.asp
35. In the United States, Excel is installed on about 75% of all computers … convenient to access … which implies Excel-only results will lose 25% of your audience . Source: http://www.webmasterpro.de/portal/news/2010/02/05/international-openoffice-market-shares.html
36. convenient to access Every screen size, plug-in, browser or application limitation reduces the number of potential users . All users Windows users with Firefox and Excel Windows users with Firefox Windows users
37. In uncontrolled environments users can get distracted … … therefore web simulations need to be interruptible . convenient to access
38. convenient to access Experiment We made half our users enter an email address before using a simulation, the other half could use the simulation without an email. What happened?
40. convenient to access HTML 5 is the next major revision of HTML and may eliminate the need for Flex/Flash .
41. convenient to access HTML 5 support across all popular browsers is years away . Source: http://www.w3schools.com/browsers/browsers_stats.asp
42. convenient to access Forio recommends: 1024 x 768 minimum screen size HTML with javascript and/or Flex/Flash Testing on both Windows and Mac Testing on IE7, IE8, IE9, Firefox, Chrome, Safari
43. convenient to access Forio discourages: Client-side Java Video without using Flash/Flex Browser-specific designs HTML 5 reliant web pages Relying on desktop applications
46. enjoyable to use When people talk about computer games, they often mean console games for the Wii, Playstation, or Xbox.
47. The problem is, most modeling and simulation projects have smaller budgets than console game projects. enjoyable to use Source: http://wiki.answers.com/Q/Video_game_development_costs
48. More practical ideas for game dynamics come from casual games . enjoyable to use
49. Game dynamics include intermittent rewards, leveling up , and player communication . enjoyable to use
50. Monopoly provides an example of how to apply intermittent rewards . enjoyable to use
51. enjoyable to use Attempts at automating Monopoly have been largely unsuccessful .
52. The implication for simulations is to allow for player experimentation , failure , and repeated play . enjoyable to use
53. Leveling up means start easy and gradually add complexity after players have mastered the basics. enjoyable to use
54. Make simulations easy to use at first but then progressively more sophisticated . enjoyable to use
57. Providing leader boards encourages competition and increases learning. enjoyable to use
58. Creating a user interface is a different skill than creating a model. Writers, animators, directors, and voice actors all overlap. Writers, animators, directors, and voice actors are specialized. < 5 minutes per episode. 20 minutes per episode. Inexpensive to produce. Expensive to produce.
63. Initial causal diagram for the pricing simulation Relative Attractiveness Market Share Sales Volume Product Availability Product Predictability Product Quality Net Price List Price Price Promotions Expected Price Pricing Fairness Inventory Capacity Revenue Variable Costs Purchase Frequency Market Size Peak / Non-Peak Market Growth Rate Seasonality Fixed Costs Total Costs Profit DELAY DELAY
64.
65.
66.
67.
68.
69. Frequent testing is the most important thing you can do to create a high quality simulation One test with eight testers will uncover more problems in a single test But the worst problems will keep them from getting far enough to find others Total problems found: 5 One test, eight testers = eight tests Three testers may not find as many problems in a single test But after major problems are fixed, they’ll see problems they couldn’t have seen before. Total problems found: 9 First test Second test Two tests, three testers = six tests
70. Although creating user interfaces is a different skill than creating models, the same principles apply . complexity != sophistication simplicity improves comprehension
![In six hours over six weeks, you’ll know the fundamentals of building a web simulation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)