iphone app ux review: ny times vs. usa today

26
1 New York Times vs. USA Today: iPhone App UX Review Suzanne Ginsburg, Principal [email protected] @suzanneginsburg Thursday, July 2, 2009

Upload: ginsburg-design

Post on 28-Jan-2015

107 views

Category:

Design


1 download

DESCRIPTION

Comparison of iPhone news apps: NY Times and USA Today.

TRANSCRIPT

Page 1: iPhone App UX Review: NY Times vs. USA Today

1

New York Times vs. USA Today:

iPhone App UX Review

Suzanne Ginsburg, [email protected]@suzanneginsburg

Thursday, July 2, 2009

Page 2: iPhone App UX Review: NY Times vs. USA Today

2

Thanks for your interest!

Please switch to full-screen view for optimal viewing.

Thursday, July 2, 2009

Page 3: iPhone App UX Review: NY Times vs. USA Today

UX Review Goals

• Review design strategies & patterns emerging in the iPhone News app space.

• Suggest which of the above are working well & which could use improvement.

• The goal is not to suggest that one app is better than the other.

3

Thursday, July 2, 2009

Page 4: iPhone App UX Review: NY Times vs. USA Today

Brief app intros

4

Thursday, July 2, 2009

Page 5: iPhone App UX Review: NY Times vs. USA Today

• First print issue published in 1851.

• Web site launched in 1996.

• First iPhone app in July 2008.

• Version 2.1 is included in this review.

• Ranked #1 in App Store News

category as of July 1, 2009.

5

The New York Times

Thursday, July 2, 2009

Page 6: iPhone App UX Review: NY Times vs. USA Today

• First print issue published in 1982.

• Web site launched in 1995.

• First iPhone app in December 2008.

• Version 1.1 is included in this review.

• Ranked #3 in App Store News

category as of July 1, 2009.

6

USA Today

Thursday, July 2, 2009

Page 7: iPhone App UX Review: NY Times vs. USA Today

UX Review

7

Thursday, July 2, 2009

Page 8: iPhone App UX Review: NY Times vs. USA Today

8

Content & Navigation

Category navigation closely mirrors sections on web site. Content

primarily accessed via filters (latest, popular) Full list of sections hidden in “More” tab.

Thursday, July 2, 2009

Page 9: iPhone App UX Review: NY Times vs. USA Today

9

Compact design allows display of section name & weather.

Header & Footer

Refresh and last update at top.

“Info” link, last update, & refresh at bottom.

Thursday, July 2, 2009

Page 10: iPhone App UX Review: NY Times vs. USA Today

10

List View

Images slightly larger. Headlines in blue like web site.

USA Today shows three headlines; NY Times almost four.

Prominent ad gets in the way of last headline.

Thursday, July 2, 2009

Page 11: iPhone App UX Review: NY Times vs. USA Today

11

Article View (with photo)

Beautiful image but where’s the article?

Enables navigation to other items in list view.

Ability to resize text & save article.

Blue plus sign shows overlay with larger photo

Compact ad format & placement doesn’t get in way of article.

Article text takes center stage in this design.

Thursday, July 2, 2009

Page 12: iPhone App UX Review: NY Times vs. USA Today

12

Article View (no photo)

The differences are less striking when no photo present.

Thursday, July 2, 2009

Page 13: iPhone App UX Review: NY Times vs. USA Today

13

Photos (Grid View)

Photos are organized by category. Clicking category will open up pane.

NY Times uses same grid structure as built-in Photos app.

Thursday, July 2, 2009

Page 14: iPhone App UX Review: NY Times vs. USA Today

14

Photos (Detail View)

USA Today presents photos in slideshow format.

NY Times uses Photos grid to navigate to stories.

Thursday, July 2, 2009

Page 15: iPhone App UX Review: NY Times vs. USA Today

15

Sharing

Clearly many more sharing options on USA Today.

Both apps take the user out of context when sharing via email.

Update for 3.0, we hope!

Thursday, July 2, 2009

Page 16: iPhone App UX Review: NY Times vs. USA Today

16

Visual Design

USA Today uses the same color coding from their web site.

Thursday, July 2, 2009

Page 17: iPhone App UX Review: NY Times vs. USA Today

17

More USA Today Screens

“Snapshots” includes trivia & polls, perfect for the mobile user with a few minutes to spare.

Wide range of options for sharing via Twitter:

Twitterific Tweetie TwitterFonTwittelator

Thursday, July 2, 2009

Page 18: iPhone App UX Review: NY Times vs. USA Today

18

More NY Times Screens

NY Times has a search feature that’s accessible at all times via the tab bar.

Users can also save articles for viewing later.

Thursday, July 2, 2009

Page 19: iPhone App UX Review: NY Times vs. USA Today

Recommendations

19

Thursday, July 2, 2009

Page 20: iPhone App UX Review: NY Times vs. USA Today

Recommendations

# 1 Don’t hide valuable content in “More” tab

The NY Times has a lot of rich content in “More” but the user will never see it unless they click on that tab.

NYT could take an approach similar to USA Today (categories at top) or allow the user to customize which sections are shown, as done on AP News.

20

AP Customize screen

Thursday, July 2, 2009

Page 21: iPhone App UX Review: NY Times vs. USA Today

Recommendations

# 2 Make personalization easy & transparent to users

USA Today asked to use my current location but NY is still my “favorite” location.

Apps should have a clear strategy with regard to user-provided & GPS-provided info for personalization.

21

USA Today weather (defaults to Favorite pane)

Thursday, July 2, 2009

Page 22: iPhone App UX Review: NY Times vs. USA Today

Recommendations

# 3 Balance the display of images and text

Images for NY Times articles can take up an entire screen, getting in the way of the user’s primary goal: to read the article.

In contrast, USA Today allows users to view a larger version as needed. Note the NY Times image size works well for a slideshow view.

22

USA Today provides overlay for larger image view

Thursday, July 2, 2009

Page 23: iPhone App UX Review: NY Times vs. USA Today

Recommendations

# 4 Keep form factor consistent throughout app

NY Times byline search results leads to a page that’s not formatted for the iPhone environment. Ideally, this search result should be the same as the app wide search result.

23

NY Times has 2 search result formats--the one in front is better

Thursday, July 2, 2009

Page 24: iPhone App UX Review: NY Times vs. USA Today

Recommendations

# 5 Keep the user within context as much as possible

Both applications take the user out of context when sharing articles via email, Twitter, etc.

This may change once both apps upgrade to OS 3.0.

24

Whole Food share via email keeps user within context

Thursday, July 2, 2009

Page 25: iPhone App UX Review: NY Times vs. USA Today

Thanks for viewing!

• That’s all for now!

• There are many other notable design details but I’d like to keep these reviews to under 25 slides. If there’s interest I may expand future reviews.

• Suggestions for future reviews are welcome. Please send email to [email protected]

25

Thursday, July 2, 2009