App Design Research

Written Research

https://www.wattpad.com/8262023-short-stories-of-life-cell-phones-and-society 

Screen Shot 2017-04-01 at 9.16.33 PM.png

 

 

http://www.creativebloq.com/app-design/16-killer-design-tips-creating-mobile-apps-11513821

Screen Shot 2017-04-01 at 10.29.34 PM.png

01. Everything exists on a grid

02. Every element defines the spacing

03. Colour creates hierarchy

04. Colour is not about you liking it, it’s about the brand

05. Pink is not a shade of red

 06. Logos add style but they don’t make or break

07. The page title

08. Define elements, then repeat them

09. Simple tricks can be used to separate text and create hierarchy

10. Outdated is another word for not trendy

11. Most apps are basically just lists

12. How to make a decision on a layout

13. Actions requires feedback, and fast

14. Postpone sign up

15. When to use a fancy font

  • The time to add in a more complexly flavored font is when you’re focusing on brand, and less on usability.

16. Each system has visual guidelines

 

 

https://www.smashingmagazine.com/2015/04/thinking-like-an-app-designer/

Screen Shot 2017-04-01 at 10.33.44 PM.png

“There’s more to designing mobile apps than meets the eye. The task requires a deep knowledge of devices, and it often means changing the way we think — even if that means leaving behind much of what we’ve learned from designing for the web.”

“…app design can’t begin with interface design in Photoshop or Illustrator. It has to start before that, with wireframe-based prototypes and basic designs. That way, if change is necessary, it will take moments — not months — to apply.”

“App designers must abandon the concept of creating something final. An app is never finished, because it’s a digital product that evolves over time. For this very reason, we can’t approach interface design with a definitive stance. The truth is discovered through usability testing and deciphering what problems users encounter.”

“At the end of the day, changing one’s mindset to adapt to apps comes from the inside. No one will force you to do it. If you don’t adjust, you run the risk of becoming little more than an icon factory, just a small step in a larger process of design.”

 

 

https://designmodo.com/design-mobile-apps/ 

Screen Shot 2017-04-02 at 11.06.05 PM

“The biggest difference between developing a mobile application and a desktop application or even a website, is context, and this is what makes these mobile apps so powerful and interesting.”

 

 https://www.nngroup.com/articles/top-10-application-design-mistakes/

Screen Shot 2017-04-03 at 3.44.45 PM.png

“Usually, applications fail because they (a) solve the wrong problem, (b) have the wrong features for the right problem, or (c) make the right features too complicated for users to understand.”

 

http://blog.venturepact.com/10-biggest-challenges-faced-by-mobile-app-developers/

Screen Shot 2017-04-03 at 4.10.49 PM.png

  • Who is my target group?
  • What is the aim of the app?
  • Which function does the app have?
  • Is the app absolutely new or does it improve an existing one or is it an add-on etc.? (Analyze the innovation level, do some research!)
  • Is there a market for the app? (Do a competitor and/or benchmark analysis or user survey!)
  • What will be the price of the app? (Analyze the profitability!)
  • Where will the app be sold? (Selling via the most popular app stores or via extra channels and other/own websites?)
  • What is it that I am offering and no one has offered before?

 

Prototyping Tools

http://www.prototypingtools.co/

Screen Shot 2017-04-01 at 11.49.52 PM

 

https://marvelapp.com/pop/?popref=1

Screen Shot 2017-04-01 at 11.17.23 PM.png

 

https://www.flinto.com/mac

Screen Shot 2017-04-01 at 11.29.52 PM.png

 

https://www.invisionapp.com/

Screen Shot 2017-04-01 at 11.32.45 PM.png

 

https://www.sketchapp.com/

Screen Shot 2017-04-01 at 11.35.39 PM.png

 

https://github.com/ideo/avocado/

Screen Shot 2017-04-01 at 11.42.34 PM

Visual Inspiration

https://www.pttrns.com/

Screen Shot 2017-04-01 at 11.02.52 PM.png

 

http://www.mobile-patterns.com/

Screen Shot 2017-04-02 at 7.32.01 PM

 

http://inspired-ui.com/

Screen Shot 2017-04-02 at 7.35.56 PM.png

 

http://www.lovelyui.com/

Screen Shot 2017-04-02 at 9.27.09 PM

 

http://freebiesbug.com/psd-freebies/app-design/

Screen Shot 2017-04-01 at 10.27.08 PM

App Concepts

1. Meter Maid App

What is its name? / Name & Tagline – Meter Mate

What will it do? / Features & Functionality – Gives user available meter maid info for parking.

Who will buy it? / Audience types & Rationale – Automobile transportation New Yorkers

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/Environment/Public-Recycling-Bins/sxx4-xhzg

https://data.cityofnewyork.us/City-Government/Open-Parking-and-Camera-Violations/nc67-uf89

https://data.cityofnewyork.us/Transportation/DOF-Parking-Violation-Codes/ncbg-6agr

2. Vending Machine App

What is its name? / Name & Tagline – Vendamatch

What will it do? / Features & Functionality – finds the nearest vending machine to user

Who will buy it? / Audience types & Rationale – people on the go who want a quick transaction

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/Business/Times-Square-Food-Beverage-Locations/kh2m-kcyz

3. Heart Rate App

What is its name? / Name & Tagline – Pulse

What will it do? / Features & Functionality – gives user heart rate through thumbprint

Who will buy it? / Audience types & Rationale – medical or athletic reasons for usage

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/Environment/Directory-of-Running-Tracks/9ned-hmak

4. Commuter Biking App

What is its name? / Name & Tagline – NYCycle

What will it do? / Features & Functionality – notifies user of bike parking stations & routes.

Who will buy it? / Audience types & Rationale – People that need temporary place for bike

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/Transportation/NYCDCP-Manhattan-Bike-Counts-Off-Street/mfmf-gtvc

http://www.smithsonianmag.com/innovation/five-tech-ideas-that-could-improve-city-bike-commuting-180955570/

5. Water Fountain App

What is its name? / Name & Tagline – H2yOrk

What will it do? / Features & Functionality – Finds nearby water fountains/inside or outside

Who will buy it? / Audience types & Rationale – Dehydrated user with no money

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/Housing-Development/Water-Consumption-And-Cost-2013-2016-/66be-66yr

https://data.cityofnewyork.us/Environment/Drinking-Fountains/ph76-k6qa

https://data.cityofnewyork.us/Environment/Drinking-Water-Quality-Distribution-Monitoring-Dat/bkwf-xfky

6. Electrical Outlet App

What is its name? / Name & Tagline – Outlet

What will it do? / Features & Functionality – Locates nearest power source for electronics

Who will buy it? / Audience types & Rationale – Users with low battery on device

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/City-Government/Mobile-Telecommunication-Franchise-Poletop-Install/tbgj-tdd6

7. Street Performer App

 What is its name? / Name & Tagline – Street Stars

What will it do? / Features & Functionality – Notifies user of street performer events

Who will buy it? / Audience types & Rationale – Performers & audiences/ Tourists

What data will you use? / Choose from NYC Open Data Site

https://data.cityofnewyork.us/Business/Times-Square-Entertainment-Venues/jxdc-hnze

I have decided to work with Outlet, Street Stars, and NYCycle for the concept sketches and flow screens.

1. Outlet

Story/Narrative:

2. Street Stars

Story/Narrative:

3. NYCycle

Story/Narrative:

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s