FA102D, Design
For Smartphones
And iPads
Design for Smartphones and iPads | Emily Zotto
Cohort: Audience Members at a Concert
● Audience of 1500 people
● Age range 19 - 30 years old
● Liquid Strangers Concert
● Webster Hall
● New York City
● High Volume/ Hard to hear people talking
Design for Smartphones and iPads | Emily Zotto
Photo Journal
Design for Smartphones and iPads | Emily Zotto
Photo Journal
Design for Smartphones and iPads | Emily Zotto
Photo Journal
Design for Smartphones and iPads | Emily Zotto
Observation Summary
● Phone has limited data and storage capacity
● Usage of Instagram livestream, Snapchat and Facetime
● People dancing and not recording at some points
● Lots of visits to bathroom and bar
● Audience members recording non stop
Design for Smartphones and iPads | Emily Zotto
Unmet Needs
● Recording video versus live streaming it
● Social media platform specific for event
● Sharing hub for concert content
● The inability to record concert in its entirety
Design for Smartphones and iPads | Emily Zotto
Application Concept
● Video sharing app for specific venues and dates so that a specific audience
can all share their content from that show and download it. Ticket verification
needed so only people from that show have access to downloading the video
taken from that specific night.
Design for Smartphones and iPads | Emily Zotto
Naming Process
Concert
Share
Tour
Design for Smartphones and iPads | Emily Zotto
ConTor
Ideation Session
Design for Smartphones and iPads | Emily Zotto
Ideation Session
Design for Smartphones and iPads | Emily Zotto
Ideation Session
Design for Smartphones and iPads | Emily Zotto
● Filter content for quality
● Hierarchy for valued users
● Concert history stored on your account
● Block against spam
● Better content, users get a better rating
● Verified access to hashtag instead of a server
● Location verification needed
● Ability to use QR code to access private hashtag
● Hashtag only visible to verified people
● Livestream accessible to select contacts if user wishes
Design for Smartphones and iPads | Emily Zotto
Ideation Session
Digital Footprint Considerations
Sensitive Information known by app:
● Location information
● Contacts and friends
● Music preferences
● Name may be linked due to verification code from ticket
Design for Smartphones and iPads | Emily Zotto
Digital Footprint Considerations
Pros:
● Concerts you like can be targeted to you
● Friends could receive ads for concerts they viewed through this app
● Concerts near you could be advertised to you due to location data shared
Cons:
● Information such as your name and city you live in could be compromised
● People you associate with could be known to third parties
Design for Smartphones and iPads | Emily Zotto
App Research: Trebel
Trebel is a music sharing app
Design for Smartphones and iPads | Emily Zotto
First page of app asks
you to sign up or sign
in to your account
The next page has a
get started button to
press
Genres are listed in the
next screen for you to
pick from
Once you click a
genre, you can pick
artists from that genre
to list to
A playlist is then
shown after choosing
an artist. You are able
to download the music
from here.
App Research: Spotify
Spotify is a music sharing app
Design for Smartphones and iPads | Emily Zotto
Search tab to look for a
specific song,artist, or
genre
Genre page which
contains artists under
that genre
Top hits grouped
together in a playlist
Artist chosen from
Today’s Top Hits list
Artist that was included
in the prior playlist
App Research: Pandora
Pandora is a music sharing app
Design for Smartphones and iPads | Emily Zotto
First page of app
contains different tabs
to explore pertaining to
finding music suited for
your tastes
Search tab allows you
to search for specific
songs,artists,albums,pl
aylists and podcasts
As you start typing,
suggestions appear for
artists.
Songs by the artist you
have searched for
appear once you click
on an artist in the
search tab
Your “For You” tab
consists of artists you
like as well as
suggestions based on
what music you listen
to
Logo Inspiration
Design for Smartphones and iPads | Emily Zotto
Concert Share Tour
Logo Sketches and Draft Slide
Design for Smartphones and iPads | Emily Zotto
Logo + Logotype
Design for Smartphones and iPads | Emily Zotto
Home Screen
● Section to enter info on show
● Enter name, location to verify, name of show
● Qr scanner option
● Enter button at bottom to enter the private page for verified concert goers only
Design for Smartphones and iPads | Emily Zotto
Picture/Video Sharing Screen
● Grid of photos and videos shared within this venue at this show
● Higher rated content found at top
● Scroll down the page for lesser rated content
● Ability to download any photo/video shared on this page freely to device
● Button to livestream or take photo/video
Design for Smartphones and iPads | Emily Zotto
Photo/Video/Livestream Screen
● There will be a slide feature to switch from photo/video or livestream mode
● Within livestream mode:
Place to enter phone numbers to invite contacts to view
Bubbles displaying the contact’s initials or picture to identify which contact is
viewing
Design for Smartphones and iPads | Emily Zotto
User Scenario Visualization
Design for Smartphones and iPads | Emily Zotto
Emily goes to a concert and
wants to take videos and
pictures and share her
concert experience
Photo: https://www.shutterstock.com/video/clip-17451310-girl-capturing-concert-smartphone-large-group-happy
User Scenario Visualization
Design for Smartphones and iPads | Emily Zotto
Emily goes to a concert and
wants to take videos and
pictures and share her
concert experience
Emily goes to take video of
the concert but has a bad
angle of the stage
Photo: https://blog.ticketmaster.com/survive-concert-without-looking-phone/
User Scenario Visualization
Design for Smartphones and iPads | Emily Zotto
Emily goes to a concert and
wants to take videos and
pictures and share her
concert experience
Emily downloads ConTor
and is able to download high
quality photos and videos of
the concert
Emily downloads ConTor
And is able to get high
quality pictures and video of
the concert
Photo: https://www.freepik.com/premium-photo/hands-holding-mobile-phone-records-colorful-live-concert-with-blank-white-screen_6981748.htm
Wireframes
Design for Smartphones and iPads | Emily Zotto
Splash Screen Home Screen Photo Viewing Screen
Wireframes
Design for Smartphones and iPads | Emily Zotto
Photo Taking Screen Live Streaming Screen
Splash Screen Design
Design for Smartphones and iPads | Emily Zotto

Fa102 d app concept updated splash screen

  • 1.
    FA102D, Design For Smartphones AndiPads Design for Smartphones and iPads | Emily Zotto
  • 2.
    Cohort: Audience Membersat a Concert ● Audience of 1500 people ● Age range 19 - 30 years old ● Liquid Strangers Concert ● Webster Hall ● New York City ● High Volume/ Hard to hear people talking Design for Smartphones and iPads | Emily Zotto
  • 3.
    Photo Journal Design forSmartphones and iPads | Emily Zotto
  • 4.
    Photo Journal Design forSmartphones and iPads | Emily Zotto
  • 5.
    Photo Journal Design forSmartphones and iPads | Emily Zotto
  • 6.
    Observation Summary ● Phonehas limited data and storage capacity ● Usage of Instagram livestream, Snapchat and Facetime ● People dancing and not recording at some points ● Lots of visits to bathroom and bar ● Audience members recording non stop Design for Smartphones and iPads | Emily Zotto
  • 7.
    Unmet Needs ● Recordingvideo versus live streaming it ● Social media platform specific for event ● Sharing hub for concert content ● The inability to record concert in its entirety Design for Smartphones and iPads | Emily Zotto
  • 8.
    Application Concept ● Videosharing app for specific venues and dates so that a specific audience can all share their content from that show and download it. Ticket verification needed so only people from that show have access to downloading the video taken from that specific night. Design for Smartphones and iPads | Emily Zotto
  • 9.
    Naming Process Concert Share Tour Design forSmartphones and iPads | Emily Zotto ConTor
  • 10.
    Ideation Session Design forSmartphones and iPads | Emily Zotto
  • 11.
    Ideation Session Design forSmartphones and iPads | Emily Zotto
  • 12.
    Ideation Session Design forSmartphones and iPads | Emily Zotto
  • 13.
    ● Filter contentfor quality ● Hierarchy for valued users ● Concert history stored on your account ● Block against spam ● Better content, users get a better rating ● Verified access to hashtag instead of a server ● Location verification needed ● Ability to use QR code to access private hashtag ● Hashtag only visible to verified people ● Livestream accessible to select contacts if user wishes Design for Smartphones and iPads | Emily Zotto Ideation Session
  • 14.
    Digital Footprint Considerations SensitiveInformation known by app: ● Location information ● Contacts and friends ● Music preferences ● Name may be linked due to verification code from ticket Design for Smartphones and iPads | Emily Zotto
  • 15.
    Digital Footprint Considerations Pros: ●Concerts you like can be targeted to you ● Friends could receive ads for concerts they viewed through this app ● Concerts near you could be advertised to you due to location data shared Cons: ● Information such as your name and city you live in could be compromised ● People you associate with could be known to third parties Design for Smartphones and iPads | Emily Zotto
  • 16.
    App Research: Trebel Trebelis a music sharing app Design for Smartphones and iPads | Emily Zotto First page of app asks you to sign up or sign in to your account The next page has a get started button to press Genres are listed in the next screen for you to pick from Once you click a genre, you can pick artists from that genre to list to A playlist is then shown after choosing an artist. You are able to download the music from here.
  • 17.
    App Research: Spotify Spotifyis a music sharing app Design for Smartphones and iPads | Emily Zotto Search tab to look for a specific song,artist, or genre Genre page which contains artists under that genre Top hits grouped together in a playlist Artist chosen from Today’s Top Hits list Artist that was included in the prior playlist
  • 18.
    App Research: Pandora Pandorais a music sharing app Design for Smartphones and iPads | Emily Zotto First page of app contains different tabs to explore pertaining to finding music suited for your tastes Search tab allows you to search for specific songs,artists,albums,pl aylists and podcasts As you start typing, suggestions appear for artists. Songs by the artist you have searched for appear once you click on an artist in the search tab Your “For You” tab consists of artists you like as well as suggestions based on what music you listen to
  • 19.
    Logo Inspiration Design forSmartphones and iPads | Emily Zotto Concert Share Tour
  • 20.
    Logo Sketches andDraft Slide Design for Smartphones and iPads | Emily Zotto
  • 21.
    Logo + Logotype Designfor Smartphones and iPads | Emily Zotto
  • 22.
    Home Screen ● Sectionto enter info on show ● Enter name, location to verify, name of show ● Qr scanner option ● Enter button at bottom to enter the private page for verified concert goers only Design for Smartphones and iPads | Emily Zotto
  • 23.
    Picture/Video Sharing Screen ●Grid of photos and videos shared within this venue at this show ● Higher rated content found at top ● Scroll down the page for lesser rated content ● Ability to download any photo/video shared on this page freely to device ● Button to livestream or take photo/video Design for Smartphones and iPads | Emily Zotto
  • 24.
    Photo/Video/Livestream Screen ● Therewill be a slide feature to switch from photo/video or livestream mode ● Within livestream mode: Place to enter phone numbers to invite contacts to view Bubbles displaying the contact’s initials or picture to identify which contact is viewing Design for Smartphones and iPads | Emily Zotto
  • 25.
    User Scenario Visualization Designfor Smartphones and iPads | Emily Zotto Emily goes to a concert and wants to take videos and pictures and share her concert experience Photo: https://www.shutterstock.com/video/clip-17451310-girl-capturing-concert-smartphone-large-group-happy
  • 26.
    User Scenario Visualization Designfor Smartphones and iPads | Emily Zotto Emily goes to a concert and wants to take videos and pictures and share her concert experience Emily goes to take video of the concert but has a bad angle of the stage Photo: https://blog.ticketmaster.com/survive-concert-without-looking-phone/
  • 27.
    User Scenario Visualization Designfor Smartphones and iPads | Emily Zotto Emily goes to a concert and wants to take videos and pictures and share her concert experience Emily downloads ConTor and is able to download high quality photos and videos of the concert Emily downloads ConTor And is able to get high quality pictures and video of the concert Photo: https://www.freepik.com/premium-photo/hands-holding-mobile-phone-records-colorful-live-concert-with-blank-white-screen_6981748.htm
  • 28.
    Wireframes Design for Smartphonesand iPads | Emily Zotto Splash Screen Home Screen Photo Viewing Screen
  • 29.
    Wireframes Design for Smartphonesand iPads | Emily Zotto Photo Taking Screen Live Streaming Screen
  • 30.
    Splash Screen Design Designfor Smartphones and iPads | Emily Zotto