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

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

Embed Size (px)

Citation preview

Introduction to Designing & Composing for Mobile Apps

DTC 336/MTRIby Dr. Dene Grigar

1

Welcome to DTC/ENGL 336 &

The Mobile Tech Research Initiative

http://van-dtc356.vancouver.wsu.edu/appcamp/

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

“$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/

“[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%”--MobileMarketingWatch

Why focus on apps?

4

Like web design in last two decades, app design constitutes the next big design problem to solve

Why focus on apps?

5

what are best practices for app design?

what makes an app design good?

how is app design different than designing for a desktop?

6

Two Methods for Mobile App Design

7

From http://www.isabeljevans.com/expertise.html

User-Centered Iterative Design

From http://www.smashingmagazine.com/2011/05/02/a-user-centered-approach-to-mobile-design/

Rapid Prototyping

“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

from http://www.gimmipop.com/gp/capabilities.htm

Incremental vs. Iterative Design

9

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

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

User Centered Design

discover

define

design

from http://www.vinq.com/ucd.html

12

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

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

14

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--

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

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.mobilemarketingwatch.com/juniper-forecast-mobile-app-downloads-to-reach-25-billion-by-2015-7972/

16

Thank you.

DTC 336/MTRIby Dr. Dene Grigar

18

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

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.homestarrunner.com/ for more Strong Bad fun!