Kaleva tablet newspaper (product planned) Evaluation and trial of

Transcription

Kaleva tablet newspaper (product planned) Evaluation and trial of
D 1.1.1.1A Creating new media concepts for tablets
Kaleva tablet newspaper
(product planned)
Evaluation and trial of the new concept
and its usability
Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Deliverable description
KALEVA, the largest newspaper in the northern Finland and seventh largest overall, started
developing a tablet magazine at the beginning of 2013 to attract new readers for the paper
content. The development has been done in close co-operation with Aalto ARTS within the
NextMedia program. In this deliverable, the different stages of the co-operation are
presented.
At Aalto ARTS, we have been advocating for an agile product development, meaning that
the product development is an ongoing and iterative process where it is evaluated from the
early stages to product launch and beyond. We were (and still are) involved from the
planning stage to prototyping. It is important for the decision makers to see concrete alternatives of the product in the early stages of the development process.
Our involvement begun in the early stage by consulting about possible options in content
platforms. The most notable contribution from ARTS, which is also presented in this
deliverable, was the layout for the new newspaper. The layout was chosen among lay-out
proposals from Publication Design for Emerging Publishing Platforms. It was then refined
and localised into a trial-version for Kaleva by Harri Heikkilä who presented 10.6. in Oulu.
This layout was made into a mock-up prototype by Kaleva, which has been the most recent
step.
D 1.1.1.1 Creating new media concepts for tablets
Trial highlights
Kaleva chose the layout
for their new tablet paper
among courseworks by
Harri Heikkilä’s students.
(Konieczna & Puranen)
Lay-out-option from
Publication Design for
Emerging Publishing
Platforms -course by
Konieczna & Puranen
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Lay-out-option from
Publication Design for
Emerging Publishing
Platforms -course by
Korhonen & Kainiemi
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Lay-out-option from
Publication Design for
Emerging Publishing
Platforms -course by
Korhonen & Kainiemi
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Lay-out-option from
Publication Design for
Emerging Publishing
Platforms -course by
Korhonen & Kainiemi
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Kaleva chose the layout
for their new tablet paper
among course works by
Harri Heikkilä’s students.
This one was chosen for
futher development.
© Lili Köves & Ma Luyi
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Harri Heikkilä made
adjustments to the layout
with Kaleva. For example,
logotype navigational
indicators and color
scheme were redesigned
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Icons etc for interaction
were formatted to suit
better the editorial
requirements.
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Front Page
iPad
iPad
Estuvisu
Ulkomaat
Uutiset
Kotimaa
Taulus
Kultuuri
Urheilui
PAGE 1/3
Artikkeli
Theme
20. 02. 2014
Ulkomaat
Hovioikeus: Otisin asentajat
saavat matkarahansa
iPad
iPad
Artikkeli
Hovioikeus:
Otisin asentajat saavat
matkarahansa
Kultuuri
Omakotitalon ikkunaan
ammuskeltu
Uutiset
Guzenina-Richardson
oikoi puheitaa
Estuvisu
Ulkomaat
Uutiset
Kotimaa
Taulus
Kultuuri
Urheilui
Artikkeli
PAGE 1/3
Theme
20. 02. 2014
Ulkomaat
Kultuuri
Hovioikeus: Otisin asentajat
saavat matkarahansa
Omakotitalon ikkunaan
ammuskeltu
Kootima
Uutiset
Omakotitalon ikkunaan
ammuskeltu
Guzenina-Richardson
oikoi puheitaa
Kootima
Uutiset
Artikkeli
Uutiset
Omakotitalon ikkunaan
ammuskeltu
Guzenina-Richardson
oikoi puheitaan
Hovioikeus:
Otisin asentajat saavat
matkarahansa
Gia que con reius
dolorec taquiam invenet
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Section Page
iPad
iPad
Estuvisu
Ulkomaat
Uutiset
Kotimaa
Taulus
Kultuuri
PAGE 1/2
Urheilui
Theme
Artikkeli
20. 02. 2014
iPad
iPad
Estuvisu
Ulkomaat
Uutiset
Kotimaa
Taulus
Kultuuri
Urheilui
Artikkeli
PAGE 1/3
Theme
20. 02. 2014
Hovioikeus: Otisin asentajat saavat
matkarahansa
Juutalaisvastaisista kirjoituksista kaksi syyttäjällä, kolmas poliisilla.
Jokilaakson poliisi alkoi tutkiaharvinaista rikosepäilyä.
Hovioikeus: Otisin asentajat saavat matkarahansa
Juutalaisvastaisista kirjoituksista kaksi syyttäjällä, kolmas poliisilla. Jokilaakson poliisi alkoi tutkiaharvinaista
rikosepäilyä. Orio mosa qui culpa volo excea sincto eum ipsandi qui dolupta ecaborum.
Omakotitalon
ikkunaan ammuskeltu
Hovioikeus:
Otisin asentajat saavat
Juutalaisvastaisista kirjoituksista kaksi
syyttäjällä, kolmas poliisilla. Jokilaakson
poliisi alkoi tutkiaharvinaista .....
Juutalaisvastaisista kirjoituksista kaksi
syyttäjällä, kolmas poliisilla. Jokilaakson
poliisi alkoi tutkiaharvinaista .....
Omakotitalon
ikkunaan ammuskeltu
Hovioikeus:
Otisin asentajat saavat
Guzenina Richardson
oikoi puheitaan
Guzenina Richardson
oikoi puheitaan
Juutalaisvastaisista kirjoituksista kaksi
syyttäjällä, kolmas poliisilla. Jokilaakson
poliisi alkoi tutkiaharvinaista .....
Juutalaisvastaisista kirjoituksista kaksi
syyttäjällä, kolmas poliisilla. Jokilaakson
poliisi alkoi tutkiaharvinaista .....
Juutalaisvastaisista kirjoituksista kaksi
syyttäjällä, kolmas poliisilla. Jokilaakson
poliisi alkoi tutkiaharvinaista .....
Juutalaisvastaisista kirjoituksista kaksi
syyttäjällä, kolmas poliisilla. Jokilaakson
poliisi alkoi tutkiaharvinaista .....
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Sliding discussion panel
Section Page
iPad
iPad
Kultuuri 1/2
20. 02. 2014
BESSERWISSER KIRJOITTI
12.6.2013 KLO 03:30
”
Hissiasentajat ovat ahneita ay.
iPad
iPad
SUURVISIIRI KIRJOITTI
12.6.2013 KLO 03:38
”
Kultuuri 1/2
20. 02. 2014
Mitä jos jäisit jumiin, kyllä ovat
.
Pudia venient laborunt aliaspit offic tet, quis dignim faceres sectum rae volorer isition sectemp.
Otisin asentajat saavat
matkarahansa
Sananvapaus Tus ullore voluptat quid ut eni volupiciis dolupta quamenditem qui aut Adita que vero de exerum harum illupta core pere
velibus. Mossitem et explit utem evelia simint omnist.
KOLMAS POLIISILLA
S
ananvapaus Tus ullore voluptat quid ut eni volupiciis dolupta quamenditem qui aut Adita que vero de
exerum harum illupta core pere velibus mossitem et explit utem evelia simint omnistr untiost rundit
quisi Pudia venient laborunt aliaspit offic tet, quis dignim faceres sectum rae volorer isition sectemp
orehenis inte licil ilibustiis molorum a voluptat quam, core rerrumquae et esed quam eatur? Nus reri
destias ex es cor alias intem iuntius, consequ odiscit vendae. Nem que volora inullor epudit ullaborest minto
berit ea volorum enisque plaut fugitatectet etur rere volupta spistio. Ut pe pa perferr uptatia exerem eria natur
am si ra que nis sum audio. Et ad quam quaerfe.
Ullitia conessitio volorendi re pra il minullabo. Agnis rem que cus idundi inusdae pra veliqua epedit porrorro
d t i
l tf i
lit t
V l i t tf
it f ii i l t d l
tl
t
Pudia venient laborunt aliaspit offic tet, quis dignim faceres sectum rae volorer isition sectemp.
AAA
Otisin asentajat saavat
matkarahansa
Sananvapaus Tus ullore voluptat quid ut eni volupiciis dolupta quamenditem qui aut Adita que vero de exerum harum illupta core pere
velibus. Mossitem et explit utem evelia simint omnist.
KOLMAS POLIISILLA
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
AAA
Trial highlights
24 Newsfeed
Section Page
iPad
iPad
Kultuuri 1/2
16:40
16:33
16:23
16:21
16:16
16:08
15:51
15:47
15:35
20. 02. 2014
Puolan ympäristöministeriö
kiistää suuren fosforivuodon
Maailman kulttuurineuvosto
palkitsi suomalaisia
iPad
iPad
Törkyisen kalankasvattamon
pyörittäjä tuomittiin terveysrikoksesta
Sade syövytti tien reunan
– Pohjantien liikenne voi
ruuhkautua
Kultuuri 1/2
20. 02. 2014
Iranin tuleva presidentti
lupaa yhteistyötä
Suomalaissirkuksen
katsojaluvut nousivat
viime vuonna
Poliisi käyttää asetta noin
40 kertaa vuodessa
Ruotsin jääkiekkoliiga
Pudia venient laborunt
aliaspit uusi
offic nimi
tet, quis dignim faceres sectum rae volorer isition sectemp.
Elitserienille
Valepoliisit ryöstivät
pariskunnan Oulun
keskustassa
Otisin asentajat saavat
15:29
matkarahansa
listakärkeen 43 vuoden
tauon jälkeen
sulkapallokärki
Sananvapaus
Tus
ullore voluptat quid ut eni volupiciis dolupta quatähtää Rion olympialaisiin
15:18 Suomen
menditem qui aut Adita que vero de exerum harum illupta core pere
velibus. Mossitem et explit utem evelia simint omnist.
KOLMAS POLIISILLA
S
ananvapaus Tus ullore voluptat quid ut eni volupiciis dolupta quamenditem qui aut Adita que vero de
exerum harum illupta core pere velibus mossitem et explit utem evelia simint omnistr untiost rundit
quisi Pudia venient laborunt aliaspit offic tet, quis dignim faceres sectum rae volorer isition sectemp
orehenis inte licil ilibustiis molorum a voluptat quam, core rerrumquae et esed quam eatur? Nus reri
destias ex es cor alias intem iuntius, consequ odiscit vendae. Nem que volora inullor epudit ullaborest minto
berit ea volorum enisque plaut fugitatectet etur rere volupta spistio. Ut pe pa perferr uptatia exerem eria natur
am si ra que nis sum audio. Et ad quam quaerfe.
Ullitia conessitio volorendi re pra il minullabo. Agnis rem que cus idundi inusdae pra veliqua epedit porrorro
d t i
l tf i
lit t
V l i t tf
it f ii i l t d l
tl
t
Pudia venient laborunt aliaspit offic tet, quis dignim faceres sectum rae volorer isition sectemp.
AAA
24h
Otisin asentajat saavat
matkarahansa
Sananvapaus Tus ullore voluptat quid ut eni volupiciis dolupta quamenditem qui aut Adita que vero de exerum harum illupta core pere
velibus. Mossitem et explit utem evelia simint omnist.
KOLMAS POLIISILLA
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
AAA
Trial highlights
Fonts and Colors
Adobe Garamond
ABCDEFGHIJKLMNOPQRSTUV W XYZ
abcdefghijklmnopqrstuvwxyz
iPad
Estuvisu
Ulkomaat
Uutiset
Kotimaa
Taulus
Kultuuri
Urheilui
PAGE 1/3
Artikkeli
Theme
20. 02. 2014
Ulkomaat
Hovioikeus: Otisin asentajat
saavat matkarahansa
Artikkeli
Hovioikeus:
Otisin asentajat saavat
matkarahansa
Kultuuri
Omakotitalon ikkunaan
ammuskeltu
Uutiset
Guzenina-Richardson
oikoi puheitaa
Kootima
Uutiset
Omakotitalon ikkunaan
ammuskeltu
Guzenina-Richardson
oikoi puheitaan
D 1.1.1.1A Kaleva Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
D 1.1.1.1B Creating new media concepts for tablets
Donald Duck Goes Digital in Finland
(beta-version)
Evaluation and trial of the new concept
and its usability
Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Deliverable description
LATAAMO was launched in August 2013 as an iPad-app and as a web app. Through Lataamo,
user gets access for a small monthly fee to the complete archives (some 100 000+ pages) of
digitized Donald Duck magazines. Sanoma Magazine’s Lataamo has been in collaboration with
Aalto ARTS from the spring of 2013 (the Lataamo-project started in autumn 2012).
When Lataamo and Aalto ARTS were introduced to each other, the product was in a prototype
phase, but the collaboration could have been started at an even earlier stage as some decisions
have been already set in stone, but still we managed to get good results during the spring and
summer. Our part of the process consisted of two phases: first we did a heuristic evaluation to
find out possible problems future users could encounter and secondly, we conducted a user
research in Facebook with group on 250 users to elicit user responses of the product and to
build-up methods of co-creation with social media as the base of future project.
Sami Pekkala and Harri Heikkilä did an expert usability evaluation in May 2013. It was reported
to SMF using heuristics for tablet publications created in NextMedia program as a basis for the
usability problem classification. Some parts of this simultaneous trial by Harri Heikkilä and Sami
Pekkala are presented here. Particularly an issue with a model for navigation was pointed out by
us and our suggestion for solving this is pictured in the next slides. We also managed a monthlong social media user research in the summer based on our preliminary findings.
D 1.1.1.1 Creating new media concepts for tablets
Trial highlights
SMF/LATAAMO ASSESSMENT WITH TABLET HEURISTICS
AFFECTED
HEURISTICS
#
SUBSECTION
EXPLANATION/SUGGESTION
SEV.
01
Orientation (U3)
• SENSE OF DIRECTION (ensure existence of the four
positional affordances).
• SENSE OF PLACE (Tell user the length of the story,
and his position in magazine).
When reading a comic, there is no indication of the
length of the story. (Conditional) progress bar with page
numbers (suggestion pic 1) is necessary. It could also serve
as method to move from one page to others. Also a pinch
gesture could reveal all the pages of publication.
3
02
Perceivability (U2)
Flow (UX1
• NATURAL MAPPING (Utilize contrasts and
hierarcies).
• Keep it simple and clean, avoid very noisy and flashy
design and uncalled actions.
The headline in top navigation bar may remain
unnoticed because of the visual richness and larger
headlines below it. Could the top navi be standard iOSbar, which would make the design less noisy? (suggestion
pic 2) Or at least, would the text stand out better in white
and versail?
2
03
Perceivability (U2)
• Affordances should be as self explanatory as
possible.
• AFFORDANCES (Prefer familiar and real-world
metaphors).
There are two menus in service with funny proprietary
symbols, it can be difficult to remember which
functions were where. Emerging design pattern: slider
menu would allow to gather all to one place and add more
possible functions.
3
04
Orientation (U3)
• SENSE OF PLACE (use visual landmarks to create
better “browsability”).
The concept of Etusivu (frontpage) with four swipable
and scrollable parallel frontpages does not form a clear
hierarcy. If all functions would be removed to new slider
menu, it would allow positional dots in left corner of upper
bar to make clear how many windows there are to swipe
3
05
Orientation (U3)
Perceivability (U2)
• SENSE OF PLACE (use visual landmarks to create
better “browsability”).
• NATURAL MAPPING (Utilize contrasts to create
clear hierarcies).
The concept of Etusivu (frontpage) is not clear. If
etusivu is just the first page (not all four) why there is not
guide from other subfrontpages to frontpage? Furthermore
Menu says “Etusivu” (frontpage), but title says “Naurettavan
paljon naurettavaa!”. Should tagline be placed somewhere
in picture and etusivu named etusivu?
06
Touch screen
ergonomics (U1)
• Provide feedback, when necessary
There is no confirmation when deleting ALL comics
from the favorites. User can touch the trash bin button
by accident and its function is not clear.
Add confirmation dialogue window before deleting all
favorites.
07
Flow (UX1)
Consistency (U4)
PICTURE
These are some
2 of the
findings from the heuristic
evaluation we reported to
SMF.
There are five Comic-style fonts in use. Headline,
• Retain wished tonality from start to end.
Lataamo-logotype, Aku Ankka -logotype, placeholder
• Emphasize consistency by making visual cues
(notSami
visiblePekkala,
for customers
usually)
and subheads.
Can
D 1.1.1.1B Lataamo Creating newconsistent
media concepts
for tablets Harri Heikkilä and
Aalto
ARTS
• 1.11.2013
with each other
this variation be reduced? Headline-font is typographically
4
2
06
ergonomics (U1)
Trial highlights
from the favorites. User can touch the trash bin button
by accident and its function is not clear.
Add confirmation dialogue window before deleting all
favorites.
07
Flow (UX1)
Consistency (U4)
• Retain wished tonality from start to end.
• Emphasize consistency by making visual cues
consistent with each other
There are five Comic-style fonts in use. Headline,
Lataamo-logotype, Aku Ankka -logotype, placeholder
(not visible for customers usually) and subheads. Can
this variation be reduced? Headline-font is typographically
lower quality than fon used in placaholder-text.
2
08
Flow (UX1
Perceivability (U2)
Interactivity (X3)
• Do not interrupt reading experience unnecessarily.
• NATURAL MAPPING (make information appear in
natural and logical order).
• Design some level of social interactivity
• Design some level of adaptive interactivity
When reading a comic, user has to go back to the
menu view to find information of the comic.
Add “Info” button to the right corner of the top navigation
bar. This would make it also possible to mark comic as
favourite and share while reading, inside the comic.
2
09
Responsivity (U5)
• Display system status (usually: waiting state)
If page is downloading slowly in publication or there is
connection failure, user is presented with dull grey
page, when trying to swipe Present some ducky
downloading- or/and error symbol.
2
10
Responsivity (U5)
• Display system status (usually: waiting state)
If publication is downloading slowly or there is
connection failure, user is presented with dull black
page. Present some ducky downloading- or/and error
symbol.
3
11
Perceivability (U2)
• AFFORDANCES (Prefer existing design patterns and
platform conventions).
Reading history is not interactive, for no apparanet
reason. Reader should be able to re-open particular story
from Reading history
2
12
Perceivability (U2)
• AFFORDANCES (Prefer existing design patterns and
platform conventions).
Tapping a comic listed in favorites doesn’t open it.
Make the action consistent with the rest of the publication,
i.e. tap = open.
2
13
Consistency (U4)
• Follow design patterns and platform
conventions.
UI doesn’t work in portrait mode. User has to rotate the
device when switching between reading and menus.
Enable both landscape and portrait in every situation.
1
Reading history takes ovet 5 seconds to appear.
During this gtime user is presented with empty page
Present some ducky downloading symbol or make
downloads appear row by row when ready
3
14
Problem list has 20 items
all together
Responsivity (U5)
• Display system status (usually: waiting state)
• Make sure to use content that can give rapid
response to touch
D 1.1.1.1B Lataamo
Creating new
media concepts for tablets Harri Heikkilä and
Sami Pekkala, Aalto ARTS • 1.11.2013
Inside magazine – in landscape-mode – the horizontal
Orientation (U3)
• SENSE OF DIRECTION (ensure existence of the four
swipe produces easily similar outcome as vertical
1
Trial highlights
A closer look on a few
usability problems we
found.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Our suggestion on
how to fix the
problem of sense of
place
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
A closer look on
a few usability
problems we
found.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Our suggestion on
how to fix the
problem.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
A closer look on a
few usability
problems we
found.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Our suggestion on
how to fix the
problem.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
We managed also an online
research community in
Facebook, which we used to
confirm our findings from the
heuristic evaluation.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
The responses to all our
questions were analyzed.
Here, more red the cell, more
liked was the comment.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
The responses to all our
questions were analyzed.
This graph shows the
Here, more red the
cell, of comments from
number
more liked was the
each user.
comment.
D 1.1.1.1B Lataamo Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
D 1.1.1.1C Creating new media concepts for tablets
Lasten Oma Kirjakerho iPad-app
(ready product)
Evaluation and trial of the new concept
and its usability
Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Deliverable description
Lasten Oma Kirjakerho is an established children’s book club by Sanoma Magazines.
Before, the physical books were delivered monthly to the homes, now the service is also
available as an iPad-app. Aalto ARTS has been collaborating with SMF’s LOKDigi from the
beginning of 2013 in the NextMedia program.
Usability evaluation for this product was done by Aalto ARTS when the product was
already on the market, October 2013. The results of the trial are presented in the following
slides. They also demonstrate how the Tablet publication heuristics developed in
NextMedia earlier work in practice.
Evaluation of a product that is already published is not an ideal, since if the product is not
under active development, possible changes are hard to implement. However, LOKidigi
will recreate itself in 2014 as a HTML5-app for the desktop, and this evaluation can benefit
that development from the start – as well as up-coming small updates for the iOS-app.
Another research interest was to modify Tablet publication heuristics to be suitable for
publications intended for children and other special groups. Stricter standards for
legibility, readability and affordances were complied in this evaluation. This work will be
continued in 2014.
D 1.1.1.1 Creating new media concepts for tablets
Trial highlights
LOKDigi ASSESSMENT (22.10.2013) WITH TABLET HEURISTICS (Sami Pekkala)
AFFECTED
HEURISTICS
SUBSECTION
EXPLANATION/SUGGESTION
SEV.
Legibility and
readability (A1)
• Do not use too small text.
Body text is too small for children.
In some books, the body text size seems to be around 9
points, which is too small. Font-size should be much bigger
for children who have just started to read. Enable font-size
adjustment.
3
Orientation (U3)
• SENSE OF PLACE (use visual landmarks to create
better “browsability”).
• SENSE OF OPTIONS (keep the cognitive load on
working memory minimum by showing much
information on the same view)
Too many (nine) separate menu items in the top level
with no guidance.
All menu items could be shown simultaneously on one
screen. (This only looks good when there are 4/9/16...
items.)
2
Guidance (A2)
• Consider animation for special groups.
The connection between the voice-over and the text is
easily lost.
If the progress of the voice-over would be shown on the
text (karaoke-style), it would facilitate reading for young
children.
2
Interestingness,
playfulness,
arousal (X2)
• Utilize possibilities of the platform.
Read books are not indicated.
Upper left corner of the book menu icon is unoccupied, it
could be used to show how many times the book is read.
This would help the children to find unread books and the
count could be interesting for parents, who have to read
certain stories many times.
2
• Do not use too small text.
Book covers are too small.
Use screen real-estate more effectively in the book menu.
The cover images can be scaled 50% bigger, this enables
the reader to see the title without a separate text (which
should be shown in the current version, because some
titles are too small).
2
• Prefer existing design patterns and platform
conventions
Closing the book -function uses arrow indicator, which is
usually dedicated to “Go to previous page” -action
2
Complete
and
assessment Legibility
readability (A1)
overview with 14
sections.
Affordances
(This highlightsreport describes
only the severity
classes 2–3.) Affordances
PICTURE
Using more common x-symbol could serve better the
mental concept of closing a book
• Prefer existing design patterns and platform
conventions
The voice-over symbol state may be hard to understan for
kids, especially if sound is for some reason off.
2
• Unintentional optical illusion
Memory puzzle creates a Hermann grid illusion
(jumping dark spots in the corners of the cards).
Make the contrast between the foreground and
background smaller (approx. same value for lightness L).
1
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
SOLUTION
Trial highlights
Our
suggestion on
how to fix the
problem.
Closing the book
-function uses arrow
indicator, which is
usually dedicated to
“Go to previous page”
-action
Affordances (Prefer
existing design patterns
and platform
conventions).
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
A closer look
on a few
usability
problems we
found.
Trial highlights
A closer look
on a few
usability
problems we
found.
Using more common xsymbol could serve
better the mental
concept of closing a book
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
The voice-over states may
be hard to understand for
kids with these symbols,
especially if sound is off for
some reason.
Affordances (Prefer existing
design patterns and platform
conventions).
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
More self evident
symbol for speak.
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
In some books, the body
text size seems to be
under 10 points, which is
too small. Font-size
should be much bigger
for children who have
just started to read.
Legibility and readability
(A1) Do not use too small
text
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Possibilities: Use
bigger font size,
shorten the text,
enable different
font sizes
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Consider using more
legible fonts. There are
specially designed fonts
for children. Example
here is Sassoon Primary.
Simple, open, warm and
friendly design.
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
The connection
between the voiceover and the text is
easily lost, especially
when multiple
colums are present
Guidance (A2) and
platform conventions).
Consider animation for
special groups.
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
If the progress of
the voice-over
would be shown
on the text
(karaoke-style), it
could facilitate
reading for young
children.
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Too many (nine)
separate menu items in
the top level with no
guidance.
Orientation (U3) Sense of
place (use visual landmarks
to create better
“browsability”).
SENSE OF OPTIONS (keep
the cognitive load on
working memory minimum
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
More menu items,
6 or even 9, could
be shown
simultaneously on
one screen
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Read books are not
indicated.
Interestingness,
playfulness, arousal (X2)
Utilize possibilities of the
platform.
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Upper left corner of the
book menu icon is
unoccupied, it could be
used to show how many
times the book is read.
This would help the
children to find unread
books and the count could
be interesting for parents,
who have to read certain
stories many times.
D 1.1.1.1C LOKDigi Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
D 1.1.1.1D Creating new media concepts for tablets
Nordic e-book stores
(part of the LOKDigi assessment)
Evaluation and trial of the new concept
and its usability
Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Deliverable description
of children’s e-books in Nordic countries was made as a part of the
Lasten Oma Kirjakerho Digi -project with Sanoma Magazines (presented in another deliverable
1.1.1.1C). This study was first part of the collaboration with LOKDigi in the spring 2013. The
survey contains the key characteristics of market leaders from Norway, Sweden, Denmark and
Finland. Also, the shopping experience was examined in each of the online e-book stores.
THIS MARKET SURVEY
Whenever a new product is prepared to be launched on the market, it is important to assess the
market in general and competitors dealing in the same trade. A broad overall picture can be
achieved quickly with a reasonable effort and it helps in the product planning process by giving
a clear summary of the markets for the non-initiated. Second part of the ebook store study was
to analyse the shopping process in each of the stores. This was done to pinpoint deficiencies
that could be avoided when starting a new ebook-selling platform. A fluid shopping process of
e-books in online stores converts site visits to revenue and better customer satisfaction more
effectively.
The trial, which is presented here, shows how the shopping processes were recorded and
analysed. Some key findings are highlighted and explained shortly. This can be seen as a list of
“best practices” for more straightforward shopping experience for customers. The evaluation
was done by Sami Pekkala and it was based on Harri Heikkilä’s earlier work on the same
subject. The overview of the market survey is also presented briefly in the beginning.
D 1.1.1.1 Creating new media concepts for tablets
Trial highlights
Children’s digital bookstores A review of the Nordic market Sami Pekkala, SMF/Aalto ARTS, NextMedia 2013
Bookstore
Country
URL for children’s e-books
Screenshot from frontpage
Tagline
Description in their own words
For children only?
E-books only?
E-books for children?
Format (in the order of prevalence)
App
Sells e-reading devices?
Children’s e-book vs. hard copy: price
Children’s e-book vs. hard copy: cross-reference
Suomalainen
FIN
http://
ekirja.suomalainen.com/
index.php/lastenkirjat.html
Suomalaisen e-Kirjalataamo - Ovi lukemattomiin maailmoihin
Suomalainen.com serves online 24 hours a day. You can order
more than 100 000 domestic and 10 million foreign books in
addition to office supplies, calendars, and other craft products. In
addition, you will find mp3 audio books and e-books.
No
No
Yes, 7
EPUB + DRM
Suomalainen for iOS and Android
Yes
Samsung Galaxy Tab,
Bookeen Cybook Opus,
Sony e-Reader Touch
Edition PRS-650
E-books 15-20€, 1-5€ cheaper than the same title in hard co
(≈ same price with membership, no membership discount fo
books)
No options given to choose e-book from the hard copy’s pag
or vice versa. Suomalainen.com (for hard copies) and
ekirja.suomalainen.com are strictly separated.
Elisa Kirja
FIN
https://kirja.elisa.fi/ekirja/
kategoria/lastenkirjat
Downloadable books that you can read on a tablet, phone,
computer or reading device.
No
Yes
Yes, 130 (of which 40
picture books)
EPUB + DRM/Watermark
Elisa Kirja for iOS and Android
Yes (from Elisa Shopit)
bundled with 10 ebooks
Samsung Galaxy and
Note
No hard copies available
E-books 2-4 € cheaper than in Suomalainen
eLibris Bookshop
FIN
http://www.elibris.fi/
advanced_search_result.ph
p?
kirja4_id=&pfrom=000&pto
=99999&inc_subcat=1&kirj
a3_id=3&categories_id=67
&kirja1_id=&manufacturer
s_id=&x=20&y=5
eLibris bookshop is an online shop specializing in e-books and
audio books. Our selection contains wide range of Finnish and
international books, from classics to the latest bestsellers.
No
Yes
Yes, 17
EPUB (children’s books EPUB
only), MOBI, MSReader, PDF
Yes
Bookeen Odyssey,
Bookeen Cybook Opus,
MReader 601,
Sigmatek EBKT-101,
Sony Reader PRS-T2
No hard copies available
E-books 2-3 € more expensive than in Suomalainen
Ellibs
FIN
http://www.ellibs.com/fi/
node/120339
Ellibs Oy is an e-book sales, marketing and technology company.
Our bookshop’s e-books represent the best international quality.
No
Yes
Yes, 70 (of which 10 for
under 10-year-olds)
EPUB + DRM, PDF + DRM
Bluefire Reader for iOS and
Android
No
No hard copies available
E-books around the same price than in Suomalainen
Bokborgen
SWE
http://www.bokborgen.se/
c/barn-ungdom
Swedish audiobooks and eBooks for iPad, iPhone and Android.
Here you can find Swedish e-books and audio books for your iPad,
iPhone, iPod, Android, Kindle, or computer. Our selection is
growing every day and new titles and new editions of classic
books are added all the time. Read an e-book too!
No
Yes
Yes, 887 (children and
youth)
EPUB + DRM/Watermark, PDF,
MOBI, MSReader
No
No hard copies available
Children’s and youth’s e-books highest price 15 €, most are 8
€
Dito
SWE
https://dito.se/e-bok/k/
1/barn-ungdom
Chosen as Sweden's best service for e-books
No
EPUB + DRM/Watermark, PDF +
Yes
No hard copies available
First, some general notes,
like the e-book formats,
were gathered from each
of the online e-book stores
chosen for comparison.
Watermark
Reader PRS-T2
Children’s and youth’s e-books highest price 16 €, most are 8
D 1.1.1.1D LOKDigi: E-book stores Creating new media concepts for tabletsYes
and
Sami Pekkala, Sony
Aalto
ARTS • 1.11.2013
Yes,Harri
? (ChildrenHeikkilä
and youth
Dito
for iOS
€
in the same category, but
Trial highlights
1. Find all children’s ebooks
2. Choose bestseller or cheapest e-book in ePUB-format and
in native language
3. Add to basket and check out
4. Sign in (registration done beforehand)
5. Proceed (choose payment method, delivery address?, and
confirm order)
6. Payment (enter card information)
7. Receive confirmation (and possibly a download link)
Suomalainen
13 transitions
Extra confirmation
Securecode
Elisa Kirja
11 transitions
Unnecessary link to log in
eLibris
16 transitions
No sort by price
Download not shown (0e)
Filter by language to show Finnish
only
No instructions to check e-mail for
download link
Ellibs
17 transitions
Bokborgen
9 transitions
Unnecessary step in sorting
No shopping cart or separate log in
-window. Only e-mail is asked.
Dito
10 transitions
Sorted by default according to sells
Currency conversion
No shopping cart
Download link hard to find (My Account -> Order History)
The the shopping process
of a single children’s ebook was recorded from
each store. As a result, this
table of the phases of the
shopping process was
created. (High-res)
5. Download file to computer (end of purchase process)
My library
Delay in download link to appear
Instructions on e-reading
URLLink.acsm
No delay in providing the downloaD
LINK
Securecode
Muntligt
9 transitions
Adlibris
13 transitions
Digitalbok
13 transitions
“Barnböcker shows only e-books for
0-3 year-olds
“Children and youth” is found under
the shortcut categories
Bestsellers shown in a sidebar
Securecode
No sorting available -> unable to
fulfill the premise properly
Children’s books under “Teenagers
& Youth”
No sorting available -> unable to fulfill
the premise properly
Ordering information form doesn’t fit
on one screen
No sorting by price
Unnecessary step, log in -form
could’ve been in the previous step
Sorted by default
Poorly highlighted “Log in here”
button
Saxo
11 transitions
Amazon
8 transitions
No indication where to find the
download link
Third screen saying the same thing
Unnecessary step logging in
Form doesn’t fit on screen, but there
is a button on the top right corner.
Payment method can not be chosen
Download link is found from “My account” and under “E-book purchases”
Choose a file format
Download link could’ve been placed
here to save a step
It is notified, that a download link can
be found from e-mail
Download link from e-mail
Best very best of the
stores was Amazon with 8
transitions. Transitions
over dozen could be
considered as a design
flaw Aalto ARTS • 1.11.2013
D 1.1.1.1D LOKDigi: E-book stores Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala,
Unclear which is the most popular
E-book opens in Kindle Cloud online
reader
Preview
Trial highlights
Highlighting some
findings by taking a
closer look at
Suomalainen’s ebook store.
1. Find all children’s ebooks
2. Choose bestseller or cheapest e-book in ePUB-format and
in native language
3. Add to basket and check out
Suomalainen
13 transitions
Elisa Kirja
Starting from the
online e-book store’s
landing page, we can
see that all the
children’s books can
be found with one
click.
Books are sorted alphabetically by
default (works only if you have
small amount of books, like here) so
they have to be sorted again
according to the task.
The book has to be
added to a shopping
basket before
checking out. This
step could be skipped,
for customers don’t
usually buy large
amounts of books at a
time.
D 1.1.1.1D LOKDigi: E-book stores Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
4. Sign in (registration done beforehand)
5. Proceed (choose payment method, delivery address?, and
confirm order)
Extra confirmation
After signing in, the
“checkout” action has
to be performed
again. This could have
been avoided by
going straight to Step
5.
The choosing of payment methods,
filling in other information and
proceed-action could have all been
done in a single screen.
6. Payment (enter card information)
Securecode
Paying with credit
card requires a
“securecode”.
Increases the security
of the purchase, but is
it really necessary in
small purchases?
D 1.1.1.1D LOKDigi: E-book stores Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
7. Receive confirmation (and possibly a download link)
A download link is received after
the purchase.
5. Download file to computer (end of purchase process)
In some stores, the download link
had to be retrieved from an e-mail.
D 1.1.1.1D LOKDigi: E-book stores Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
My library
Preview
Whether or not the store
offered a preview or a “My
library”, a virtual book shelf
of one’s purchases, was also
recorded. Suomalainen
lacked a preview, which can
be considered as a major
deficit.
D 1.1.1.1D LOKDigi: E-book stores Creating new media concepts for tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
D 1.1.1.2A Visuality and Usability in tablets
HBL+ tablet magazine
(ready product)
Evaluation and trial of
visuality and usability
Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Deliverable description
HBL+, a weekly iPad magazine from KSF-media containing materials from several daily newspapers,
has been developed for two years in Next Media with the help of Media Concepts Research group at
Aalto ARTS. In 2013, we have evaluated the product and suggested some improvements based on
reader surveys, tests and interviews.
The product has been available for the public for a year, but an ongoing development process is in
progress and this is important especially in digital publishing. The changes in platforms (devices and
operating systems) as well as in the underlying presentation technology (HTML5 in this case) are
constant so the product development needs to be agile.
The next slides show some snapshots of our evaluation of the news magazine. The evaluation was
done simultaneously by Harri Heikkilä and Sami Pekkala during one week in March 2013. The
findings have been reported to KSF-media using heuristics for tablet publishing as a template. In
addition, a survey and interviews of readers and non-readers of HBL+ have been conducted by
Kennet Härmälä in September 2013. According to these results, HBL+ is quite a polished product with
few flaws in the terms of usability and visuality. However, HBL has not been entirely successful in
attracting readers to the magazine. In the interviews people mentioned that they would have surely
subscribed to HBL+ if they had known such a magazine existed.
D 1.1.1.2 Visuality and Usability in tablets
Trial highlights
An overview of the
findings from the
heuristic evaluation.
HBL ASSESSMENT WITH TABLET HEURISTICS
BROKEN HEURISTICS
U2 Perceivability
Are symbols clear enough? Follow real-world conventions
U4 Consistency
Follow and know the design patterns & platform conventions
EXPLANATION
It is unclear what does the middle icon stand for
U4 Consistency
Emphasize consistency by making visual cues consistent to each others.
U3 Orientation
Sense of place. Users must always know where they are
Color is just a decoration, does not serve as a visual cue
of sections, which would help navigation and emphasize
sense of place
U1 Touch screen ergonomics
Has publication been designed for the fingers or for the cursor? Check
the appropriate size and the optimal positioning touch areas (”buttons”).
Info-button in south-west corner remains unnoticed. It is
small and contains quite a short info, so whyt to hide it?
U3 Orientation
Sense of place. Users must always know where they are
U2 Perceivability
If something is clickable, make it look like it, and vice versa.
U3 Orientation
Sense of place. Users must always know where they are and how they
get out and what they can do where they are
It is not obvious how to get back to the main page view
of this interactive page
Year in the black text box acts as an competitor for the
interactive year displayed in right. Would be more clear if
the textbox is simply a legend in bottom of the page
Picture gallery resembles too much separate pages
U4 Consistency
D 1.1.1.2A HBL+
Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Emphasize consistency by making visual cues consistent to each others.
New, solitare and quite unnecessary browsing mode
PICTURE
Trial highlights
U1 Touch screen ergonomics
Has publication been designed for the fingers or for the cursor? Check
the appropriate size and the optimal positioning touch areas (”buttons”).
U3 Orientation
Sense of place. Users must always know where they are
An overview of the
findings from the
heuristic evaluation.
U2 Perceivability
If something is clickable, make it look like it, and vice versa.
U3 Orientation
Sense of place. Users must always know where they are and how they
get out and what they can do where they are
U4 Consistency
Emphasize consistency by making visual cues consistent to each others.
A1 Text
Is the text big enough? Is the font legible (check the x-height)? Is the
contrast of the text to the background sufficient (60%)?
U4 Consistency
Similarity of appearance, location and behavior.
U2 Perceivability
Make it clear where to touch. If something is clickable, make it look like it,
and vice versa.
Info-button in south-west corner remains unnoticed. It is
small and contains quite a short info, so whyt to hide it?
It is not obvious how to get back to the main page view
of this interactive page
Year in the black text box acts as an competitor for the
interactive year displayed in right. Would be more clear if
the textbox is simply a legend in bottom of the page
Picture gallery resembles too much separate pages
New, solitare and quite unnecessary browsing mode
introduced in one page
Light negative text is difficult to read
Same story continues horizontally, where as everywhere
else vertically
Is it really obvious that those symbols are clickable? It
would help if one would be readily active (open), now
lower part of the page is empty when entered.
D 1.1.1.2A HBL+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
?
The function of some of
these icons was unclear.
In the current
version, the buttons
have been changed
into self-explanatory
texts. Still, the tool
bar could be trimmed
a bit (Översikt and
Innehåll serve the
same function,
buttons don’t look
touchable).
D 1.1.1.2A HBL+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Color is just a decoration,
does not serve as a visual
cue of sections, which
would help navigation
and emphasize sense of
place.
The magazine should be
dealt into sections with
colors and section titles
instead of presenting blue,
grey, and purple
navigation bars one after
another.
D 1.1.1.2A HBL+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Changing font-size
requires scrolling to the
beginning of body text. /
Font-size adjustment
should be placed in the
top navigation bar,
where it is always
available.
No indication of
article length.
Especially problem
in long articles. Use
scrollbar to show
progress in the right
edge of the screen.
Unable to swipe article
downwards touching
white area beside the
body text.
Right side of the screen
should be swipable
(where it is easy to reach
with right thumb).
D 1.1.1.2A HBL+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Affordances
are scattered
around the
doorview
D 1.1.1.2A HBL+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Redesigned
proposition
emphasises
natural
hierarchies
D 1.1.1.2A HBL+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
D 1.1.1.2B Visuality and Usability in tablets
MeNaiset Plus
(product launch)
Evaluation and trial of
visuality and usability
Harri Heikkilä, Sami Pekkala and students, Aalto ARTS • 1.11.2013
Deliverable description
Sanoma Magazines launched MeNaiset Plus in April 2013. Previously, the women’s
magazine had been digitally available only as a print-replica. MeNaiset Plus has dedicated
incarnations to both iPad and iPhone making it one of the few magazines in the world
which has a smartphone-version. Aalto ARTS’ course “Publication design for emerging
publishing platforms” taught by Harri Heikkilä had several group work projects on the
product during and after it was launched.
As the publication title branches out to different platforms (print, desktop, tablet,
mobile…), it is increasingly important to maintain the brand’s look and feel in the different
incarnations. Also, small touch-screen products in the case of the iPhone magazine, creates
obstacles to maintain quality of visuality and usability, especially the sense of place. Work
of the students pinpointed these problems and was a valuable resource for SMF.
This trial-deliverable shows some key findings of the students’ tests. The results were
obtained by a usability evaluation of the product on iPad and iPhone. Harri Heikkilä
instructed students prior to the evaluations on the usability problem classification and
reporting. In addition to usability evaluations, the SMF’s magazine ecosystem was
examined and suggestions for improvement were made.
D 1.1.1.2 Visuality and Usability in tablets
Trial highlights
When the digital storefronts of two
publishers are compared, we can see
that only he other presents clearly
what magazines are available for
what devices.
Sanoma Magazines Handheld
Publications Ecosystem (Markku
Luotonen, Ranjit Menon)
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
The subscription of the digital
magazine should be offered by
default (screen on the right),
not hidden in the webpage
(right).
Sanoma Magazines Handheld
Publications Ecosystem (Markku
Luotonen, Ranjit Menon)
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
When the overview of an
article in print and in the
mobile version is compared,
we can see that the mobile
version is monotonic and lacks
visual landmarks.
ME NAISET EXTRA -smart
phone app (Iina Lievonen & Outi
Kainiemi)
The biggest problems with the
Me Naiset mobile magazine
are difficulties with sense of
place and and direction.
ME NAISET EXTRA -smart
phone app (Iina Lievonen & Outi
Kainiemi)
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
Mother brand has to be very
strong in order to make a
successful mobile version,
typography is an essential part
in translating the brand to
mobile.
ME NAISET EXTRA -smart
phone app (Marja Tikka, Terhi
Korhonen, Luyi Ma)
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Trial highlights
SISÄLTÖ
OLENNAISET
PÄÄK.
LUKIJALTA
OHJEET
VALINNAISET
VIIKON TYYLI
SISÄLTÖ
OLENNAISET
PÄÄK.
...
...
5
4
...
23
RUOKA
TV-OHJELMAT
RISTIKKO
HOROSKOOPPI
...
= henkilöjuttu
= ruoka
= elämäntapajuttu /
ilmiöjuttu
= jatkotarina
...
...
5
5
2
HYVÄ FIILIS
...
...
...
...
6
7
4
5
HOROSKOOPPI
RADALLA
VIIKON NIMI
EPÄOLEN.
...
OMA MAINOS
= sisustus
= ns. säläpalsta
12
...
31
...
...
16
...
4
20
...
44
...
...
...
5
7
4
2
Comparison of page charts,
mobile and print
PAGE MAP: MOBILE MAGAZINE (ME NAISET PLUS 15)
ME NAISET EXTRA -smart
phone app (Iina Lievonen ja Outi
Kainiemi )
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
...
16
8
TOIMITUS
AJANKOHT.
RADALLA
EPÄOLENNAISET
PAGE MAP: PRINT MAGAZINE (ME NAISET 15)
TV
TESTI
HYVÄ FIILIS
RUUDUSSA
VALINNAISET
...
5
Trial highlights
PRINT
SMARTPHONE APP
PAGES
108
242
IMAGES IN TOTAL
278
80*
OVER SPREAD IMAGES
2
0
FULL PAGE IMAGES
9
12
PAGES INCLUDING 5 OR MORE IMAGES
(on the phone version 3 or more)
24
7
HORIZONTAL IMAGES
40
8
VERTICAL IMAGES
121
38
STORIES IN TOTAL**
58
21
LONG STORIES
10 (in total 38 pages)
8 (in total 170 pages)
FULL PAGE ADS
26
1 (own ad)
PROFILES
7
5
HEADLINES ON THE COVER
9
3
*web pages not counted **counted also all short stories
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
Comparison of page
charts, mobile and
print
ME NAISET EXTRA
-smart phone app (Iina
Lievonen ja Outi
Kainiemi )
Trial highlights
Comparison of
lay-outs
COVER: PRINT
COVER: MOBILE
D 1.1.1.2B MeNaiset+ Visuality and Usability in tablets Harri Heikkilä and Sami Pekkala, Aalto ARTS • 1.11.2013
ME NAISET EXTRA
-smart phone app (Iina
Lievonen ja Outi
Kainiemi )