Developing an iPad application for the Columbus Dispatch by Diane Rosenstock group research with Kathlen Allen Matthew Pasternack Andrea Pendell Senior Studio class with Prof. Peter Kwok Chan Winter 2010/2011 Visual Communication Design Ohio State University
1 Research 1.1 First Impression 1.2 The Brand 1.3 The Customer 1.4 The Newsmarket
3 4 6 8 11
group research with Kathlen Allen Matthew Pasternack Andrea Pendell
2 Target Group Strategies 2.1 Manage your Day, Manage your News 2.2 Social News-working 2.3 What you’re Looking for, and More 2.4 Like, Share, Get Engaged
19 20 27 34 41
Senior Studio class with Prof. Peter Kwok Chan Winter 2010/2011 Visual Communication Design Ohio State University
3 App Concepts 3.1 Navigation Concepts 3.2 Final Concept
48 49 54
4 Final Design 4.1 Walkthrough
57 58
Developing an iPad application for the Columbus Dispatch by Diane Rosenstock
Research
1 Research 1.1 First Impression
The Newspaper
First page of the Columbus Dispatch when Obama got elected for President
General impression only major columbus newspaper reliable/trusted highlights ohio events not for leisure reading- not very visually interesting and headlines are generally depressing well established targets a more mature audience has a variety of stories and sections (for many different areas of interest) well organized (hierarchy allows for easy navigation and scanability) looks important classic newspaper look and feel Tone Emphasis on local news Tone is less formal Language is more average, not too difficult to read Hold the balance between news and entertainment
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
4
1 Research 1.1 First Impression
The Website
Screenshots of the Dispatch website
too much info up front way too overwhelming not sure where to click hard to navigate ads are too big and distracting front page provides a nice quick read
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
5
1 Research 1.2 The Brand
Some branches of the Dispatch Broadcast Group
Dispatch Broadcast Group History The first issue was published on July 1, 1871. The Columbus Dispatch is the only mainstream daily newspaper in the city since The Columbus Citizen-Journal stopped printing in 1985. The Columbus Dispatch Broadcast Group is privately owned by the Wolfe family. In general the paper has a conservative slant. But more recently, coverage has taken a more leftward tilt (the Dispatch endorsed Democratic gubernatorial candidate Ted Strickland in the 2006 Ohio elections). Circulation: 199,524 Daily, 334,422 Sunday Company The Dispatch Broadcast Group plays an important role for the Columbus news environment. It is represented on the web with several websites, on television and the radio and of course in from of printed magazines and papers.
Websites Dispatch.com BlueJacketsXtra BuckeyeXtra CrewXtra TheBAG Buckeye Sports Page EasyColumbus Dispatch Events OHGetit Dispatch Trips&Tours
Print The Columbus Dispatch Columbus Alive Columbus Dining Guide Columbus Parent Magazine ThisWeek Community Newspapers Fronteras Columbus Capital Style Central Ohio Home and Garden
All branches of the Dispatch Broadcast Group
Television WBNS (10TV) Ohio News Network Radio W97.1 The Fan
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
6
1 Research 1.2 The Brand
The newspaper
Examples of the sections front pages
The Columbus Dispatch is the only local newspaper in the Columbus area, thus the emphasis lies on local news. It’s tone is less formal and it holds the balance between news and entertainment pretty well in order to address a broad audience. The Newspaper is divided into four major sections and the whole structure is pretty simple and straight forward. Also the design is simple and traditional. What is in it for you? Is the Slogan for the Columbus Dispatch and expresses that the paper caters to the many different needs of customers.
LOCAL MATURE
ESTABLISHED CLASSIC
BASIC
RELIABLE
CURRENT UP TO DATE
INFORMATIONAL
TRADITIONAL ORGANIZED
AUTHORITATIVE
STRAIGHT FORWARD UTILITARIAN
GENERAL
HONEST
Wordcloud with keywords that represent the paper
DIVERSE
ACCESSIBLE COMMUNITY
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
NEWS
7
1 Research 1.3 The Customer
Current users of the website and the newspaper Elite Empty Nesters “Newspaper are a great value for the money” older adults – average 63 years mostly women higher education mostly use print/tv for news will pay anything for the news
The different groups of current Dispatch readers visualized in a diagram highlited: Elite Empty Nesters Village Elders Low News Blues
Village Elders “Sunday wouldn’t be Sunday without the paper” older adults – average 53 years women 60%, male 40% not as high education 36% retired mostly use print/tv for news Low News Blues “I would prefer to buy newspaper when I want them” older adults – average 54 years women 45%, male 55% lower education/lower income tv reliant rarely check the internet cupon users
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
8
1 Research 1.3 The Customer
Media Sophisticated “Keeping up with the news and public affairs is a high priority for me” middle aged adults – average 50 years more men than women highly educated full time employees want to know everything right away will pay for any form as long as they can have it
The different groups of current Dispatch readers visualized in a diagram highlited: Media Sophisticated Wired Go-Getters Lunch-Bucket Families
Wired Go-Getters “I prefer the internet as a source of breaking news over other media” younger adults – average 39 years male 63%, women 37% well educated prefer online sources lowest sunday readership don’t want to pay if they can get it for free Lunch-Bucket Families “I want to know about important local news within a couple of hours of when they occur” younger adults – average 36 years 62% women, 38% male not as well educated full time employees average regular internet users would like to stay connected but don’t care enough to keep up with the news Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
9
1 Research 1.3 The Customer
Not About News “I primarily read a daily or Sunday newspaper for the ads” younger adults – average 34 years 58% women, 42% male not as well educated don’t care about news
The different groups of current Dispatch readers visualized in a diagram highlited: Not About News
Opportunity for the iPad The iPad could attract more of the younger users to pay and really use the newspaper. It should still relate to the traditional paper to keep the current middle aged subscribers and be new and modern at the same time. The App gves the opportunity to customize the news and to include multi media usage.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
10
1 Research 1.4 The Newsmarket
Where Americans get their news
78% from a local TV station
different ways in which Americans get their news shown in a diagram
73% national television network
61% online news
54% radio news program at home or in the car 50% local newspaper
17% national newspaper
“Some 46% of Americans say they get news from four to six media platforms on a typical day. Just 7% get their news from a single media platform on a typical day.�
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
11
1 Research 1.4 The Newsmarket
Newspapers in comparison Comparing the content of the four most read newspapers in Columbus we came to the following conclusion;
The four major newspapers in Columbus, Ohio in comparison; The Columbus Dispatch, The Wallstreet Journal, The New York Times and USA Today
The Columbus Dispatch more subjective balance between entertainment and information The Wallstreet Journal objective but left wing very informative and profound The New York Times objective informative USA Today subjective emphasize on entertainment
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
12
1 Research 1.4 The Newsmarket
Positioning of news sources
Positioning of different news sources according to how specialized they are and how they convey their news.
EASY TO UNDERSTAND
In order to get the full view of the news market we looked into several news sources besides traditional newspapers and positioned them according to different aspects. We looked at newspapers, news websites, magazines and news channels on television.
GENERAL
SPECIALIZES
DIFFICULT TO UNDERSTAND
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
13
1 Research 1.4 The Newsmarket
Positioning of different news sources according to their liability.
SUBJECTIVE
QUESTIONABLE
RELIABLE
OBJECTIVE
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
14
1 Research 1.4 The Newsmarket
Positioning of different news sources according to weather their aim is more to entertain or to inform and if they broadcast mainly local or national/international news.
NEWS
NATIONAL AND WORLD
LOCAL
ENTERTAINMENT
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
15
1 Research 1.4 The Newsmarket
Newspaper app benchmarks
Looking into the newspaper app of USA Today
As our goal is creating an app for the Columbus Dispatch we also looked into already existing newspaper apps and filtered out positive features of the three benchmark apps of the Washington Post, The Wallstreet Journal and USA Today. USA Today With the USA Today App you are abale to browse easily through the four sections. Enlarge photos and watch related videos, share stories with friends via email, Twitter, or Facebook. Positive feature Personalized features and preferences
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
16
1 Research 1.4 The Newsmarket
The Wallstreet Journal The paper is updated constantly and features updated coverage throughout the day. Up to seven editions can be downloaded for offline reading.
Looking into the newspaper app of The Wallstreet Journal
Positive feature Trustworthy appearance
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
17
1 Research 1.4 The Newsmarket
The Wallstreet Journal Enables the user to join social media conversations from Twitter and Facebook. The reader can dive deeper into every angle of every story through rich photo galleries and extensive video content.
Looking into the newspaper app of The Washington Post
Positive feature Use social media in a meaningful way
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
18
Target Group Strategies
PHASE 2 2 Target Group Strategies STRATEGY 1 2.1 Manage your Day, Manage your News
MANAGE YOUR DAY, MANAGE The customer profile
Profile of Brian Steele – a fictional person representing a customer targeted by strategy 1
“I like to read the news but I don’t always have time to fit it in. I need a way to fit the news into my life. I want to be able to take the news with me and read it when I can. Like if I start reading an article, I can easily pick it up after a meeting or save it for later. A way to stay connected and save time, a way to get what I need from the news, when I need it.” YOUR NEWS Target Audience: Media Sophisticates name
Brian Steele
age
38
job
architect
household income
$ 75,000
lives
Dublin OH
status
married with 2 kids & a dog
stores
Barnes & Nobles, Trader Joes, Target, Gap, Banna Republic
read
Architect’s Digest, GQ, Esquire, Popular Science
music
The Cure, Kids Music, Bon Jovi, Led Zeppelin
profile
Wakes up at 6am Drinks a cup of coffee & reads the paper for 30 minutes
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
20
2 Target Group Strategies 2.1 Manage your Day, Manage your News
at work at 8:30-9:00 drives to work in a volvo (2003) Listens to Sports & 97.1
Profile of Brian Steele – a fictional person representing a customer targeted by strategy 1
personality easy going needs to manage time well modern/current “The Cool Dad” Free Time: Kids Soccer game OSU Fan Running with the dog news
Speed Reads looks for headlines first more in depth with time Metro & state to keep up with current buildings & development processes
motivation If he doesnt have time to finish an for iPad article - he can finish at work personalized for his wants/needs overlap iPhone usage with iPad eco-friendly new media
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
21
2 Target Group Strategies 2.1 Manage your Day, Manage your News
Attributes for an app Intellectual attributes staying informed and up to date engaged in business world taking control in a convenient way Emotional attributes doesn’t overwhelm his busy schedule gives him confidence in being up-to-date enjoys the news when he wants to Value attributes relate to customers in business world up to date with community understanding business environment /news
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
22
2 Target Group Strategies 2.1 Manage your Day, Manage your News
Benchmark for visual design Apple logical structure and hierarchy clear straightforward clean typography high level overview lots of white space simple traditional The site is logically structured with a clear hierarchy of information with a clean approach
Visual benchmark for this strategy: Apple High level overview
Clear and straightforward
Logical structure Lots of ‘white space’
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
23
2 Target Group Strategies 2.1 Manage your Day, Manage your News
Benchmark for interactive elements iGoogle embedded media tie devices & programs together (example: calendar on iPhone would sync to iPad) archive articles and save them for later bookmarks spots in articles gives a short synopsis with the option to read more updates/alerts him on breaking news
Benchmark for embedded media: iGoogle
Updates/alerts on breaking news
Embedded media
Gives a short synopsis with the opinion to read more
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
24
2 Target Group Strategies 2.1 Manage your Day, Manage your News
Benchmark for content The New York Times website The New York Times online short form articles divided into clear sections speed read section headlines with short descriptions images and video professional
Benchmark for content: The New York Times website
Images and videos
Devided into clear sections
Headlines with short descriptions
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
25
2 Target Group Strategies 2.1 Manage your Day, Manage your News
Brand positioning more like
less like
Positioning of the Dispatch Brand for the app by setting other brands in comparisson
time consumption
content
design presentation
complexity
interactiveness
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
26
2 Target Group Strategies PHASE 2 2.2 Social News-working STRATEGY 1
MANAGE YOUR DAY, MANAGE The customer profile
Profile of Tim Hughes – a fictional person representing a customer targeted by strategy 2
“Reading the news has never been a priority in my life, but every so often it’s important to check in and see what’s going on. If I had it my way, I would turn the news into a social connection where I can share funny stories, hear other people’s opinions, and connect with friends.” YOUR NEWS Target Audience: Wired Go-Getters name
Tim Hughes
age
27
job
electrical engineer
salery
$40,000
lives
Grandview OH
status
single
stores
Target, Giant Eagle, Best Buy
read
Wired, Electronic Blogs, Popular Science – the Online Edition, Google News
music
CD 101, Modest Mouse, The Strokes, Blessed Union of Souls
profile
Doesnt have a regular routine in the morning Reads the news whenever he gets online Starts his job at 9:00 Gets updates on his Android
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
27
2 Target Group Strategies 2.2 Social News-working
personality Reserved at first but outgoing with friends Spends his downtime, playing Call of Duty with his online friends news
Profile of Tim Hughes – a fictional person representing a customer targeted by strategy 2
local news for local community events to get updates on science & technology for OSU Sports updates or the sudoku & crosswords Comics Alive!
motivation inerested in new technology for iPad Loves his phone Has a little extra money Takes it to lunch with him to stay up-to-date To take on roadtrips with friends Takes it when he goes home to his parents house More portable solution to news. He could look through photo galleries & sports videos Connect & Share with his friends through social media on new events, local resturants, local hot spots Send funny stories to his friends
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
28
2 Target Group Strategies 2.2 Social News-working
Attributes for an app Intellectual attributes stays current and in the loop learns more about the Columbus community sees a wide range of different opinions Emotional attributes allows him to share and create his own opinion feels more connected to his friends feels more mature reading the newspaper Value attributes combines all of his interests in one place talks about and share stories through social media keeps up with what his friends are interested in
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
29
2 Target Group Strategies 2.2 Social News-working
Benchmark for visual design Good Magazine modern engaging active fun colorful lots of icons, infograhics and graphic elements
Visual benchmark for this strategy: Good Magazine Fun icons and graphic elements
Use of color adds interest and meaning
Strong imagery
Clean and clear organization
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
30
2 Target Group Strategies 2.2 Social News-working
Benchmark for interactive elements Facebook very centered around social media and sharing aspect embedded videos/photo galleries connected to other sites fun to interact with real time updates “like” “share” “tweet” options
Benchmark for embedded media: Facebook
Can share a variety of media types and sources
See the most recent updates in real time
Comment on what people say and post
Easy to link people to other sites
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
31
2 Target Group Strategies 2.2 Social News-working
Benchmark for content The Onion real time feed Images comments/other’s opinions “cool” news graphics most talked about stories to front blog
Benchmark for content: The Onion
Stories are focused on an opinion
The opinion to share, tweet or like any story
Real time Facebook and Twitter feeds Recommended atories Very prominent visual elements
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
32
2 Target Group Strategies 2.2 Social News-working
Brand positioning more like
less like
Positioning of the Dispatch Brand for the app by setting other brands in comparisson
time consumption
content
design presentation
complexity
interactiveness
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
33
2 Target Group Strategies PHASE 2 2.3 What you’re Looking for, STRATEGY 1 and More
MANAGE YOUR DAY, MANAGE The customer profile
Profile of Joan Roebuck – a fictional person representing a customer targeted by strategy 3
“I mostly use the news to find out about arts and life in Columbus. It’s easy to just read that section in the paper, but sometimes I have to sift through everything else to find what I want, and sometimes I miss things I would have really loved. I want something that does the searching for me. It would be great to have recipes and events already picked YOUR NEWS out for me based on my interests.” Target Audience: Homemaker name age
Joan Roebuck
job
55
household income
$150,000
Executive Secretary
lives status
Upper Arlington OH
stores
married, 3 cildren (out of the house)
read
Nordstrom, Sephora, Whole Foods, Market District, Other local stores
music
Martha Stewart, Vogue, Vanity Fair, The Columbus Dispatch, NY Times Classical Music, Bruce Springsteen
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
34
2 Target Group Strategies 2.3 What you’re Looking for, and More
profile
Wakes up with her husband Read the newspaper at breakfast pilates on Saturdays Shopping on the weekends Hanging out with friends on weekends
Profile of Joan Roebuck – a fictional person representing a customer targeted by strategy 3
personality High Class Stylish/fashionable Has a lot of free time Very Socialable Enjoys gossip Loves to cook in her free time news Wants to know what is on the news for gossip News out of obligation, so she can be up-to-date News for status motivation Can take anywhere for iPad Looks at food & life section Recommends Recepies for her Keep up with local events, local gossip Find out what the “latest & greatest have to have” Can have a newspaper for herself
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
35
2 Target Group Strategies 2.3 What you’re Looking for, and More
Attributes for an app Intellectual attributes keeps her current on Columbus happenings gets innovative and new ideas from the paper Emotional attributes keeps her on the same level as her friends she feels like it is catered to her being a part of/giving back to the community Value attributes gets helpful tips on day to day life gets good conversation starters, as a secretary browsing the ads, for sales and deals
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
36
2 Target Group Strategies 2.3 What you’re Looking for, and More
Benchmark for visual design Oprah magazine clean welcoming feminine colorful well Structured inspirational
Visual benchmark for this strategy: Oprah magazine website
Layout is very clean and well organized
Using “you” and “your” is more personal and welcoming
Use of color and imagery add interest
featured stories and videos
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
37
2 Target Group Strategies 2.3 What you’re Looking for, and More
Benchmark for interactive elements Pandora personalized with interaction picks content for you lets you guide the content with what you like able to archive favorite articles allows you dig deeper into stories
Benchmark for embedded media: Pandora website
Create and save your own station based on your taste
Make it personal by telling it what songs you do and do not like (it remembers your choices!)
Ability to bookmark and share songs
Provides more information about the song you are listening to
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
38
2 Target Group Strategies 2.3 What you’re Looking for, and More
Benchmark for content Real Simple selects content for you grouping content based on similarities a mix of news and entertainment home and life most popular stories approachable
Benchmark for content: Real Simple website
A variety of types of content available
Featured top stories
Fun, smaller articles
Content is very approachable and easy to read
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
39
2 Target Group Strategies 2.3 What you’re Looking for, and More
Brand positioning more like
less like
Positioning of the Dispatch Brand for the app by setting other brands in comparisson
time consumption
content
design presentation
complexity
interactiveness
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Kathlen Allen, Matthew Pasternack, Andrea Pendell, Diane Rosenstock
40
2 Target Group Strategies PHASE 2 2.4 Like, Share, Get Engaged STRATEGY 1
MANAGE YOUR DAY, MANAGE The customer profile “I am new in the business world and want to get fully engaged in the news to be able to form my own opinions. Apart from that I want to stay in contact with my friends. I want to be able to share news with them and to join discussions on topics that interest me. This will help to able to talk about things matter especially with YOURthat NEWS your friends.”
Profile of Danny Garman – a fictional person representing a customer targeted by my final strategy
Target Audience: Homemaker name
Danny Garman
age
26
job
International Business
salery
$60,000
lives
Clintonville, Ohio
status
engaged
stores
Ansons, Banana Republic, Gap, Target, Giant Eagle, Best Buy
read
Architect’s Digest, GQ, Esquire, Google News, Alive
music
The Cure, Bon Jovi, Led Zeppelin, Blessed Union of Souls
profile
Has a regular but flexible daily routine Reads the news before and inbetween work, either on his phone or on the computer
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
41
2 Target Group Strategies 2.4 Like, Share, Get Engaged
personality easy going very ambitious likes to hang out with friends open for new media does a lot of sport in his freetime has a busy day news
is equally interested in local and international news skims the headlines first sometimes has no time to finish an article likes to talk about news with his friends
motivation for iPad
If he doesnt have time to finish an article he can finish it some other time personalized for his wants/needs overlap iPhone usage with iPad Connect & Share with his friends through social media on new events, local resturants, local hot spots Send funny stories to his friends
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
Profile of Danny Garman – a fictional person representing a customer targeted by my final strategy
42
2 Target Group Strategies 2.4 Like, Share, Get Engaged
Attributes for an app Intellectual attributes staying informed and in the loop learns more about the Columbus community sees a wide range of different opinions
Profile of Danny Garman – a fictional person representing a customer targeted by my final strategy
Emotional attributes allows him to share and create his own opinion feels more connected to his friends gives him confidence in being up-to-date enjoys the news when he wants to Value attributes combines all of his interests in one place talks about and share stories through social media keeps up with what his friends are interested in understanding business environment/news
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
43
2 Target Group Strategies 2.4 Like, Share, Get Engaged
Benchmark for viual design USA Today clean well structured good color codind strong branding very consistent
Benchmark for visual design: USA Today app
Top stories are clearly visable
Good color coding
Clean and simple structure
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
44
2 Target Group Strategies 2.4 Like, Share, Get Engaged
Benchmark for interactive elements Facebook very centered around social media and sharing aspect embedded videos/photo galleries connected to other sites fun to interact with real time updates “like” “share” “tweet” options
Benchmark for embedded media: Facebook
Can share a variety of media types and sources
See the most recent updates in real time
Comment on what people say and post
Easy to link people to other sites
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
45
2 Target Group Strategies 2.4 Like, Share, Get Engaged
Benchmark for content The New York Times app reliable traditional structure of a newspaper in depth easy to read
Benchmark for content: The New York Times app
Clear headlines
only one important image Traditional layout of a newspaper
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
46
2 Target Group Strategies 2.4 Like, Share, Get Engaged
Brand positioning more like
less like
Positioning of the Dispatch Brand for the app by setting other brands in comparisson
time consumption
content
design presentation
complexity
interactiveness
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
47
App Concepts
3 App Concepts 3.1 Navigation Concepts
First concept
WORLD
THE COLUMBUS DISPATCH THURSDAY FEBRUARY 17, 2011
A
I had several ideas in how to navigate through the newspaper app. One idea was, to have all articles in the current section to be listed in a bar above. By swiping down you would be able to scroll through the article and still have the bar with all the section’s articles in view. If you swiped to the side you would get to the next section.
BAHRAIN OFFICIAL: CRACKDOWN WAS ‘REGRETTABLE’
UNREST WIDENS IN MIDDLE EAST
Bahrain official: Crackdown was ‘regrettable’
AP Photo/Hasan Jamali By Hadeel Al-Shalchi ASSOCIATED PRESS
MANAMA, Bahrain (AP) -- Troops and tanks locked down the capital of this tiny Gulf kingdom after riot police swinging clubs and firing tear gas smashed into demonstrators, many of them sleeping, in a pre-dawn assault Thursday that uproot-
NORTH KOREA: KIM JON IL ATTAINS NO. 2 POSITION
IRAN SENDING TWO WARSHIPS TO SUEZ CANAL, ISRAEL SAYS
ed their protest camp demanding political change. Medical officials said four people were killed. Hours after the attack on Manama’s main Pearl Square, the military announced a ban on gatherings, saying on state TV that it had “key parts” of the capital under its control. Foreign Minister Khalid Al Khalifa justified the crackdown as necessary because the demonstrators were “polarizing the country and” pushing it to the “brink of the sectarian abyss.” Speaking to reporters after meeting with his Gulf counterparts, he also said the violence was “regrettable.” After several days of holding back, the island nation’s Sunni rulers unleashed a heavy crackdown, trying to stamp out the first anti-government upheaval to reach the Arab states of the Gulf since the uprisings in Tunisia and Egypt. In the surprise assault, police tore down protesters’ tents, beating men and women inside and blasting some with shotgun sprays of birdshot. It was a sign of how deeply the Sunni
MAERSK ALABAMA SENTENCING SOMALI PIRATE
U.S. PROBES KILLING OF AGENT IN MEXICO
monarchy - and other Arab regimes in the Gulf - fear the repercussions of a prolonged wave of protests, led by members of the country’s Shiite majority but also joined by growing numbers of discontented Sunnis. Tiny Bahrain is a pillar of Washington’s military framework in the region. It hosts the U.S. Navy’s 5th Fleet, a critical counterbalance to Iran. Bahrain’s rulers and their Arab allies depict any sign of unrest among their Shiite populations as a move by neighboring Shiite-majority Iran to expand its clout in the region. But the assault may only further enrage protesters, who before the attack had called for large rallies Friday. In the wake of the bloodshed, angry demonstrators chanted “the regime must go,” and burned pictures of King Hamad bin Isa Al Khalifa outside the emergency ward at Salmaniya Medical Complex, the main hospital. “We are even angrier now. They think they can clamp down on us, but they have made us angrier,” Makki Abu Taki, whose son was killed in the assault, shouted in the hospital morgue. “We will take to the WIDGETS MAIN MENU OPTIONS TOOLS BACK
WORLD
THE COLUMBUS DISPATCH THURSDAY FEBRUARY 17, 2011
A
WORLD’S HEADLINES STRIKES, LABOR PROTESTS HOBBLE
METRO
THE COLUMBUS DISPATCH THURSDAY FEBRUARY 17, 2011
B
METRO’S HEADLINES
WORLD’S HEADLINES
EGYPT’S RECOVERY
streets in larger numbers and honor our martyrs. The time for Al Khalifa has ended.” The Obama administration expressed alarm over the violent crackdown. Secretary of State Hillary Rodham Clinton called Bahrain’s foreign minister to register Washington’s “deep concern” and urge restraint. Similar criticism came from Britain and the European Union. Human Rights Watch called on Bahraini authorities to order security forces to stop attacks on peaceful protesters and investigate the deaths. Salmaniya hospital was thrown into chaos by a stream of dozens of wounded from Pearl Square, brought in by ambulances and private cars. At least one of the dead was peppered with bloody holes from pellets fired from police shotguns. Nurses rushed in men and women on stretchers, their heads bleeding, arms in casts, faces bruised. At the entrance, women wrapped in black robes embraced each other and wept. The capital Manama was effectively
COLLECTIVE BARGAINING PROTESTERS
BODY OF MISSING WOMAN FOUND IN MOM’S BASEMENT
Collective bargaining protesters, supporters clash at Statehouse
MAN ARRESTED IN COLUMBUS HOSPITAL IN 1999 GEORGIA KILLING
COCO, PATRIARCH OF ZOO’S ELEPHANTS, DIES AT ‘ABOUT 40’
The spacious Statehouse atrium was packed mostly with public union workers outraged at efforts to end collective bargaining for state workers and significantly weaken the ability for local workers to bargain for their pay, benefits and working conditions. Unions made a strong showing for the bill’s first two hearings, and they were joined today by more than 200 red-shirt clad tea party activists pushing for the bill’s passage. The mix verbally clashed in the Statehouse rotunda, where each side did its best to drown out the other. Meanwhile, the atrium had the feel of a rock concert or an Ohio State football Supporters of Senate Bill 5 rallied outside the Statehouse game, as union supporters cheered loudly when Senate sergeants-at-arms led their By Jim Siegel leaders across the balcony and into the THE COLUMBUS DISPATCH hearing room. More than 50 witnesses are scheduled to More than 3,000 enthusiastic supporters and opponents of the Senates proposed testify today. The first dozen or so will be collective-bargaining overhaul enveloped supporters, and then opponents, including the Statehouse this morning with cheers police, firefighters and Ohio Highway Paof kill the bill and yes on 5, prior to the lat- trol troopers’ union leaders. “This is a true test of democracy,” said est hearing on Senate Bill 5.
TEEN SHOT AT EASTON DIES
If you swipe left or right you can switch between sections
FIREFIGHTER WHO HELPED SHOOTING VICTIM LOSING JOB
Sen. Kevin Bacon, chairman of the committee hearing the bill, during his opening comments. The bill is not an attack on the middle class, public workers or jobs, Mike Wilson, head of the Cincinnati Tea Party, told a crowd gathered outside the Statehouse. “This bill is about math. Government has grown bigger than our taxpayers’ ability to support it.” Rick Barry, a tea party member from Akron, said of public unions: “Their benefits are so much better than mine and their pay is so much better than mine, but they are still crying.” Wearing stickers that read “Taxpayer defender” and holding signs including those that read, “We’re broke. Support SB 5,” tea party activists said they wanted to show lawmakers that while they cannot compete with union numbers, there is support for changing collective-bargaining laws. The group is transitioning from holding politicians accountable to showing support for their actions, said Tom Zawistowski, executive director of he Portage County Tea WIDGETS GO TO OPTIONS TOOLS BACK
If you swipe down you can view the whole article
WOMEN REMAIN AT RISK IN EGYPT
shut down Thursday. For the first time in the crisis, tanks rolled into the streets and military checkpoints were set up as army patrols circulated. The Interior Ministry warned Bahrainis to stay off the streets. Banks and other key institutions did not open, and workers stayed home, unable or to afraid to pass through checkpoints to get to their jobs. Barbed wire and police cars with flashing blue lights encircled Pearl Square, the site of anti-government rallies since Monday. The square was turned into a field of flattened tents and the strewn belongings of the protesters who had camped there pieces of clothing and boxes of food. Banners lay trampled on the ground, littered with broken glass, tear gas canisters and debris. A body covered in a white sheet lay in a pool of blood on the side of a road nearby. Demonstrators had been camping out for days around the landmark square’s 300-foot (90-meter) monument featuring a giant pearl, a testament to the island’s pearl-diving past.
The protesters’ demands have two main objectives: force the ruling Sunni monarchy to give up its control over top government posts and all critical decisions, and address deep grievances held by the country’s majority Shiites who make up 70 percent of Bahrain’s 500,000 citizens but claim they face systematic discrimination and poverty and are effectively blocked from key roles in public service and the military. Shiites have clashed with police before in protests over their complaints. But the growing numbers of Sunnis joining the latest protests have come as a surprise to authorities, said Simon Henderson, a Gulf specialist at the Washington Institute for Near East Policy. “The Sunnis seem to increasingly dislike what is a very paternalistic government,” he said, adding that the crackdown was “symptomatic” of Gulf nations’ response to crises. “As far as the Gulf rulers are concerned there’s only one proper way with this and that is: be tough and be tough early.” The assault came early Thursday with WIDGETS MAIN MENU OPTIONS TOOLS BACK
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
49
3 App Concepts 3.1 Navigation Concepts
Second concept The Second Concept is a variation of the first. The only difference here is, that the headline bar is now on the left hand side and not only shows the headlines but also a short summary of the article and some pictures. By swiping to the sides you get from one section to another
WORLD
THE COLUMBUS DISPATCH TUESDAY FEBRUARY 15, 2011
Bahrain official: Crackdown was ‘regrettable’
Bahrain official: Crackdown was ‘regrettable’
Gerry DiNardo had signed more than the NCAA-allowed 25 recruits that year, and he had 26 on the roster as Aug. 1 approached - the deadline to be down to 25.
BY HADEEL AL-SHALCHI ASSOCIATED PRESS
Unrest widens in middle east Wisconsin coach hasn’t seen anything that backs up claim by Sullinger.
North korea: Kim Jon Il attains No. 2 Position Charge says widow of exWendy’s
MANAMA, Bahrain (AP) -- Troops and tanks locked down the capital of this tiny Gulf kingdom after riot police swinging clubs and firing tear gas smashed into demonstrators, many of them sleeping, in a pre-dawn assault Thursday that uprooted their protest camp demanding political change. Medical officials said four people were killed. Hours after the attack on Manama’s main Pearl Square, the military announced a ban on gatherings, saying on state TV that it had “key parts” of the capital under its control. Foreign Minister Khalid Al Khalifa justified the crackdown as necessary because the demonstrators were “polarizing the country and” pushing it to the “brink of the sectarian abyss.” Speaking to reporters after meeting with his Gulf counterparts, he also said the violence was “regrettable.” After several days of holding back, the
A
island nation’s Sunni rulers unleashed a heavy crackdown, trying to stamp out the first anti-government upheaval to reach the Arab states of the Gulf since the uprisings in Tunisia and Egypt. In the surprise assault, police tore down protesters’ tents, beating men and women inside and blasting some with shotgun sprays of birdshot. It was a sign of how deeply the Sunni monarchy - and other Arab regimes in the Gulf - fear the repercussions of a prolonged wave of protests, led by members of the country’s Shiite majority but also joined by growing numbers of discontented Sunnis. Tiny Bahrain is a pillar of Washington’s military framework in the region. It hosts the U.S. Navy’s 5th Fleet, a critical counterbalance to Iran. Bahrain’s rulers and their Arab allies depict any sign of unrest among their Shiite populations as a move by neighboring Shiite-majority Iran to expand its clout in the region. But the assault may only further enrage protesters, who before the attack had called for large rallies Friday. In the wake of the bloodshed, angry demonstrators chanted “the regime must go,” and burned pictures of King Hamad bin Isa Al Khalifa outside the emergency ward
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
WIDGETS GALLERY OPTIONS TOOLS BACK
OSU SPORTS College Football: Rules on oversigning put Big Ten at a disadvantage
Gerry DiNardo had signed more than the NCAA-allowed 25 recruits that year, and he had 26 on the roster as Aug. 1 approached - the deadline to be down to 25.
No evidence of spitting revealed Wisconsin coach hasn’t seen anything that backs up claim by Sullinger.
Schlichter faces felony theft charge Charge says widow of exWendy’s exec swindled out of $1 million.
THE COLUMBUS DISPATCH TUESDAY FEBRUARY 15, 2011
College Football: Rules on oversigning put Big Ten at a disadvantage BY KEN GORDON THE COLUMBUS DISPATCH
Gerry DiNardo was sweating. It was well into the summer, and the LSU football coach had too many players. He had signed more than the NCAAallowed 25 recruits that year, and he had 26 on the roster as Aug. 1 approached the deadline to be down to 25. “I had signed a player whose dad had played at LSU,” DiNardo said. “I was going to go to him and say, ‘Look, I screwed up, it’s my fault. We can have your son enroll in January or can you pay for one semester?’ I was really nervous.” Fortunately for DiNardo - and the player - it never came to that. It usually does work out, sometimes mysteriously, in the Southeastern Conference, where oversigning - signing more players than a team can fit - is not only allowable, it’s expected. It’s different for Ohio State and the Big Ten. Some say the conference’s restrictive rules on oversigning put it at a dis-
C
By swiping to the left or right you can switch between sections
advantage, including DiNardo, a former coach in both leagues. Even though the practice has been going on for decades, the discrepancy only recently has begun to attract national attention - and indignation. “At LSU, I could do whatever I wanted,” said DiNardo, now an analyst for the Big Ten Network. “The athletic director trusted me. If I signed 30, he knew I would be at 25 when I had to be. There was always a way to manage to numbers.” Then in 2002, when DiNardo was hired by Indiana, he was in for a shock. The Big Ten had the most restrictive rules against oversigning of all the major conferences. The NCAA allows 85 scholarship players. DiNardo found that he could sign only the number of players that would bring him to 85. Not only that - he could offer only 20 scholarships. What that meant was that if any of the 20 players he offered went elsewhere, he was short of 85 that season. “The Big Ten puts itself at a competitive disadvantage,” DiNardo said. “You would never be at 85. When I got to Indiana, the numbers were awful. We had 50-some players on scholarships. My only chance to catch up was to oversign.” WIDGETS GALLERY OPTIONS TOOLS BACK
50
3 App Concepts 3.1 Navigation Concepts
Third concept In this concept the reader can swipe through overview pages of all the articles in a section. If you tap on a headline you will view the full article. Each article page shows comments right away.
WORLD
THE COLUMBUS DISPATCH THURSDAY FEBRUARY 17, 2011
Bahrain official: Crackdown was ‘regrettable’
Iran sending two warships to Suez Canal, Israel says
Gerry DiNardo had signed more than the NCAA-allowed 25 recruits that year, and he had 26 on the roster as Aug. 1 approached - the deadline to be down to 25.
Ohio State hits Perdue with an onslaught of three-point shots and is
Maersk Alabama sentencing Somali pirate “A lot of people think it’s just my opinion, but when I speak, I speak for the majority of this team.”
A
Syracuse loses third straight Syracuse dropped two straight last night in a Big East game. It’s the Orange’s traight loss.
Strikes, labor protests hobble Jack Gibbs scored 30 points and Matt Rhodes added 25, and host Westerville North held off a late comeback bid to beat Westerville Central 77–70 in an Ohio Capital Conference Division game.
OSU SPORTS College Football: Rules on oversigning put Big Ten at a disadvantage Gerry DiNardo had signed more than the NCAA-allowed 25 recruits that year, and he had 26 on the roster as Aug. 1 approached - the deadline to be down to 25.
THE COLUMBUS DISPATCH TUESDAY FEBRUARY 15, 2011
C
Rout leaves no doubts
Syracuse loses third straight
Ohio State hits Perdue with an onslaught of three-point shots and is never threatened.
Syracuse dropped two straight last night in a Big East game. It’s the Orange’s traight loss.
These are the section overviews. By swiping to the sides you can switch sections.
Westervill North tops crosstown rival Central Jack Gibbs scored 30 points and Matt Rhodes added 25, and host Westerville North held off a late comeback bid to beat Westerville Central 77–70 in an Ohio Capital Conference Division game.
2 – 0 defecit takes its toll Ward’s words go a long way Unrest widens in middle east
No evidence of spitting revealed
Wisconsin coach hasn’t seen anything that backs up claim by Sullinger.
North korea: Kim Jon Il attains no. 2 Position Charge says widow of exWendy’s exec swindled out of $1 million.
Wisconsin coach hasn’t seen anything that backs up claim by Sullinger.
U.S. probes killing of agent in Mexico Cunningham was elected by the Crew in the December re-entry draft after FC Dallas declined to renew his contract.
Egypt’s recovery For the third straight game the Jackets trail by two early, but this time it ends up in a loss.
Schlichter faces felony theft charge Charge says widow of exWendy’s exec swindled out of $1 million.
“A lot of people think it’s just my opinion, but when I speak, I speak for the majority of this team.”
For the third straight game the Jackets trail by two early, but this time it ends up in a loss.
Cunningham makes surprise appearance Cunningham was elected by the Crew in the December re-entry draft after FC Dallas declined to renew his contract. He has so far declined to accept the Crew’s contract offer.
WIDGETS GALLERY OPTIONS TOOLS BACK
WIDGETS GALLERY OPTIONS TOOLS BACK
OSU SPORTS
THE COLUMBUS DISPATCH TUESDAY FEBRUARY 15, 2011
College Football: Rules on oversigning put Big Ten at a disadvantage
C
Tap on an article excerp to view the whole article
COMMENT ANDREA MONDAY, FEBRUARY 14, 12:42 pm
BY KEN GORDON THE COLUMBUS DISPATCH
Gerry DiNardo was sweating. It was well into the summer, and the LSU football coach had too many players. He had signed more than the NCAAallowed 25 recruits that year, and he had 26 on the roster as Aug. 1 approached the deadline to be down to 25. “I had signed a player whose dad had played at LSU,” DiNardo said. “I was going to go to him and say, ‘Look, I screwed up, it’s my fault. We can have your son enroll in January or can you pay for one semester?’ I was really nervous.” Fortunately for DiNardo - and the player - it never came to that. It usually does work out, sometimes mysteriously, in the Southeastern Conference, where oversigning - signing more players than a team can fit - is not only allowable, it’s expected. It’s different for Ohio State and the Big Ten. Some say the conference’s restrictive rules on oversigning put it at a dis-
I think that it is a horrible decision. At worst, there could be a professional style “culling out” of unwanted players to accommodate the chronic oversigning. advantage, including DiNardo, a former coach in both leagues. Even though the practice has been going on for decades, the discrepancy only recently has begun to attract national attention - and indignation. “At LSU, I could do whatever I wanted,” said DiNardo, now an analyst for the Big Ten Network. “The athletic director trusted me. If I signed 30, he knew I would be at 25 when I had to be. There was always a way to manage to numbers.” Then in 2002, when DiNardo was hired by Indiana, he was in for a shock. The Big Ten had the most restrictive rules against oversigning of all the major conferences. The NCAA allows 85 scholarship players. DiNardo found that he could sign
BEN MONDAY, FEBRUARY 14, 10:16 am
The competitive advantage provided by oversigning is one issue. The other is the human side of the practice. YOU SUNDAY, FEBRUARY 13, 07:05 pm
Is it coincidence that the SEC has won the past five national titles, including Auburn last season? ANDREA
WIDGETS GALLERY OPTIONS TOOLS BACK
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
51
3 App Concepts 3.1 Navigation Concepts
Fourth concept The Navigation The fourth concept is a combination of the second and third concept. You first swipe through the sections either to the right or to the left. Here you have all articles of each section on one page. By tapping on an article excerp you get to the full article. These pages consist of three elements – the article in the middle, an article overview on the right and the comments on the left which can be swipes in.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
These are the section overviews. By swiping to the sides you can switch sections.
Tap on an article excerp to view the whole article
52
3 App Concepts 3.1 Navigation Concepts
The three parts I also integrated a gallery and a network. The whole application is now divided into three sections – the paper itself, the gallery with all editions and saved articles and a network in which users can share and send articles, keep track of what their friends read and follow the discussions they got involved in.
Icons for the three parts of the app The galery, the network and the paper
The paper
The gallery
The network
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
53
3 App Concepts 3.2 Final Concept
Final concept At last I tried to take all the best attributes of the several concepts to create a simple app that is well structured and has nearly everything on one page. I maintained the partition of the app into three parts – the paper, the gallery and the network. But now each part is structured the same, which makes it easier for the user to handle the app.
The paper is now called the dispatch
The gallery
The network
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
54
3 App Concepts 3.2 Final Concept
Appearance The look and feel relates a lot to the traditional paper in order to keep credulity and to make it easy for people to make the transition from paper to the tablet. The focus of the paper lies more on the content and less on a f lashy look. Nevertheless, the design has to be attractive as well for younger customers as the strategy mostly addresses a younger crowd. Structure The whole application is divided into three sections – the paper itself, the gallery with all editions and saved articles and a network in which users can share and send articles, keep track of what their friends read and follow the discussions they got involved in.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
The right edges of the paper looks like real newspaper
The font Adobe Garamond Pro shall give the feeling of a traditional newspaper
Colours and patterns make a reliable impression
The top toolbar with all the tools and icons for the three sections The overview header with the sections of the paper to swipe through
The top news recommended articles and recieved articles
55
3 App Concepts 3.2 Final Concept
Bookmark
Bookmarks
If in a hurry you can bookmark any page in order to go back to it whenever you want. It is possible to bookmark only one page. Share
Share options
like recommend Tweet post on Facebook send email send dispatch mail Tools adjust font size search the dispatch for keywords short or long article option save articles Tools
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
56
Final Design
4 Final Design 4.1 Walkthrough
Front page
The loading page and the front pages of different editions
The front page only consists of a headline, a short subtitle and a picture – the top story of the day. By tapping anywhere on the screen the user is directed to the main menu.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
58
4 Final Design 4.1 Walkthrough
The dispatch This is your newspaper. Swipe through the sections in the top overview header and look at the top news of the day, recommended articles of thet edition – either by friends or by every dispatch reader and check up with articles that where sent to you by friends.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
The dispatch – this is your news section
The overview header with the different paper sections; Nation & World Metro & State Sports Life & Arts The top news recommended articles and recieved articles
59
4 Final Design 4.1 Walkthrough
Read an article
Select an article
By tapping the ‘read’ button you see the full article. By swiping to the left you can read further on. The ‘read’ button
The article
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
60
4 Final Design 4.1 Walkthrough
Bookmarks If in a hurry you can bookmark any page in order to go back to it whenever you want. It is possible to bookmark only one page.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
Bookmark an artikle
Bookmark options
61
4 Final Design 4.1 Walkthrough
Sharing options As the app contains a whole network it is possible to share an article in many ways. You can like or recommend an article, comment on it, send it to someone and post it on Twitter or Facebook. If you want to send an article you can choose to send it via regular email or with dispatch mail. This is a mail service you can only share with friends, who also use the Columbus Dispatch App.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
Share an article
Sharing options
62
4 Final Design 4.1 Walkthrough
Send an article with dispatch mail
Send article to a friend
If you send an article to a friend via dispatch mail the article will appear on his or her dispatch front page. You also have to option to add a note. Dispatch mail
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
63
4 Final Design 4.1 Walkthrough
Tools Here you can adjust the text size, search the Dispatch, save articles and choose between a long version of the article and a short version. If you are a fan of the current speed read option of the newspaper you might use this more often.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
Share an article
Tools
64
4 Final Design 4.1 Walkthrough
View comments Via the sharing button you can tap on the option ‘view comments’ and the comments will appear on the bottom right hand side. You can choose to see comments of every app reader or only from friends with the left most button. Swipe down to view older comments.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
View comments
‘comment’ button ‘hide comments’ button ‘everyone’s comments’/ ‘friend’s comments’ button
65
4 Final Design 4.1 Walkthrough
Comment on an article
Comment on an article
By tapping the ‘comment’ button you will be able to post a comment.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
66
4 Final Design 4.1 Walkthrough
The gallery
The gallery
If you tap the gallery button on the top toolbar you get to this page. Similar to the dipatch page you have an overview header where you can either swipe through all previous editions of the dispatch or see all your saved articles.
The overview header with the previous editions or saved articles
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
67
4 Final Design 4.1 Walkthrough
Select a previous edition You can either choose a previous edition of the dispatch through the overview header, where you see the front pages of every edition right away, or you choose the edition with the calendar. No matter how you pick your editions you get the front page and that edition’s to stories right away.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
The gallery
The overview header with the previous editions or saved articles
The calendar Front page of that day’s edition Top news of that day’s edition
68
4 Final Design 4.1 Walkthrough
The network This is the network section. This is where you can keep up with your friend’s activities and review all articles you sent and commented on. The overview header contains four different options. You can see if anyone sent you an article and review which articles you sent to whom. Furthermore you can see how the thread of comments you took part in developed. Did someone comment on your comment? Did you start a heated discussion? And finally you are able to browse articles that people recommend.
The network
The overview header with all your recieved articles, the articles you sent, your comments threads and recommended articles Your friends window Your dispatch
You dispatch is similar to a wall on facebook. This is the way you represent yourself and your reading habits to the dispatch community. People can see whch articles you recommended, on which you commented on an which you sent.
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
69
4 Final Design 4.1 Walkthrough
Edit your profile
Edit your profile
Of course you are able to customize your profile and especially your privacy settings. You always have to option to let everyone, only friends or no one see what you are up to.
edit your profile edit your privacy settings
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
70
4 Final Design 4.1 Walkthrough
Your friend’s dispatch By tapping on any of your friends you can take a look at their dispatch – what articles they recommended, commented on or sent. Find out what your friends find interesting and share views and optinions.
Follow your friend’s reading habits
Follow your thread of comments Andrea’s dispatch
Documentation 2011 Development of an iPad App Prof. Peter Kwok Chang Diane Rosenstock
71