1. Introduction to Designing & Composing for Mobile Apps DTC 336/MTRI by Dr. Dene Grigar 1

2. Welcome to DTC/ENGL 336 & The Mobile Tech Research Initiative http://van-dtc356.vancouver.wsu.edu/appcamp/

3. iOS apps estimated at 367,334 in 2011-- Plugged In, May 5, 2011 “App markets... offered by Apple, Google, Nokia, and RIM sold $2.1 billion worth of apps in 2010. ” -- Talk Android, May 6, 2011 77 percent of the world population are mobile subscribers, with growth led by China and India-- MobiThinking, March 2011 Why focus on apps? 3

4. “$800M spent on mobile advertising, rising to a healthy $5 billion over the next five years.... [I]nventory [is currently] available from 50+ networks and 9,000 publishers.” from http://www.mobilemarketingwatch.com/report- mobile-apps-are-hot-but-mobile-search-drives-the-most- revenue-10894/http://www.mobilemarketingwatch.com/report- mobile-apps-are-hot-but-mobile-search-drives-the-most- revenue-10894/ “[A]pps attracted just 2% of mobile ad spend in the US, while search is the biggest draw overall with 46%, followed by display with 29%”-- MobileMarketing Watch Why focus on apps? 4

5. Like web design in last two decades, app design constitutes the next big design problem to solve Why focus on apps? 5

6. what are best practices for app design? what makes an app design good? how is app design different than designing for a desktop? 6

7. Two Methods for Mobile App Design 7 From http://www.isabeljevans.com/exp ertise.html User-Centered Iterative Design From http://www.smashingmagazine.co m/2011/05/02/a-user-centered- approach-to-mobile-design/ Rapid Prototyping

8. “learning by creating” “Iterating is designing and, more specifically, understanding what one is designing through actually creating it.... Iterative design also means that until you have actually built what you are designing, you are not going to be able to fully understand it. -- Anders Ramsay, http://www.andersramsay.com/2009/03/01/three- reasons-to-start-designing-iteratively See also Alastair Cockburn, “Incremental Means...”, http://alistair.cockburn.us/Incremental%20means%20adding%2c%20iterative%20means%20reworking “learning by reworking” What is Iterative Design? 8

9. from http://www.gimmipop.com/gp/capa bilities.htm Incremental vs. Iterative Design 9

10. According to Anthony Hutton: “Design is an iterative process. Sometimes (most times) you will need to go back to the previous step. On some occasions the project will be nearly complete when you need to start again. The process looks like a waterfall that can flow upstream.” From “Mobile Creativity,” http://www.foylearts.net/ahutton/mobile/ 10

11. Iterative design sees design as a cyclical process involving three activities From http://www.naviscent.com/en/i/why-naviscent/our-methodology/ evaluating designing prototyping 11

12. User Centered Design discover define design from http://www.vinq.com/ucd.html 12

13. Top three pitfalls of a linear approach Too much time spent on designing strategies that are likely to change The client doesn’t see the design until very late in the process (this usually results in endless revisions, change requests and roll-out delays) Actual implementation takes too long–thereby delaying user feedback and evaluation From “Getting the Lead Out” from http://fsimmons.ca/blog/ 13

14. From http://www.foylearts.net/ahutton/mobile/?cat=10&paged=2 14

15. A group of techniques used to quickly produce a model of a part or whole of a project using computer- based technologies and data. “What is commonly considered to be the first RP technique, Stereolithography, was developed by 3D Systems of Valencia, CA, USA. The company was founded in 1986, and since then, a number of different RP techniques have become available.” from http://www.efunda.com/processes/rapid_prototyping/intro.cfm--http://www.efunda.com/processes/rapid_prototyping/intro.cfm-- What is Rapid Prototyping? 15 Increase effective communication Decrease development time Decrease costly mistakes Minimize sustaining [technological] changes Extend product lifetime by adding necessary features and eliminating redundant features early in the design Increase number of variants of products Increase product complexity Decrease product lifetime before obsolescence Decrease delivery time

16. DTC/ENGL 336: Design & Composition (for Mobile Apps) DTC/ENGL 478: Usability & Interface Design (for Mobile Apps) News Flash! Juniper Research suggests mobile app downloads will surpass 25 billion by 2015, up from just 2.6 billion in 2009 from http://www.mobilemarketingwat ch.com/juniper-forecast- mobile-app-downloads-to- reach-25-billion-by-2015-7972/ 16

18. Thank you. DTC 336/MTRI by Dr. Dene Grigar 18

19. DROID R2-D2 by Motorola Brings the Galactic Empire to Customers Bounty Hunt Visual ID: Find and capture images around the Star Wars universe to unlock hidden content Sound and Photo Gallery Live Wallpapers: Blast the Probe Droid, Luke Balancing Yoda, Navigating the Asteroid Field, Watch Bespin's Cloud City Trivia Challenge: Answer trivia questions about The Empire Strikes Back Widgets

20. Strong Bad Soundboard DELETED!! Play this and other classic quotes from the hit webtoon character, Strong Bad, from Homestar Runner! The System is Down, I'm gonna buy you pizza, You've got an ugly butt, Get this freaking duck away from me, and more! Go to http://www.homestarrun ner.com/ for more Strong Bad fun! http://www.homestarrun ner.com

21. Talking Tom Cat Tom Cat Sings Star Wars