291

Designing an iPad app

  • Upload
    vickyka

  • View
    230

  • Download
    3

Embed Size (px)

DESCRIPTION

An Ipad Application designed to promote Twinings tea.

Citation preview

Page 1: Designing an iPad app
Page 2: Designing an iPad app

akto

αθηναϊκος καλλιτεχνικος τεχνολογικος ομιλος

κλαδος γραφιςτικης

ba (honours) degree in graphic design

middlesex university

διπλωματικη εργαςια

Μελέτη & Σχεδίαση Ψυχαγωγικής - Διαφημιστικής Εφαρμογής για συσκευή Ιpad

ςπουδαςτρια

Βασιλική Ε. Καβαλλάρη

υπευθυνος καθηγητης

Θεμιστοκλής Χαψής

2011-2012

ημερομηνια υποβολης

25 Ιουνίου 2012

Page 3: Designing an iPad app

ερευνα, συγγραφη & σχεδιαση · Βασιλική Ε. Καβαλλάρη · [email protected] υπευθυνοσ καθηγητησ · Θεμιστοκλής Χαψής · [email protected]γραμματοσειρεσ που χρησιμοποιηθηκαν · Centro Serif & Sans Pro της Parachute®προγραμμα σελιδοποιησησ · Adobe Indesign®

© Βασιλική Ε. Καβαλλάρη · 2011 - 2012Πνευματικά Δικαιώματα Κατοχυρωμένα. Επιτρέπεται η αναδημοσίευση τμημάτων της έκδοσης, κατόπιν έγγραφης άδειας και μόνον με αναφορά της πηγής.

Τα πνευματικά δικαιώματα όλων των προϊόντων και εφαρμογών που παρουσιάζονται σε αυτό τον τόμο

ανήκουν στις αντίστοιχες εταιρείες παραγωγής, διάθεσης και στους δημιουργούς τους.

Page 4: Designing an iPad app

| 3 Μελέτη & Σχεδίαση Ψυχαγωγικής / Διαφημιστικής Εφαρμογής για συσκευή Ipad

Μελέτη & Σχεδίαση Ψυχαγωγικής - Διαφημιστικής Εφαρμογής για συσκευή IpadΒασιλική Ε. Καβαλλάρη

Page 5: Designing an iPad app

4 |

Η διπλωματική αυτή απευθύνεται σε όσους

σχεδιαστές θέλουν να ταξιδέψουν στον κόσμο της

διαφήμισης, της επικοινωνίας με τους καταναλωτές

και του σχεδιασμού εφαρμογών μέσω των πιο

σύγχρονων κινητών μέσων. Τέτοια μέσα είναι

συσκευές αφής όπως το Ipod Touch, το Iphone,

το Ipad τα οποία έχουν κερδίσει ένα μεγάλο

κομμάτι της καθημερινότητας πολλών χρηστών.

Καθημερινά, εκατομμύρια άνθρωποι από όλο

τον κόσμο ανεξαρτήτου φύλου, εθνικότητας και

ηλικίας σε οποιοδήποτε χώρο και χρόνο μέσω

αυτών των συσκευών, ενημερώνονται, παίζουν,

ψυχαγωγούνται, μοιράζονται απόψεις και πολλά

άλλα με ένα απλό άγγιγμα ενός κουμπιού. Όλο

αυτό, πρέπει να προκαλεί ενδιαφέρον και σε εμάς

τους σχεδιαστές ώστε να προσαρμόσουμε την

κάθε ιδέα μας, το κάθε επικοινωνιακό μας δίλημμα,

την δημιουργικότητά μας αλλά και την φαντασία

μας στις αυξανόμενες πλέον τεχνολογικές και

καταναλωτικές απαιτήσεις.

Πρόλογος

προλογοσπρολογοσ

Page 6: Designing an iPad app

| 5

Action is the real measure of intelligence“ ”Napoleon Hill

Page 7: Designing an iPad app

6 | Περιεχόμενα

Πρόλογος 04

Εισαγωγή 10

Κεφάλαιο 1 13

1.1 Γνωσιακή Διαδικασία - Μεθοδολογία 14

Κεφάλαιο 2 19

2.1 Έρευνα Σχετικά με την Twinings 20

Κεφάλαιο 3 26

3.1 Στόχοι Εφαρμογής - Καταγραφή Λειτουργιών 27

3.2 Μodules της Εφαρμογής 28

3.3 Έρευνα Παραπλήσιων Εφαρμογών για Ipad 30

3.3.1 Παραδείγματα Εφαρμογών που ξεχώρισαν 31

Κεφάλαιο 4 37

4.1 Flowcharts - Σχεδιαγράμματα 38

4.2 Wireframes 44

4.3 Λογική Σχεδίασης & Προγραμματισμού 48

Κεφάλαιο 5 51

5.1 Prototyping - Clickable demo 52

5.2 User Testing 56

Περιεχόμενα

Page 8: Designing an iPad app

| 7 Περιεχόμενα

Κεφάλαιο 6 61

6.1 Σχεδιαστική Μελέτη Interface Εφαρμογής 62

6.1.1 Portrait & Landscape Mode 63

6.2 Aισθητική και Ύφος του Brand Twinings 64

Κεφάλαιο 7 73

7.1 Αρχικές Σκέψεις 74

7.2 Πρώτο Προσχέδιο 74

7.3 Δεύτερο Προσχέδιο 76

7.4 Τρίτο Προσχεδιο 78

7.5 Τέταρτο Προσχέδιο 80

7.6 Πέμπτο Προσχέδιο 82

7.7 Έκτο Προσχέδιο 84

7.8 Έβδομο Προσχέδιο 86

7.9 Όγδοο Προσχέδιο 88

Κεφάλαιο 8 91

8.1 Σκέψεις για τα Προηγουμενα προσχεδια 92

8.2 Αναζήτηση Ιδεών Σχετικά με το Τσάι 92

8.2.1 Η Ανακάλυψη του Τσαγιού 93

8.2.2 Το Τσάι ως Τελετουργία στην Αγγλία 94

8.2.3 Σε Κάθε Χώρα και ένα Τσάι 94

8.2.4 Afternoon Tea Party 96

8.3 Νέες Ιδέες Γεννιούνται 100

Περιεχόμενα

Page 9: Designing an iPad app

8 | Περιεχόμενα

Περιεχόμενα

8.4 Ένατο Προσχέδιο 100

8.5 Δέκατο Προσχέδιο 102

8.6 Ενδέκατο Προσχέδιο 104

8.7 Δωδέκατο Προσχέδιο 106

8.8 Δέκατο Τρίτο Προσχέδιο 108

8.9 Δέκατο Τέταρτο Προσχέδιο 110

8.9 Δέκατο Πέμπτο Προσχέδιο 112

8.10 Δέκατο Έκτο Προσχέδιο 114

8.11 Τελικές Επιλογές & Συμπεράσματα 116

Κεφάλαιο 9 119

9.1 Λίγα Λόγια για την Συσκευή Ipad 120

9.2 Gestures Εφαρμογής 122

9.3 Τυπογραφία Εφαρμογής 124

9.4 Σχεδίαση Περιβάλλοντος Χρήστη (UI) 126

9.5 Εικονίδιο Εφαρμογής & Ονομασία 130

9.6 Προσδιορισμός Εφαρμογής στο App Store 132

Κεφάλαιο 10 135

10.1 Eπεξήγηση Τελικών Σχεδίων 136

10.2 About Twinings ως Guest 151

10.3 Tea Mood ως Guest 165

10.4 Buy Now ως Guest 176

10.5 Options ως Guest 185

Page 10: Designing an iPad app

| 9 Περιεχόμενα

Περιεχόμενα

10.6 About Twinings ως Εγγεγραμμένος Χρήστης 190

10.7 Tea Mood ως Εγγεγραμμένος Χρήστης 204

10.8 Teaspot 215

10.9 Gifts 223

10.10 Ratea 237

10.11 Buy Now ως Εγγεγραμμένος Χρήστης 244

10.12 Options ως Εγγεγραμμένος Χρήστης 253

10.13 Από Landscape σε Portrait 260

Κεφάλαιο 11 281

11.1 Προώθηση - Διαφήμιση Εφαρμογής 282

Επίλογος 285

Παραθέσεις 286

Βιβλιογραφία 287

Βίντεο 288

Ιστοσελίδες 289

Page 11: Designing an iPad app

10 |

Η διπλωματική αυτή έχει ως θέμα την Μελέτη και

την Σχεδίαση μιας Ψυχαγωγικής / Διαφημιστικής

Εφαρμογής για συσκευή iPad και ανήκει στην

κατηγορία του Digital Application Design. Για μια πιο

σαφή διαφημιστική, επικοινωνιακή και σχεδιαστική

προσέγγιση επιλέχθηκε μια από τις πιο διάσημες

εταιρείες τσαγιού ονόματι Twinings. Η εταιρεία

Twinings εδώ και 300 χρόνια είναι σταθερά

ενταγμένη στην ευρωπαϊκή και όχι μόνο αγορά

με διαφορετικές ιστοσελίδες παγκοσμίως για την

οποία όμως, μέχρι στιγμής δεν έχει σχεδιαστεί μια

εφαρμογή για συσκευές αφής.

Με την ολοκλήρωση της εργασίας αυτής θα

ήθελα να εισαχθώ στον κόσμο των Digital Media,

όσο μπορώ να εκσυγχρονιστώ σχεδιαστικά με

τα νέα τεχνολογικά μέσα και τέλος να μάθω

τον τρόπο προσαρμογής των σχεδιαστικών και

επικοινωνιακών γνώσεων που αποκόμισα στις

αυξανόμενες σύγχρονες απαιτήσεις. Έχοντας την

πεποίθηση ότι η γνώση είναι δύναμη, πιστεύω ότι

οι σχεδιαστές οφείλουν να προσαρμόζονται στα

σημερινά δεδομένα που καθημερινά εξελλίσσονται

Εισαγωγή

εισαγωγη

Page 12: Designing an iPad app

| 11

χωρίς όμως να χάνουν το προσωπικό τους

στοιχείο το οποίο μπορούν πάντα και ανέκαθεν να

βελτιώσουν όλο και περισσότερο. Με αυτόν τον

τρόπο, ως σχεδιαστές θα μπορέσουμε, πέρα από

προσωπικά, να εξελιχθούμε και επαγγελματικά.

Ακριβώς λόγω των παραπάνω σκέψεων επέλεξα

να ασχοληθώ με την σχεδίαση μιας digital media

εφαρμογής η οποία όμως δεν αποκλείει την

δυνατότητα επέκτασής της σε ιστοσελίδα στο

ίντερνετ και γενικότερα σε διαφορετικά μεγέθη

οθονών και τεχνολογικά μέσα. Επίσης, έχοντας

πάντα ένα πάθος για τις νέες και διαφορετικές

τεχνολογίες πολλές φορές με έντονο θαυμασμό

και λίγη ζήλεια αναρωτήθηκα «Πώς κατάφεραν να

το κάνουν αυτό;;;» Ε, λοιπόν μπόρεσα να απαντήσω

σε αυτό το ερώτημα ερευνώντας τον μηχανισμό

λειτουργίας της εφαρμογής που σχεδίασα ενώ

ταυτόχρονα ανέπτυξα καινούριες απορίες για τις

οποίες θα μπορούσαν να γραφούν πολλές άλλες

διπλωματικές.

Εισαγωγή

Page 13: Designing an iPad app

Every discourse, even a poetic or oracular sentence, carries with it a system of rules for producing analogous things and thus an outline of methodology

”Jacques Derrida

Page 14: Designing an iPad app

| 13 Γνωσιακή Διαδικασία / Μεθοδολογία

κεφάλαιο

1

Γνωσιακή ΔιαδικασίαΜεθοδολογία

Page 15: Designing an iPad app

14 |

1.1 γνωσιακη διαδικασια - μεθοδολογια

Ξεκινώντας την διπλωματική αυτή είχα ήδη κάποιες

γενικές σχεδιαστικές γνώσεις ιστοσελιδών τις

οποίες αποκόμισα από την σχολή τις προηγούμενες

χρονιές και ήμουν χρήστης μιας κινητής συσκευής

αφής Iphone 3GS γνωρίζοντας έτσι τις βασικές

λειτουργίες των νέων αυτών τεχνολογιών. Δεν

είχα όμως κάποια ουσιαστική παρελθοντική

εμπειρία σχεδιασμού εφαρμογής για συσκευές

αφής και πόσο μάλλον για την Apple η οποία έχει

συγκεκριμένες απαιτήσεις και κανόνες οι οποίοι

επιβάλλονται στους σχεδιαστές για να γίνει δεκτή η

εφαρμογή στο App Store.

Έπρεπε, να αλλάξω τρόπο σκέψης δίνοντας

έμφαση στις ανάγκες του κάθε χρήστη και στην

χρηστικότητα / λειτουργικότητα της εφαρμογής και

όχι μόνον στην αισθητική που ίσως θα έδινα πριν

ξεκινήσω την διπλωματική αυτή.

Δημιουργούνται έτσι, διάφορα σχεδιαστικά

προβλήματα τα οποία πρέπει να επιλυθούν κατά

την διάρκεια της μελέτης και της δημιουργίας της

εφαρμογής.

Κατά την διάρκεια της σχεδίασης θα πρέπει επίσης

να δοθεί προσοχή σε πρακτικά θέματα όπως τα

χέρια του xρήστη που μπορούν να καλύψουν

κάποια σημεία της οθόνης του Ipad και τις κινήσεις

(gestures) που πρέπει να κάνει για την καλύτερη

λειτουργικότητα της εφαρμογής1.

Γνωσιακή Διαδικασία / Μεθοδολογία

1. Για περισσότερες πληροφορίες βλ. iOS Human Interface Guidelines στην ιστοσελίδα developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html τελευταία είσοδος: 27.5.2012

Η Apple έχει

συγκεκριμένες

απαιτήσεις και

κανόνες οι οποίοι

επιβάλλονται

στους σχεδιαστές

για να γίνει δεκτή

η εφαρμογή στο

App Store

Page 16: Designing an iPad app

| 15

Ο χρήστης:

‣ Έρχεται σε άμεση επαφή με αυτό που θέλει

μόνο με τα δάχτυλά του χωρίς να επιλέγει

pixels μέσω του mouse του.

‣ Μπορεί να βρίσκεται όπου εκείνος επιθυμεί

(στο γραφείο, στο λεωφορείο,

στην κουζίνα κλπ).

‣ Μπορεί να έχει το ipad του σε οποιαδήποτε

σωματική στάση επιθυμεί

(ξαπλωμένος, όρθιος κλπ).

‣ Μπορεί να κρατάει το Ipad του οριζόντια

ή κάθετα αλλάζοντας σε δευτερόλεπτα το

μέγεθος της εφαρμογής.

‣ Πρέπει να νιώθει άνετα στο να χειρίζεται την

εφαρμογή χωρίς να δυσκολεύεται ή να μπαίνει

σε περίπλοκες σκέψεις εφόσον δεν το απαιτεί η

εφαρμογή.

Γνωσιακή Διαδικασία / Μεθοδολογία

Εικόνα 1: To Ipad μπορεί να βρίσκεται οπουδήποτε και σε όποια σωματική στάση επιθυμεί ο χρήστης.

Page 17: Designing an iPad app

16 | Γνωσιακή Διαδικασία / Μεθοδολογία

Αυτές οι διαφορετικές καταστάσεις αναπτύσσουν

περισσότερα σχεδιαστικά ερωτήματα δίνοντας

πάντα προτεραιότητα στις ανάγκες του χρήστη.

Έτσι, έμαθα να φτιάχνω αναλυτικά σχεδιαγράμματα,

flowcharts και wireframes πρωτού καν σχεδιαστεί

πλήρως η εφαρμογή αναλύοντας τα βήματα που

κάνει ο χρήστης σε κάθε περίπτωση από την

πρώτη στιγμή που εισέρχεται στην εφαρμογή

μέχρι και την τελευταία. Με αυτόν τον τρόπο

μπορούν να αποφευχθούν λάθη τα οποία μπορούν

να διορθωθούν στα τελικά σχέδια με δυσκολία.

Για την δημιουργία flowcharts και wireframes

χρησιμοποιήθηκαν post-it, χαρτιά στο μέγεθος

του Ipad και μεταλλικά stencils2 για πιο γρήγορα

και άμεσα προσχέδια, αλλά και προγράμματα

όπως το Omnigraffle3 για δημιουργία flowcharts

και το Keynote4 για την δημιουργία προσχεδίων

τα οποία μπορούν να μετατραπούν σε pdf και να

δοκιμαστούν σαν να είναι μια πλήρως λειτουργική

εφαρμογή στο Ipad.

Επίσης, για να υλοποιηθεί πλήρως μια εφαρμογή

και να μπορέσει να προχωρήσει προς πώληση στο

App Store, πρέπει ο σχεδιαστής ή να συνεργαστεί

με έναν προγραμματιστή ή να μάθει τις γλώσσες

προγραμματισμού Objective-C και iOS μέσω του

προγράμματος Xcode και να πληρώσει 99 δολάρια

/ το χρόνο στην ιστοσελίδα της Apple για να

κάνει τις απαραίτητες δοκιμές στο Ipad και να

Για την

δημιουργία

flowcharts και

wireframes

χρησιμοποιή-

θηκαν post-it,

χαρτιά στο μέ-

γεθος του Ipad

και μεταλλικά

stencils

2. βλ. uistencils.com/products/ipad-stencil-kit τελευταία είσοδος: 27.5.2012

3. βλ. omnigroup.com/products/omnigraffle τελευταία είσοδος: 25.5.2012

4. βλ. apple.com/iwork/keynote και keynotopia.com τελευταία είσοδος: 26.5.2012

Page 18: Designing an iPad app

| 17 Γνωσιακή Διαδικασία / Μεθοδολογία

ενσωματώσει την τελική εφαρμογή στο App Store.

Οφείλω να τονίσω ότι η διπλωματική αυτή

βασίζεται στον σχεδιασμό και όχι στον

προγραμματισμό της εφαρμογής παρόλο που

μελέτησα τον τρόπο προγραμματισμού της

εφαρμογής αφενός για να μπορέσω μελλοντικά

να συνεργαστώ με κάποιον προγραμματιστή και

αφετέρου να καταλάβω τον τρόπο λειτουργίας της

εφαρμογής ο οποίος εν μέρει συνδυάζεται με τον

σχεδιασμό.

Ο σχεδιασμός εφαρμογής για Ipad είναι ένα

θέμα ανεξερεύνητο και σε εξέλιξη στην αγορά που

ακόμη και η βιβλιογραφία δεν είναι τόσο πλούσια γι

αυτό και προστέθηκε και βιβλιογραφία σχετική με

τον σχεδιασμό εφαρμογών για Iphone που έχουν

παρόμοια σχεδιαστική λογική.

Για να σχεδιάσω σωστά την εφαρμογή σε Ipad

έχοντας μια συσκευή πολύ μικρότερη όπως το

Iphone, δεν μπορούσα να έχω την αίσθηση του

μεγέθους και γενικά να δω απτά παραδείγματα

εφαρμογών, τις σχεδιαστικές διαφορές με αυτές

του Iphone, οπότε θεώρησα σωστό να αποκτήσω

μια τέτοια συσκευή. Δυστυχώς, οι οθόνες

υπολογιστών σε Macintosh (εξαιρείται η οθόνη

του Macbook Pro 15») ή Windows ακόμη και με την

ίδια ανάλυση με το Ipad δεν έχουν ακριβώς το ίδιο

μέγεθος λόγω κάποιων αποκλίσεων με τις οθόνες5.

Έχοντας το Ipad, χρησιμοποίησα και κάποιες

εφαρμογές που βοηθούν στην καλύτερη σχεδίαση

της εφαρμογής.

H διπλωματική

αυτή βασίζεται

στον σχεδιασμό

και όχι στον

προγραμματισμό

της εφαρμογής

5. βλ. Stevens, Chris. Designing for the iPad: Building Applications that Sell. John Wiley & Sons, 2011 σελ. 124

Page 19: Designing an iPad app

18 |

Design is not just what it looks like and feels like. Design is how it works

“”Steve Jobs

Page 20: Designing an iPad app

| 19

Design is not just what it looks like and feels like. Design is how it works

Αρχική Έρευνα & Μελέτη του Brand Twinings

κεφάλαιο

2

Αρχική Έρευνα & Μελέτη του Brand Twinings

Page 21: Designing an iPad app

20 | Έρευνα σχετικά με την Twinings

Παρακάτω παρατίθενται τα στάδια που

ακολουθήθηκαν για την πραγματοποίηση του

τελικού αποτελέσματος.

2.1 ερευνα σχετικα με την τwinings

Αρχικά, ερευνήθηκε το brand Twinings6.

Ιστορία της Twinings

‣ 1662: Εισαγωγή του τσαγιού στην Αγγλία

από την Catherine of Braganza, γυναίκα του

Charles II.

‣ 1706: Ο Thomas Twining εντυπωσιασμένος

από τις δυνατότητες που μπορούσε να

προσφέρει το τσάι ξεκινάει την επιχείρησή

του αγοράζοντας το Tom’s Coffee House on

London’s Strand.

‣ Στα Coffee House της Αγγλίας επιτρεπόταν

αυστηρά η αποκλειστική πρόσβαση αντρών και

όχι γυναικών οποιαδήποτε κοινωνικής τάξης

για να συνομιλίες, ποτό κλπ.

‣ Κάθε Coffee House είχε κάποια πρωτότυπη

ιδέα ανταγωνισμού και αυτό που διέκρινε το

Coffee House του Thomas Twining ήταν το

τσάι.

‣ Η τιμή του τσαγιού προοριζόταν μόνο στις

υψηλές κοινωνικές τάξεις αφού 100 g τσαγιού

ισοδυναμούσαν περίπου με 175 ευρώ.

‣ 1717: Μετά από μεγάλη επιτυχία ο Thomas

Twinings αγοράζει 3 σπίτια τα οποία και

μετατρέπει σε Coffee Shop το οποίο μετά από

300 χρόνια υπάρχει μέχρι σήμερα.

6. βλ. twinings.co.uk

Page 22: Designing an iPad app

| 21 Έρευνα σχετικά με την Twinings

‣ 1784: Ο απόγονος Richard Twining κάνει

αίτηση για πτώση των φόρων του τσαγιού έτσι

ώστε η τιμή του να είναι προσβάσιμη από όλα

τα κοινωνικά στρώματα. Έτσι το τσάι γίνεται

καθημερινότητα.

‣ 1837: Η βασίλισσα Βικτώρια ζητάει από τον

Twining να εισαγάγει το τσάι στο βασίλειό της.

‣ Το τσάι Twinings πλέον πωλείται σε πάνω

από 115 χώρες και το 1972 όπως και το 1977

κέρδισε το βραβείο Queens Award for export.

Εικόνα 2: Αφίσα Twinings εποχής (1706).

Page 23: Designing an iPad app

22 | Έρευνα σχετικά με την Twinings

Διαφορές των Twinings προϊόντων με τις

άλλες εταιρείες τσαγιού στην αγορά

Η Twinings δεν έχει δικές της καλλιέργειες τσαγιού

με αποτέλεσμα να έχει την ευκαιρία να επιλέγει και

να συνεργάζεται με τα καλύτερα συγκροτήματα

τσαγιού παγκοσμίως χωρίς περιορισμούς.

Η ποιότητα είναι το βασικό στοιχείο της εταιρείας.

Στόχοι της εταιρείας

‣ Να εξαπλωθεί το ποιοτικό τσάι παγκοσμίως.

‣ Να ενθαρρύνει τους νέους καταναλωτές

να δοκιμάσουν το τσάι Twinings ενώ τους ήδη

υπάρχοντες να τους παροτρύνει να δοκιμάσουν

νέες γεύσεις και συνδυασμούς.

Target Group

Άτομα τα οποία αναγνωρίζουν την ποιότητα και

τους αρέσει να είναι λίγο διαφορετικοί από το

πλήθος.

Ισχυρότερα προϊόντα της εταιρείας στα οποία

επενδύει περισσότερο

‣ English Breakfast

‣ Earl Grey

Page 24: Designing an iPad app

| 23

Πολιτική της εταιρείας

Η εταιρεία επικεντρώνεται στις ανάγκες του

καταναλωτή και στις κατάλληλες κινήσεις για να

έρθει ακόμη πιο κοντά του. Επιτυχία της είναι η

διατήρηση υψηλών προδιαγραφών ποιότητας

τσαγιού κερδίζοντας έτσι την εμπιστοσύνη του

καταναλωτή.

Έρευνα σχετικά με την Twinings

Εικόνα 3: Αφίσα Twinings εποχής

Page 25: Designing an iPad app

24 |

If we knew what it was we were doing, it would not be called research, would it?

“”Albert Einstein

Page 26: Designing an iPad app

| 25 Έρευνα & Αρχική Προσέγγιση της Εφαρμογής

κεφάλαιο

3

Έρευνα & Αρχική Προσέγγιση της Εφαρμογής

Page 27: Designing an iPad app

26 | Μελέτη & Σχεδίαση Ψυχαγωγικής / Διαφημιστικής Εφαρμογής για συσκευή Ipad

Εικόνα 4: Διαφορά μεγέθους του Ipad με μια οθόνη ενός iMac ίδιας ανάλυσης.

Εικόνα 5: Ρεαλιστική αίσθηση βιβλίου μέσω μιας Ipad εφαρμογής.

Page 28: Designing an iPad app

| 27 Στόχοι Εφαρμογής - Καταγραφή Λειτουργιών

3.1 στοχοι εφαρμογησ καταγραφη λειτουργιων

Στην συνέχεια καταγράφηκαν οι στόχοι της

εφαρμογής και οι λειτουργίες της εφαρμογής.

Στόχοι και λειτουργίες είναι ο χρήστης:

• Να έρθει πιο κοντά με το brand μέσω της

εφαρμογής αφής συλλέγοντας περισσότερες

πληροφορίες για την εταιρεία.

• Να ανακαλύψει νέες γεύσεις τσαγιών.

• Να ανακαλύψει γεύσεις τσαγιών που

ταιριάζουν σε συγκεκριμένες περιστάσεις ανάλογα

με την διάθεσή του και τους στόχους του.

• Να μοιραστεί με τους φίλους του

αγαπημένες γεύσεις τσαγιού.

• Να κερδίσει δώρα συλλέγοντας πόντους

μέσω της κάμερας του Ipad.

• Να μοιραστεί με τους φίλους του νέα μέρη

όπου απολαμβάνει το αγαπημένο του ρόφημα.

Page 29: Designing an iPad app

28 | Μετασχηματισμός Λίστας Λειτουργιών - Modules

3.2 μετασχηματισμοσ λιστασ λειτουργιων σε ενοτητεσ - modules τησ εφαρμογησ

Έχοντας κάποιες ιδέες για τις λειτουργίες της εφαρ-

μογής ξεκινάει η ονομασία βασικών ενοτήτων πριν

την δημιοιουργία του σχεδιαγράμματος

About Twinings

Ιστορία του τσαγιού Twinings

Ευεργετικές Ιδιότητες του τσαγιού

Δοκιμαστές τσαγιού Twinings

Τελευταία Νέα

Tea Mood

Επιλογές του χρήστη (ημέρα, διάθεση, στόχοι)

Αποτελέσματα (συγκεκριμένο είδος τσαγιού που

ταιριάζει στον χρήστη)

Tea Spot

Ενεργοποίηση επιλογής εύρεσης τόπου του χρήστη

μέσω geolocation του Ipad

Εμφάνιση Google Map και επιλογών του χρήστη για

να το μοιραστεί με φίλους στο facebook / twitter

Page 30: Designing an iPad app

| 29 Μετασχηματισμός Λίστας Λειτουργιών - Modules

Twinings Gifts

Ενεργοποίηση κάμερας στο Ipad

Σκανάρισμα κωδικών τσαγιού

Συλλογή κωδικών

Επιλογή δώρων

Ratea

Προβολή σχολίων και αξιολόγησης γεύσεων

τσαγιού από άλλους χρήστες

Δυνατότητα εισαγωγής σχολίων και αξιολόγησης

από τον χρήστη

Buy Now

Δυνατότητα εύρεσης κοντινών Tea Stores

Δυνατότητα αγοράς μέσω του διαδικτυακού

καταστήματος Twinings

Options

Ρυθμίσεις Προφίλ Χρήστη

Ρυθμίσεις Newsletter Χρήστη

Ρύθμιση για Push Notifications εφαρμογής

Credits

Page 31: Designing an iPad app

30 |Έρευνα παραπλήσιων Εφαρμογών για Ipad

3.3 ερευνα παραπλησιων εφαρμογων για ιpad

Στην συνέχεια, και εφόσον είχα μια ιδέα για το

περιεχόμενο της εφαρμογής, έκανα μια έρευνα

σχετικά με τα είδη εφαρμογών για Ipad Που

κυκλοφορούν στην αγορά. Τα περισσότερα είδη

εφαρμογών μέχρι στιγμής δεν σχετίζονται τόσο

με την διαφήμιση ήδη υπάρχοντων brands αλλά

με άλλα είδη εφαρμογών όπως παιχνίδια, lifestyle

εφαρμογές, ψηφιακά βιβλία και περιοδικά κ.α.

Παρ’όλα αυτά μελέτησα κάθε εφαρμογή που

θεώρησα ότι πλησίαζε αυτήν που ήθελα να

σχεδιάσω παρατηρώντας το design της, τον

μηχανισμό λειτουργία της, το usability της και τους

στόχους επικοινωνίας της απέναντι στον χρήστη.

Μελετήθηκε

κάθε παραπλή-

σια εφαρμογή

που συνέ-

βαλλε στην

δημιουργία

της παρούσας

εφαρμογής

Page 32: Designing an iPad app

| 31 Παραδείγματα Εφαρμογών

iStudiez Pro: η εφαρμογή αυτή

είναι παρόμοια αλλά με πολλές

παραπάνω λειτουργίες με μια

απλή ατζέντα για κάθε μαθητή-

φοιτητή. Ξεχωρίζει για το

καθαρό της design και για το ότι

όπως αρκετές άλλες εφαρμογές

είναι σχεδιασμένη ρεαλιστικά

και παρμένη από την καθημερινή

ζωή του χρήστη.

Readability: μια άλλη εφαρμογή

η οποία βοηθά τον χρήστη

να ρυθμίζει κάθε ιστοσελίδα

ανάλογα με τις ανάγκες

ανάγνωσής του, ξεχώρισε για

την καθαρή της τυπογραφία και

τον μηχανισμό λειτουργίας της

ειδικά στο κομμάτι που πρέπει ο

χρήστης να εισαχθεί / εγγραφεί

στην εφαρμογή.

3.3.1 παραδειγματα εφαρμογων που ξεχωρισαν κατα την διαρκεια μελετησ τησ διπλωματικησ

Εικόνα 6: Στιγμιότυπο εφαρμογής iStudiez Pro.

Εικόνα 7: Στιγμιότυπο εφαρμογής Readability.

Page 33: Designing an iPad app

32 |Παραδείγματα Εφαρμογών

iPasta HD: μια εφαρμογή που

διαφημίζει τα ζυμαρικά «Barilla»

με καλό σχεδιασμό αλλά και που

έχει ως βασικό στόχο απέναντι

στον καταναλωτή την διαφήμιση

της εταιρείας ψυχαγωγόντας τον

χρήστη.

Εικόνα 7: Στιγμιότυπο εφαρμογής iPasta HD.

Εικόνα 8: Στιγμιότυπο εφαρμογής iPasta HD.

Page 34: Designing an iPad app

| 33 Παραδείγματα Εφαρμογών

iTV Shows HD: είναι μια

εφαρμογή διαχείρισης ξένων

τηλεοπτικών σειρών και

ξεχωρίζει για τον λιτό της

σχεδιασμό όπως και για την

λειτουργικότητά της.

Qrafter - QR Code Reader

and Generator: με αυτήν την

εφαρμογή μπορεί ο χρήστης να

σκανάρει και να δημιουργήσει

ένα είδος barcode ταυτότητας

ονόματι Qr Code. Έτσι,

μελετήθηκε και ο μηχανισμός

αυτής της νέας λειτουργίας

η οποία θα μπορούσε να

ενσωματωθεί στον σχεδιασμό

της Twinings εφαρμογής.

Εικόνα 9: Στιγμιότυπο εφαρμογής iTV Shows HD.

Εικόνα 9: Στιγμιότυπο εφαρμογής Qrafter.

Page 35: Designing an iPad app

34 |Παραδείγματα Εφαρμογών

App Cooker: Η εφαρμογή

αυτή βοηθάει στον σχεδιασμό

εφαρμογών για Ipad και

Iphone. Δημιουργεί με

εύκολο τρόπο Wireframes,

κοστολογεί τις δαπάνες για την

πραγματοποίηση της εφαρμογής

αλλά και τα κέρδη που μπορεί να

αποφέρει στο App Store με το

πέρας του έτους όπως επίσης,

καθοδηγεί τον σχεδιαστή στο

να προσδιορίσει επακριβώς την

εφαρμογή την οποία δημιουργεί.Εικόνα 10: Στιγμιότυπο εφαρμογής App Cooker.

Εικόνα 11: Στιγμιότυπο εφαρμογής App Cooker.

Page 36: Designing an iPad app

| 35

CheckIn+ HD: Μια εφαρμογή

σχεδιασμένη για να κάνει check-

ins ο χρήστης. Είναι σαν την

«Foursquare» για το Iphone αλλά

σχεδιασμένη ειδικά για το Ipad.

Ο χρήστης, μοιράζεται απόψεις

και περιοχές τις οποίες βρίσκεται

με τους φίλους και γνωστούς

του. Ο μηχανισμός check-in

μπορεί να χρειαστεί και για την

σχεδίαση της εφαρμογής για το

τσάι Twinings.

Παραδείγματα Εφαρμογών

Εικόνα 12: Στιγμιότυπο εφαρμογής CheckIn+ HD.

Εικόνα 13: Στιγμιότυπο εφαρμογής CheckIn+ HD.

Page 37: Designing an iPad app

36 |

Books serve to show a man that those original thoughts of his aren’t very new at all“

”Abraham Lincoln

Page 38: Designing an iPad app

| 37 Flowcharts & Wireframes

κεφάλαιο

4

Flowcharts & Wireframes

Page 39: Designing an iPad app

38 | Flowcharts - Σχεδιαγράμματα

4.1 flowcharts - σχεδιαγραμματα

Μετά την μελέτη των παραπάνω εφαρμογών και

πολλών άλλων παραπλήσιών τους δημιουργήθηκαν

κάποιες ιδέες για τον σκελετό της εφαρμογής.

Έτσι, ξεκίνησα να καταγράφω τα βήματα της

εφαρμογής μέσω σχεδιαγραμμάτων (flowcharts).

Με το σχεδιάγραμμα αυτό μελετήθηκαν τα βήματα

που κάνει ο χρήστης από την πρώτη στιγμή που

εγκαθιστά την εφαρμογή και ποιες διαδρομές κάνει

από την μια σελίδα στην άλλη. Το flowchart είναι

απαραίτητο έτσι ώστε ο σχεδιαστής αφενός να

μην παραλείψει καμία σελίδα που θα σχεδιάσει και

αφετέρου, να μπορεί με λογικούς συσχετισμούς

να απορρίψει κάποια βήματα ή να προσθέσει κάτι

παραπάνω για την χρηστική διευκόλυνση της

εφαρμογής (usability).

Παρακάτω παραθέτονται τρια διαφορετικά

σχεδιαγράμματα. Σε καθεμία περίπτωση, η

εφαρμογή θα προσαρμοστεί ανάλογα με τις

επιλογές του χρήστη στην προσωπική του Ipad

συσκευή.

Πιο συγκεκριμένα, ο χρήστης όταν εγκατέστησε την

εφαρμογή είχε τις εξής επιλογές:

‣ Να εγγραφεί στην εφαρμογή.

‣ Να την χρησιμοποιήσει ανώνυμα.

‣ Να εγγραφεί μέσω του Facebook.

‣ Να εισαχθεί με κάποιο προηγούμενό του

λογαριασμό.

Με το σχεδιά-

γραμμα αυτό

μελετήθηκαν

τα βήματα που

κάνει ο χρή-

στης από την

πρώτη στιγμή

που εγκαθιστά

την εφαρμογή

Page 40: Designing an iPad app

| 39 Flowcharts - Σχεδιαγράμματα

Αν για παράδειγμα επέλεξε να εγγραφεί

στην εφαρμογή, όταν κλείσει και εν συνεχεία

επανεκκινήσει την εφαρμογή, δεν θα ξαναδεί

την εισαγωγή που θα έβλεπε την πρώτη φορά

αλλά μια άλλη εισαγωγή που θα γινόταν πιο

προσωπική (πχ με το όνομά του) και στην συνέχεια

θα παρεπεμπόταν στο βασικό μενού χωρίς να

χρειαστεί να καταχωρήσει εκ νέου τα προσωπικά

του στοιχεία.

Τονίζεται ότι ο λόγος που επιλέχθηκε να μπει το

σύστημα εγγραφής στην εφαρμογή ήταν αφενός

για να έχει την επιλογή η εταιρεία να διαφημίσει

τα νεα της προϊόντα μέσω newsletters και

αφετέρου να μπορεί να χειριστεί κάποια θέματα

της εφαρμογης που απαιτούν τα προσωπικά του

στοιχεία.

Στα flowcharts, εξετάστηκε αναλυτικά το

ενδεχόμενο να προστεθούν ή όχι κάποια θέματα

όπως το ενδεχόμενο να υπάρξει μέσα στην

εφαρμογή και ένα παιχνίδι με το τσάι αλλά ένα

τέτοιο ενδεχόμενο θα δυσκόλευε την μνήμη ram

του Ipad και πιθανότατα να υπήρχαν ενστάσεις

όταν θα γινόταν ο έλεγχος της εφαρμογής από την

ομάδα της Apple.

Επίσης, το κουμπί «back» είναι ενδεικτικό και μπορεί

ανάλογα με την σχεδίαση να μετατεθεί σε άλλες

σελίδες όμως είναι απαραίτητο για να υπενθυμίσει

στον σχεδιαστή το δικαίωμα ο χρήστης να ελέγχει

την εφαρμογή όπως εκείνος επιθυμεί.

Page 41: Designing an iPad app

40 |

1η Είσοδος Χρήστη μετά από εγκατάσταση εφαρμογής

Use as Guest

Locked Menu

About

Tea History Benefits of Tea

Mood Choices

Tea Results

Tea Tasters Latest News Back

Back Why Locked?

Sign Up

Sign Up

Login with FB

Login with FB

Sign In

Sign In Push Notifications Credits

Find your nearest store

Cancel

Buy Online

Back

Tea Mood Tea Spot Gifts Ratea Buy Now Options

Twinings Splash Screen

Welcome Screen

Flowcharts - Σχεδιαγράμματα

Page 42: Designing an iPad app

| 41

1η Είσοδος Χρήστη μετά από εγκατάσταση εφαρμογής

Flowcharts - Σχεδιαγράμματα

Sign Up Login with FB

Basic Menu

Tea History Benefits of Tea

Mood Choices

Tea Results

Tea Tasters Latest News Back

Back Back

Rate different Teas Comment

Add your Teaplace

Share with Friends

Share with Friends

Edit your Preferences

Edit Account Logout Push Notifications CreditsNewsletter

Find your nearest store

Buy Online

Back

Back

About Tea Mood Tea Spot Gifts Ratea Buy Now Options

Sign In

Twinings Splash Screen

Welcome Screen

Page 43: Designing an iPad app

42 |

2η και κάθε άλλη Είσοδος Χρήστη μετά από κλείσιμο εφαρμογής εφόσον έχει sign up, login με

Facebook ή sign in

Basic Menu

Tea History Benefits of Tea

Mood Choices

Tea Results

Tea Tasters Latest News Back

Back Back

Rate different Teas Comment

Add your Teaplace

Share with Friends

Share with Friends

Edit your Preferences

Edit Account Logout Push Notifications CreditsNewsletter

Find your nearest store

Buy Online

Back

Back

About Tea Mood Tea Spot Gifts Ratea Buy Now Options

Twinings Splash Screen

Welcome back - username

Flowcharts - Σχεδιαγράμματα

Page 44: Designing an iPad app

| 43 Flowcharts - Σχεδιαγράμματα

2η και κάθε άλλη Είσοδος Χρήστη μετά από κλείσιμο εφαρμογής εφόσον έχει εισαχθεί ως guest

Locked Menu

About

Tea History Benefits of Tea

Mood Choices

Tea Results

Tea Tasters Latest News Back

Back Why Locked?

Sign Up

Sign Up

Login with FB

Login with FB

Sign In

Sign In Push Notifications Credits

Find your nearest store

Cancel

Buy Online

Back

Tea Mood Tea Spot Gifts Ratea Buy Now Options

Twinings Splash Screen

Welcome back - guest

Page 45: Designing an iPad app

44 | Wireframes

4.2 wireframes

Αφού ολοκληρώθηκαν τα σχεδιαγράμματα -

flowcharts, προχώρησα στην μελέτη και δημιουργία

ενός πιο ολοκληρωμένου σκελετού μέσω

αυτοκόλλητων post-it.

Σε αυτό το σημείο, κατέγραψα πιο αναλυτικά το

περιεχόμενο κάθε σελίδας στην οποία μεταβαίνει

ο χρήστης έτσι ώστε στον τελικό σχεδιασμό της

εφαρμογής να μην παραλειφθεί η παραμικρή

λεπτομέρεια. Επιλέχθηκε αυτός ο τρόπος

προσχεδίων post-it γιατί είναι πιο άμεσος και με

μεγάλη ευκολία μπορούσα να κάνω οποιαδήποτε

αλλαγή.

Ιδιαίτερη έμφαση δόθηκε και στο feedback της

εφαρμογής δηλαδή στην περίπτωση σφάλματος

αλλά και επιβεβαίωσης κάποιων συγκεκριμένων

επιλογών του χρήστη, ο ίδιος να ενημερώνεται

με κάποιο μήνυμα. Κάποια παραδείγματα

feedback είναι στην περίπτωση που ο χρήστης

ξέχασε το όνομα χρήστη ή τον κωδικό εισαγωγής

στην εφαρμογή, που δεν είναι συνδεδεμένος

στο internet ή δεν λειτουργεί το σύστημα

geolocation του Ipad. Αυτές οι σελίδες μπορούν

να λειτουργήσουν και στις τρεις περιπτώσεις των

παραπάνω flowcharts. Υπενθυμίζεται ότι όταν ο

χρήστης πατάει το κεντρικό κουμπί «home» και

βγαίνει από την εφαρμογή στο κεντρικό μενού του

Ipad, η εφαρμογή συνεχίζει να υπολειτουργεί με

αποτέλεσμα όταν ξαναεισέλθει να βρεθεί στο ίδιο

σημείο όπου είχε διακόψει.

Ιδιαίτερη

έμφαση δό-

θηκε και στο

feedback της

εφαρμογής

Page 46: Designing an iPad app

| 45 Wireframes

Εικόνα 14: Wireframes εφαρμογής σε μορφή post-it

Page 47: Designing an iPad app

46 |

Εικόνα 15: Wireframes εφαρμογής σε μορφή post-it

Wireframes

Page 48: Designing an iPad app

| 47

Εικόνα 16: Wireframes εφαρμογής σε μορφή post-it

Wireframes

Page 49: Designing an iPad app

48 | Λογική Σχεδίασης & Προγραμματισμού

4.3 λογικη σχεδιασησ & προγραμματισμου

Παρατηρώντας τα flowcharts και τα wireframes,

τονίζεται η λογική του υποθετικού «αν» (ο όρος If

στα Αγγλικά αλλά και σε πολλές, αν όχι σε ολες τις

γλώσσες προγραμματισμού).

Αν ο χρήστης εισέλθει στην εφαρμογή ως Guest

τότε θα εμφανιστεί το κλειδωμένο μενού.

Αν ο χρήστης εγγραφεί στην εφαρμογή τότε θα

εμφανιστεί ολοκληρωμένο το μενού

Αν ο χρήστης πατήσει λάθος κωδικό τότε θα του

εμφανιστεί ένα μήνυμα σφάλματος κτλ.

Όλες αυτές οι διαφορετικές περιπτώσεις που

μελετήσαμε λειτουργούν και προσχεδιακά

όταν ξεκινήσει κανείς τον προγραμματισμό της

εφαρμογής. Μάλιστα τέτοιου είδους προσχέδια

λέγονται pseudocodes και είναι σημειώσεις που

γίνονται για να επικοινωνήσει ο προγραμματιστής

με τους άλλους και να επεξηγήσει την μαθηματική

λογική του σε κάθε γραμμή κώδικα.

Όπως προαναφέρθηκε στο πρώτο κεφάλαιο

ένας σχεδιαστής δεν είναι απαραίτητο να έχει

γνώσεις προγραμματισμού για τον σχεδιασμό της

εφαρμογής. Θα ήταν καλό όμως να μελετήσει την

λογική του προγραμματισμού έτσι ώστε να μπορεί

να συνεργαστεί άριστα με τον προγραμματιστή..

Άλλωστε, ο σχεδιαστής οφείλει να έχει σχεδιάσει

καθεμία περίπτωση ανεξαιρέτως που μπορεί

να προκύψει στην εφαρμογή. Αναφορικά, το

πρόγραμματα τα οποία προτείνει η Apple7 να

χρησιμοποιηθούν για τον προγραμματισμό, για

την σχεδίαση της εφαρμογής αλλά και για δοκιμή

Όλες αυτές οι

διαφορετικές

περιπτώσεις

που μελετή-

σαμε λει-

τουργούν και

προσχεδιακά

όταν προγραμ-

ματιστεί η

εφαρμογή

7. βλ. developer.apple.com

Page 50: Designing an iPad app

| 49 Λογική Σχεδίασης & Προγραμματισμού

της εφαρμογής στον υπολογιστή είναι οι Xcode,

Interface Builder και Ios Simulator αντίστοιχα.

Επίσης, υπάρχουν διάφορα άλλα προγράμματα

τα οποία δοκιμάζουν την απόδοση και αντοχή

της εφαρμογής, αναλύουν την υπερφόρτωση της

μνήμης RAM και γενικά προσπαθούν να δείξουν

στον προγραμματιστή πού και αν δημιουργείται

σφάλμα στην εφαρμογή.

Εικόνα 17: Το πρόγραμμα Xcode

Page 51: Designing an iPad app

50 |

Experimentation is an active science“ ”Claude Bernard

Page 52: Designing an iPad app

| 51 Μελέτη & Σχεδίαση Ψυχαγωγικής / Διαφημιστικής Εφαρμογής για συσκευή Ipad

Prototyping & User Testing

κεφάλαιο

5

Page 53: Designing an iPad app

52 | Prototyping - Clickable Demo

5.1 prototyping - clickable demo

Με την ολοκλήρωση των wireframes σε post-it,

προχώρησα στην σχεδίαση καθεμίας σελίδας

χωριστά Σε αυτό το σημείο τα πάντα παραμένουν

σε δοκιμαστική, προσχεδιακή και ασπρόμαυρη

κατάσταση. Ορισμένα αντικείμενα μετατράπηκαν σε

κουμπιά (links) για να δοθεί η αίσθηση μεταφοράς

από την μια σελίδα στην άλλη.

Οι εικόνες και τα κουμπιά συμβολίζονται με

ορθογώνια και τετράγωνα σχήματα χωρίς όμως

να δίνεται έμφαση στο αισθητικό τους κομμάτι.

Συνεχίζεται να δίνεται σημασία σε κάθε πρόβλημα

που μπορεί να αντιμετωπίσει ο χρήστης αλλά

προστίθονται και παραπάνω λεπτομέρειες όπως

η επιλογή να μείνουν ορισμένα κουμπιά σε

συγκεκριμένα σημεία για να εντυπώνεται στην

μνήμη του χρήστη ότι για παράδειγμα το κουμπί

«Options» θα το βρει σε μια συγκεκριμένη θέση.

Η προσχεδιακή αισθητική των παρακάτω οθονών

ξεκινάει να έχει μια συνοχή. Αν για παράδειγμα,

ο τίτλος μιας σελίδας έχει μια συγκεκριμένη

γραμματοσειρά και συγκεκριμένο μέγεθος, θα

πρέπει σε όλες τις υπόλοιπες σελίδες να συμβαίνει

το ίδιο.

Οι εικόνες και

τα κουμπιά

συμβολίζονται

με ορθογώνια

και τετράγω-

να σχήματα

χωρίς όμως

να δίνεται

έμφαση στο

αισθητικό

τους κομμάτι.

Page 54: Designing an iPad app

| 53 Prototyping - Clickable Demo

Εικόνα 18: Στιγμιότυπο clickable demo εφαρμογής.

Page 55: Designing an iPad app

54 | Prototyping - Clickable Demo

Εικόνα 19: Στιγμιότυπα clickable demo εφαρμογής.

Page 56: Designing an iPad app

| 55 Prototyping - Clickable Demo

Εικόνα 20: Στιγμιότυπα clickable demo εφαρμογής.

Page 57: Designing an iPad app

56 | User Testing

5.2 user testing

Μετά τη δημιουργία του clickable demo, προέκυψε

η ανάγκη δοκιμής της λειτουργικότητας τής

εφαρμογής από ορισμένα, κατά προτίμηση

διαφορετικών ηλικιών και εμπειριών, άτομα.

Σε επαγγελματικό επίπεδο εξιδεκευμένες στο user

testing, εταιρείες μισθοδοτούν το λιγότερο δέκα

άτομα για να δοκιμάσουν την μελλοντική εφαρμογή

που πρόκειται να σχεδιαστεί και να εισαχθεί στην

αγορά. Ο μελετητής που θα πάρει συνέντευξη από

τους χρήστες, βιντεοσκοπεί την συζήτησή τους

έτσι ώστε στην πορεία να την μελετήσει και να

καταγράψει με προσοχή όλες τις δυσκολίες που

προκλήθηκαν κατά την διάρκεια της πλοήγησης

στην εφαρμογή.

Οι χρήστες ερωτούνται για το πώς ακριβώς

μπορούν να εισαχθούν σε μια συγκεκριμένη

ενότητα της εφαρμογής, για το πώς μπορούν να

κάνουν μια αγορά και πολλά άλλα ζητήματα που

μπορούν να διευκολύνουν την λειτουργικότητα και

την πλοήγηση της εφαρμογής. Όταν ολοκληρωθεί

το user testing8, γίνονται εκ νέου στα flowcharts και

wireframes οι απαραίτητες αλλαγές και διορθώσεις

έτσι ώστε η εφαρμογή να πληρεί όσο το δυνατόν

περισσότερο, τους λειτουρικούς και χρηστικούς της

στόχους.

Σε ορισμένα σημεία στα παραπάνω

σχεδιαγράμματα, υπήρξε η ανάγκη εξέτασης της

πλοήγησης και χρηστικότητας λόγω της ποικιλίας

λειτουργιών, κουμπιών και υποκουμπιών της

εφαρμογής. Έγινε λοιπόν, το user testing με

8. Για ένα παράδειγμα user testing εφαρμογής βλ. www.youtube.com/watch?v=GrV2SZuRPv0

Page 58: Designing an iPad app

| 57 User Testing

χάρτινα προσχέδια και μεταλλικά UI stencils

τα οποία βοήθησαν στην άμεση σχεδίαση κάθε

σελίδας. Προτίμησα τον συγκεκριμένο τρόπο ενώ

θα μπορούσα να χρησιμοποιήσω το clickable demo

γιατί δεν ήθελα σε καμία περίπτωση οι χρήστες να

δοκιμάσουν την εφαρμογή μέσω του ηλεκτρονικού

υπολογιστή χρησιμοποιώντας το ποντίκι και όχι τα

δάχτυλά τους. Στην συνέχεια, ρωτήθηκαν κοντινά

πρόσωπα και σημειώθηκαν οι δυσκολίες πλοήγησης

που προέκυψαν. Πιθανότατα, έπρεπε να αλλάξει η

ταξινόμηση και η ονομασία κάποιων κουμπιών για

να γίνουν πιο ευδιάκριτα στον χρήστη.

Εικόνα 21: Σκίτσο που αναπαριστάνει την διαδικασία του user testing.

Page 59: Designing an iPad app

58 | User Testing

Εικόνα 22: Σκίτσα που χρησιμοποιήθηκαν για το user testing της εφαρμογής.

Page 60: Designing an iPad app

| 59 Userr Testing

Εικόνα 23: Σκίτσα που χρησιμοποιήθηκαν για το user testing της εφαρμογής.

Page 61: Designing an iPad app

60 |

Design is intelligence made visible“ ”Don Newgren

Page 62: Designing an iPad app

| 61

Σχεδιαστική Μελέτη της Εφαρμογής

κεφάλαιο

6

Σχεδιαστική Μελέτη της Εφαρμογής

Page 63: Designing an iPad app

62 | Σχεδιαστική Μελέτη Interface Εφαρμογής

6.1 σχεδιαστικη μελετη interface εφαρμογησ

Μετά το user testing, μελετήθηκε προσχεδιακά

το πώς θα είναι το περιβάλλον (interface) της

εφαρμογής χρησιμοποιώντας ως παράδειγμα

σελίδας το βασικό μενού. Επιλέχθηκε το κεντρικό

μενού λόγω της πληθώρας κουμπιών αφενός και

αφετέρου επειδή είναι η σελίδα που καθορίζει

συνήθως και την αισθητική συνοχή των υπόλοιπων

σελιδών και υποκατηγοριών.

Το βασικό μενού ορισμένες φορές, αποτελείται

από μια οριζόντια ή κάθετη στήλη κουμπιών,

μπορούν τα κουμπιά να γίνουν tabs δηλαδή να

βρίσκονται κάτω και οριζόντια το ένα δίπλα στο

άλλο, να είναι κουμπιά - εικόνες (που συνήθως

χρησιμοποιούνται και σε εφαρμογές βίντεο

προβολών), να βρίσκονται κυκλικά γύρω από ένα

αντικείμενο και γενικότερα οπουδήποτε αρκεί

να εξηπυρετούν κάποιο λογικό σκοπό και να μην

δυσκολεύουν την πλοήγηση του χρήστη.

Μελετήθηκε, επίσης και το μέγεθος των

κουμπιών τα οποία δεν πρέπει να είναι μικρότερο

από 44 pixels βάσει των κατευθηντήριων γραμμών

της Apple

Το μέγεθος

των κουμπιών

δεν πρέπει να

είναι μικρό-

τερο από 44

pixels

Page 64: Designing an iPad app

| 63 Portrait & Landscape Mode

6.1.1 portrait & landscape mode

Επιπρόσθετα, πρέπει να δοθεί μεγάλη προσοχή στο

να προσαρμόζονται τα αντικείμενα της εφαρμογής

όταν ο χρήστης κρατάει κάθετα (portrait mode)

αλλά και οριζόντια (landscape mode) το Ipad.

Πολλές φορές οι σχεδιαστές δεν δίνουν έμφαση

σε αυτό ή πιο συγκεκριμένα επιλέγουν να κλειδώνει

η εφαρμογή οριζόντια ή κάθετα χωρίς να δίνουν

την ευκαιρία στον χρήστη να επιλέγει αυτός πώς

θέλει να κρατάει το Ipad του. Αυτό συμβαίνει διότι

πριν δημιουργηθεί το Ipad, οι εφαρμογές που

σχεδιάζονταν για το Iphone ήταν κυρίως κάθετες

διότι οι χρήστες χρησιμοποιούσαν το κινητό τους

κατά κόρον κάθετα (πχ για να επικοινωνούν, να

στέλνουν μηνύματα κτλ). Το Ipad όμως δεν είναι

σαν το Iphone με αποτέλεσμα ο χρήστης να το

χρησιμοποιεί όπως εκείνος επιθυμεί.

Page 65: Designing an iPad app

64 | Μελέτη & Σχεδίαση Ψυχαγωγικής / Διαφημιστικής Εφαρμογής για συσκευή Ipad

6.2 αισθητικη και υφοσ του brand twinings

Από την αρχική έρευνα του brand Twinings,

συνειδητοποίησα ότι η αισθητική και το ύφος του

brand, πρέπει να συνδυάζει την κλασσική ποιοτική

γεύση του τσαγιού που επικρατεί εδώ και 300

χρόνια με το σήμερα.

Μελέτησα λοιπόν τα sites της Twinings9 από

τα οποία ορισμένα ήταν κλασσικά με μια πιο

αυστηρή αλλά και κομψή νότα ενώ άλλα είχαν

ένα μοντέρνο, παιχνιδιάρικο ύφος. Παρατήρησα

και τα διαφημιστικά σποτ μέσω του διαδικτύου

το οποία αν και σε ψηφιακή μορφή ξεχειλίζουν

από συναίσθημα, φινέτσα, φαντασία και

δημιουργικότητα.

Η τυπογραφία στις ιστοσελίδες είναι κλασσική

πάντα όμως κομψή ακόμη και στις πιο μοντέρνες

ιστοσελίδες. Το ίδιο συμβαινει και στα διαφημιστικά

σποτ10 μόνο που η τυπογραφία εδώ γίνεται και πιο

προσωπική και ανθρώπινη.

Το ίδιο ύφος και αισθητική έχουν και τα προϊόντα

Twinings. Το packaging, όπως θα δείτε παρακάτω,

αποτελείται από έντονα χρώματα και καθαρή

τυπογραφία. Το design είναι ανάλογο με το είδος

τσαγιού που θέλει να προβάλλει στον καταναλωτή..

9. Όλες οι ιστοσελίδες της Twinings είναι συγκεντρωμένες στο twinings.com

10. Διαφημιστικά Σποτ βλ. youtube.com/watch?v=LdkcsDueSMM και youtube.com/watch?v=oCN7GJLKuVk&feature=relmfu

Page 66: Designing an iPad app

| 65 Παραδείγματα Ιστοσελιδών Twinings

Εικόνα 24: Στιγμιότυπο ιστοσελίδας Twinings Αγγλίας.

Εικόνα 25: Στιγμιότυπο ιστοσελίδας Twinings Αμερικής.

Page 67: Designing an iPad app

66 | Παραδείγματα Ιστοσελιδών Twinings

Εικόνα 26: Στιγμιότυπο ιστοσελίδας ηλεκτρονικού καταστήματος Twinings Αγγλίας.

Εικόνα 27: Στιγμιότυπο ιστοσελίδας ηλεκτρονικού καταστήματος Twinings Γερμανίας.

Page 68: Designing an iPad app

| 67 Παραδείγματα Ιστοσελιδών Twinings

Εικόνα 28: Στιγμιότυπο ιστοσελίδας ηλεκτρονικού καταστήματος Twinings Κίνας.

Εικόνα 29: Στιγμιότυπο ιστοσελίδας ηλεκτρονικού καταστήματος Twinings Ιταλίας.

Page 69: Designing an iPad app

68 | Παραδείγματα Τηλεοπτικών Διαφημίσεων Twinings

Εικόνα 30: Στιγμιότυπα διαφημιστικού σποτ Twinings.

Page 70: Designing an iPad app

| 69 Παραδείγματα Τηλεοπτικών Διαφημίσεων Twinings

Εικόνα 31: Στιγμιότυπα διαφημιστικού σποτ Twinings.

Page 71: Designing an iPad app

70 | Παραδείγματα Συσκευασιών Twinings

Εικόνα 32: Παραδείγματα συσκευασιών Twinings.

Page 72: Designing an iPad app

| 71 Παραδείγματα Συσκευασιών Twinings

Εικόνα 33: Παραδείγματα συσκευασιών Twinings.

Page 73: Designing an iPad app

72 |

Stay committed to your decisions, but stay flexible in your approach“

”Tony Robbins

Page 74: Designing an iPad app

| 73 Αρχικές Σκέψεις & Προσχέδια

Αρχικές Σκέψεις & Προσχέδια

κεφάλαιο

7

Page 75: Designing an iPad app

74 | Αρχικές σκέψεις & Πρώτο Προσχέδιο

7.1 αρχικεσ σκεψεισ

Μετά την μελέτη των διαφημίσεων, των

ιστοσελιδών, του packaging της Twinings και

των αρχικών σχεδίων που έγιναν με χαρτί και

μολύβι δημιούργησα κάποια προσχέδια μέσω του

προγράμματος Illustrator συνδυάζοντας χρώματα

και σχήματα έτσι ώστε να συμβαδίζουν με τον

τρόπο σκέψης του ήδη υπάρχοντος brand Twinings.

Κάθε ένα παράδειγμα που θα δείτε παρακάτω

αποτελείται από τρεις διαφορετικές σελίδες.

7.2 πρωτο προσχεδιο

Σε αυτά τα layouts δόθηκε έμφαση στο κλασσικό

ύφος. Τα χρώματα που επιλέχθηκαν προσδίδουν

μια σοβαρότητα στην εφαρμογή ενός παράλληλα

το λευκό texture και ο σελιδοδείκτης σπάνε την

μονοτονία της. Επίσης, ο σελιδοδείκτης μετακινείται

ανάλογα με το κουμπί που θα επιλέξει ο χρήστης,

Για τις ρυθμίσεις της εφαρμογής αλλά και για το

feedback της, επιλέχθηκε να εμφανίζεται η ετικέτα

από το σακουλάκι τσαγιού. Στους τίτλους κάθε

σελίδας προστέθηκαν διάφορα διακοσμητικά

στοιχεία για να δοθεί ακόμη περισσότερο έμφαση

στο κλασσικό ύφος.

r= 133 · g= 34 · b= 55 r= 97 · g= 17 · b= 31

r= 211 · g= 207 · b= 171r= 233 · g= 229 · b= 217

χρωματικη παλετα

γραμματοσειρεσMuseo Slab 300 - 20pxSentinel Medium, Light - 14px

Page 76: Designing an iPad app

| 75 Πρώτο Προσχέδιο

CONNECT WITH

USE AS GUEST

SIGN UP

SIGN IN

Welcome to the World of Twinings Tea!

Thank you for downloading the Twinings Application.

with other friends, buy our products online and so many other beatiful things.

We hope you will enjoy this application!

OK

Email Address

Username Password

Submit

SIGN UP

Options

USE AS GUEST

SIGN UP

SIGN IN

CONNECT WITH

Registration is free.Enter the following information so you can access to all the

content of the application. You can change your settings with the “Options” button.

ABOUT

Options

ABOUT TWININGS

TEA MOOD

TEA SPOT

GIFTS

RATEA

BUY NOW

Page 77: Designing an iPad app

76 | Δεύτερο Προσχέδιο

7.3 δευτερο προσχεδιο

Η επόμενη δοκιμή που πραγματοποιήθηκε, έχει

πάλι ένα κλασσικό, αυστηρό ύφος. Αλλάζοντας λίγο

τα textures και τα χρώματα μοιάζει με σύστημα

πλοήγησης μιας ιστοσελίδας. Η διαρύθμιση

των κουμπιών είναι οριζόντια, ενώ τονίζεται το

λογότυπο της εταιρείας Και σε αυτή την περίπτωση

ο σχεδιασμό είναι καθαρός για να μην αποσπάται η

προσοχή του χρήστη από τις πληροφορίες που θα

αποκομίσει από την εφαρμογή.

r= 228 · g= 228 · b= 228

r= 78 · g= 23 · b= 29

r= 133 · g= 34 · b= 55

χρωματικη παλετα

γραμματοσειρεσGeorgia Regular 14px, 16px

Page 78: Designing an iPad app

| 77 Δεύτερο Προσχέδιο

Page 79: Designing an iPad app

78 | Τρίτο Προσχέδιο

7.4 τριτο προσχεδιο

Το συγκεκριμένο προσχέδιο, μιμείται τη σχεδίαση

της ιστοσελίδας της εταιρείας Twinings στην

Αμερική. Η πλοήγηση διαφέρει στο γεγονός ότι ο

χρήστης με την κίνηση του χεριού του πρέπει να

σύρει το σακουλάκι τσαγιού στο κουμπί που θέλει

να επιλέξει. Η τυπογραφία παραμένει λιτή και

γίνονται διάφορες χρωματικές εναλλαγές στους

τίτλους κάθε σελίδας.

r= 77 · g= 23 · b= 28

r= 128 · g= 23 · b= 28

r= 232 · g= 228 · b= 216

r= 221 · g= 221 · b= 221

χρωματικη παλετα

γραμματοσειρεσGeorgia Regular 14px, 16px

Page 80: Designing an iPad app

| 79 Τρίτο Προσχέδιο

Page 81: Designing an iPad app

80 | Τέταρτο Προσχέδιο

7.5 τεταρτο προσχεδιο

Σε αυτήν την περίπτωση, γίνεται μια αλλαγή

χρωμάτων. Η κομψότητα της τυπογραφίας

σε συνδυασμό με την υφή του φόντου και τα

τετράγωνα σχήματα προσδίδουν μια σοβαρότητα

στην εφαρμογή. Πατώντας τα κουμπιά εμφανίζεται

μια υποκατηγορία τους η οποία δεν ενοχλεί την

πλοήγηση του χρήστη.

r= 222 · g= 222 · b= 222

r= 218 · g= 218 · b= 218

r= 27 · g= 20 · b= 100

r= 0 · g= 16 · b= 52

χρωματικη παλετα

γραμματοσειρεσSentinel Book, Medium, Light - 16px, 20pxMuseo Slab 300 - 20px

Page 82: Designing an iPad app

| 81 Τέταρτο Προσχέδιο

Page 83: Designing an iPad app

82 | Πέμπτο Προσχέδιο

7.6 πεμπτο προσχεδιο

Σε αυτό το προσχέδιο το σχεδιαστικό ύφος

αλλάζει. Η αίσθηση του κλασσικού ενώνεται με

την μοντέρνα πλοήγηση. Εδώ, τα κουμπιά αποκτούν

πρωταγωνιστική θέση με τις σελίδες. Η υφή του

υφάσματος και οι ραφές προσδίδουν μια οικιότητα

στον χρήστη και τον κάνουν να νιώθει πως

χειρίζεται μια ατζέντα πληροφοριών.

r= 220 · g= 213 · b= 185

r= 60 · g= 68 · b= 72

r= 144 · g= 138 · b= 95

r= 193 · g= 193 · b= 191

χρωματικη παλετα

γραμματοσειρεσSentinel Light - 16pxMuseo Slab 500, 300 - 16px, 24px, 30px

Page 84: Designing an iPad app

| 83 Πέμπτο Προσχέδιο

Page 85: Designing an iPad app

84 | Έκτο Προσχέδιο

7.7 ekto προσχεδιο

Σε αυτό το παράδειγμα δόθηκε έμφαση στα

εικονίδια και πώς αυτά συμβολίζουν την σημασία

κάθε κουμπιού. Δίνεται έμφαση στο περιεχόμενο

ενώ τα κουμπιά καταλαμβάνουν την μικρότερη και

πιο διακριτική θέση στον χώρο. Αυτός ο τρόπος

διαρύθμισης βοηθά τον χρήστη να επικεντρώνεται

όχι τόσο στα κουμπιά αλλά στις βασικές σελίδες της

εφαρμογής.

r= 50 · g= 61 · b= 61

r= 238 · g= 238 · b= 238

r= 52 · g= 62 · b= 64

χρωματικη παλετα

γραμματοσειρεσGeorgia Regular, Bold - 14px, 16px, 30pxMuseo Slab 500, 300 - 16px, 24px, 30px

Page 86: Designing an iPad app

| 85 Έκτο Προσχέδιο

Page 87: Designing an iPad app

86 | Έβδομο Προσχέδιο

7.8 εβδομο προσχεδιο

Μια άλλη λύση που δημιούργησα ξεφεύγοντας από

τα προηγούμενα προσχέδια, ήταν η ενσωαμάτωση

ενός εικονογραφημένου τσαγιού μέσω illustrator

ως βασικό μενού. Ο χρήστης για να επιλέξει ένα

κουμπί πρέπει να ανακατεύσει το σακουλάκι τσαγιού

σέρνοντάς το κυκλικά εκεί που επιθυμεί. Το texture

δίνει την αίσθηση ενός άσπρού τραπεζομάντηλου

στο οποίο είναι τοποθετημένο το πιάτο με το τσάι.

Το λογότυπο της εταιρείας λαμβάνει θέση στην

εικονογράφηση και μοιάζει σαν να είναι τυπωμένο

στο πιάτο. Τα χρώματα και η τυπογραφία όπως και

στα προηγούμενα παραδείγματα παραμένουν απλά

και καθαρά.

r= 226 · g= 224 · b= 220

r= 215 · g= 144 · b= 34

r= 153 · g= 88 · b= 21

r= 228 · g= 229 · b= 197

r= 108 · g= 108 · b= 56

r= 153 · g= 153 · b= 51

r= 199 · g= 196 · b= 190

χρωματικη παλετα

γραμματοσειρεσSentinel Book, Light - 16pxMuseo Slab 300 - 16px

Page 88: Designing an iPad app

| 87 Έβδομο Προσχέδιο

Page 89: Designing an iPad app

88 | Όγδοο Προσχέδιο

7.9 ογδοο προσχεδιο

Μια λύση ακόμα που μελετήθηκε ήταν να γίνει

η εφαρμογή φωτογραφική. Η πλοήγηση των

κουμπιών είναι κάθετη και η σχεδίασή της απλή

κ ευανάγνωστη. Η διαφορά από τις άλλες είναι

ότι ως φόντο τοποθετήθηκε φωτογραφικό υλικό.

Για κάθε διαφορετική σελίδα υπάρχει και μια

διαφορετική φωτογραφία η οποία ταιριάζει με την

διαφήμιση της εφαρμογής. Επίσης, ως εναλλακτική

λύση φόντου χρησιμοποιήθηκε σε αυτή την

περίπτωση gradient για να φανεί η εφαρμογή λίγο

πιο μοντέρνα και κομψή ταυτόχρονα.

r= 111 · g= 112 · b= 129

r= 225 · g= 225 · b= 225 · opacity= 51%

r= 227 · g= 227 · b= 227

r= 186 · g= 186 · b= 193

r= 141 · g= 141 · b= 154

r= 150 · g= 150 · b= 150

χρωματικη παλετα

γραμματοσειρεσSentinel Light, Medium - 16px, 18pxGeorgia Regular, Bold - 14px, 16px

Page 90: Designing an iPad app

| 89 Όγδοο Προσχέδιο

Page 91: Designing an iPad app

90 |

All things are difficult before they are easy“ ”Thomas Fuller

Page 92: Designing an iPad app

| 91 Τελική Μελέτη & Προσχέδια

Τελική Μελέτη & Προσχέδια

κεφάλαιο

8

Page 93: Designing an iPad app

92 | Σκεψεις & Αναζήτηση Ιδεών

8.1 σκεψεισ για τα προηγουμενα προσχεδια

Αν και εμπεριείχαν μια συγκεκριμένη αισθητική και

σκέψη συμβαδίσματος με το brand, τα προηγούμενα

προσχέδια δεν εξελίχθηκαν. Μπορεί να ήταν κομψά

και μιας κλασσικής αισθητικής αλλά τους έλειπε

ένα ανθρώπινο - συναισθηματικό στοιχείο. Ένα

στοιχείο το οποίο ο χρήστης θα συμπαθήσει και θα

το νιώσει κοντά του. Τα προηγούμενα προσχέδια,

εμπεριείχαν το αισθητικά κομψό κομμάτι αλλά δεν

είχαν ψυχή. Συνειδητοποιώντας αυτό το γεγονός

αποφάσισα να μελετήσω την άλλη όψη του

νομίσματος. Παρατήρησα ακόμη περισσότερο τα

διαφημιστικά σποτ της Twinings με την πεποίθηση

ότι ειδικά εκείνα εμπεριείχαν αυτό που έψαχνα να

υπάρχει και στην εφαρμογή: το ανθρώπινο στοιχείο.

8.2 αναζητηση ιδεων σχετικα με το τσαι

Μετά την ανάλυση από κάθε οπτική γωνία του

brand Twinings, αποφάσισα να αναζητήσω κάποιες

ιδέες μακριά από το brand αλλά εξ’ολοκλήρου

κοντά στο τσάι ως ρόφημα.

Page 94: Designing an iPad app

| 93 Η Ανακάλυψη του Τσαγιού

8.2.1 η ανακαλυψη του τσαγιου

Σύμφωνα με το θρύλο11, το τσάι ανακαλύφθηκε

τυχαία από τον κινέζο αυτοκράτορα Σεν Νουνγκ, το

2737 π.Χ.

Μία καλοκαιρινή ημέρα αποφάσισε να επισκεφθεί

μια μακρινή γωνιά της αυτοκρατορίας του. Κάποια

στιγμή διέταξε την ακολουθία του να σταματήσει,

και οι υπηρέτες ξεκίνησαν να βράζουν νερό για να

πιουν οι διψασμένοι ταξιδιώτες. Ο αυτοκράτορας

πίστευε ότι το νερό έπρεπε να βράζεται πριν από

την πόση, για λόγους υγιεινής.

Την ώρα, όμως, που έβραζε το νερό, ένα ρεύμα

αέρα παρέσυρε φύλλα από κάποιο γειτονικό θάμνο

και αυτά κατέληξαν στο ξεσκέπαστο τσουκάλι. Πριν

προλάβει κανείς να αντιδράσει, τα φύλλα άρχισαν

να βράζουν και να χρωματίζουν το νερό. Ο Σεν

Νουνγκ μύρισε το γλυκό άρωμα του «μείγματος»,

και τη στιγμή που το δοκίμασε ανακάλυψε τις

αναζωογονητικές του ιδιότητες.

Για χιλιετίες το τσάι χρησιμοποιούνταν περισσότερο

ως φάρμακο. Καθημερινό ρόφημα έγινε γύρω στον

3ο αιώνα μ.Χ. οπότε άρχισε η καλλιέργεια και η

παραγωγή του.

11. βλ. άρθρο sansimera.gr/articles/49

Page 95: Designing an iPad app

94 | Το Τσάι ως Τελετουργία στην Αγγλία

8.2.2 το τσαϊ ωσ τελετουργια στην αγγλια

Το απογευματινό τσάι είναι η κατεξοχήν αγγλική

τελετουργική συνήθεια, αλλά και μια παράδοση

που, στην Αγγλία του σήμερα, τείνει να εκλείψει. Το

τσάι ως ρόφημα πρέπει σαφέστατα να διακρίνεται

από το ελαφρύ γεύμα –«high tea» ή «meat

tea»- που συνοδεύει το τσάι αυτό καθαυτό και

που αρχικά ονομαζόταν «afternoon tea», επειδή

λαμβανόταν γύρω στις πέντε το απόγευμα, εξού

και το περίφημο «five o’ clock tea», με ένα φλυτζάνι

παχύρρευστη σοκολάτα ανά χείρας. Λέγεται ότι

αυτή που καθιέρωσε την ώρα και το περιεχόμενο

του «five o’ clock tea» ήταν η Άννα, σύζυγος του

δούκα του Μπέντεφορντ, καθώς τη συγκεκριμένη

ώρα της ημέρας αισθανόταν «μια αδυναμία». Τον

190 αιώνα, οι Άγγλοι έπαιρναν πλουσιοπάροχο

πρωινό με κρέατα και αυγά, το μεσημέρι έτρωγαν

στο πόδι και το βράδυ δεν δειπνούσαν πριν από

τις οκτώ. Συνεπώς, το μικρό κενό στο στομάχι που

αισθανόταν η δούκισσα του Μπέντφορντ ήταν

απόλυτα φυσιολογικό.

8.2.3 σε καθε χωρα και ενα τσαι

στην κινα12: Ένα ποτήρι με χλιαρό τσάι συνοδεύ-

ει τους περισσότερους Κινέζους σε όλες τους τις

δραστηριότητες. Οι ποδηλάτες το βάζουν μέσα σε

μικρά καλαθάκια!

στην ιαπωνια: Η παρασκευή και κατανάλωση

τσαγιού είναι σπουδή! Οι Ιάπωνες αφιερώνουν

πολύ χρόνο στη μελέτη του σάντο, όπως λέγεται το

12. βλ. vita.gr/html/ent/410/ent.8410.asp

Page 96: Designing an iPad app

| 95 Σε κάθε Χώρα και ενα Τσάι

τελετουργικό προετοιμασίας, που διαρκεί μέχρι και

4 ώρες.

στην αγγλια: Το πίνουν και με λεμόνι και με γάλα.

Στις 5 ακριβώς το απόγευμα είναι ώρα για τσάι,

το οποίο οι Βρετανοί συνοδεύουν με ένα ελαφρύ

γεύμα από σάντουιτς-μπουκίτσες και ψωμάκια με

μαρμελάδα. Το «απογευματινό τσάι» είναι ένα έθιμο

που οι Άγγλοι έχουν διαδώσει σε ολόκληρο τον

κόσμο.

στην ιρλανδια: Το τσάι δεν σερβίρεται ποτέ

με λεμόνι, αλλά πάντα με γάλα. Οι Ιρλανδοί

το πίνουν δυνατό και τους αρέσει πολύ να

συνδυάζουν χαρμάνια. Μένουν, επίσης, πιστοί στις

παραδοσιακές ώρες για τσάι (στις 11 το πρωί, στις

3 το μεσημέρι και στις 6 το απόγευμα).

στη ρωσια: Είτε σε φλιτζάνι πορσελάνης

ζωγραφισμένης στο χέρι είτε σε γυάλινα ποτήρια σε

σκαλιστή ασημένια θήκη, οι Ρώσοι απολαμβάνουν

το τσάι τους με λεμόνι και λίγη ζάχαρη ή 1 κουταλιά

μαρμελάδα, αλλά ποτέ με γάλα.

στην ινδια: Το πίνουν δυνατό, καυτό, πολύ γλυκό,

με πολύ γάλα και αναμεμειγμένο με κάρδαμο,

μπαχάρι, κανέλα, πιπερόριζα, γλυκάνισο και

γαρίφαλο.

στην τουρκια: Χρησιμοποιούν 2 τσα γιέρες.

Στη μία περιέχεται ζεστό συμπυκνωμένο τσάι και

στην άλλη βραστό νερό. Η μείξη γίνεται σε μικρά

ποτήρια με ζάχαρη και λεμόνι.

Page 97: Designing an iPad app

96 | Afternoon Tea Party

8.2.4 afternoon tea party

Το γεγονός ότι το τσάι είναι μια καθημερινή

συνήθεια για πολλές χώρες και κυρίως για την

Αγγλία, μου θύμισε ότι είναι ιεροτελεστία και

για ορισμένα παιδιά μικρών ηλικιών τα οποία

ετοιμάζουν με πολύ προσοχή ένα τραπέζι

με ψεύτικες κούπες τσαγιού και πολλά άλλα

πολύχρωμα εξαρτήματα για να παίξουν με

τους υπόλοιπους αόρατους και μη φίλους

προσποιούμενοι ότι πίνουν τσάι και μιλάνε μεταξύ

τους. Αυτό ουσιαστικά που μιμούνται τα παιδιά

είναι το λεγόμενο «Afternoon Tea Party». Σε αυτό

το «πάρτυ» μαζεύονται κάθε απόγευμα οι Άγγλοι

και πίνουν το αγαπημένο τους ρόφημα. Το ίδιο

γινόταν και στο παραμύθι «Η Αλίκη στην χώρα των

θαυμάτων» όπου κάποια στιγμή οι πρωταγωνιστές

μια συγκεκριμένη χρονική στιγμή συγκεντρώνονται

στο «Mad Tea Party» τους.

Page 98: Designing an iPad app

| 97 Afternoon Tea Party

Εικόνα 34: Παράδειγμα χρωμάτων και ύφους του afternoon tea party.

Page 99: Designing an iPad app

98 | Mad Tea Party

Εικόνα 35: Στιγμιότυπα του Mad Tea Party ταινίας και κινουμένων σχεδίων του παραμυθιού «Η Αλίκη στην Χώρα των Θαυμάτων»

Page 100: Designing an iPad app

| 99 Mad Tea Party

Εικόνα 36: Παράδειγμα χρωμάτων και ύφους του afternoon tea party.

Page 101: Designing an iPad app

100 |Νέες Ιδέες Γεννιούνται

8.3 νεεσ ιδεεσ γεννιουνται

Η συνεχόμενη έρευνα και η προσδοκία να βρεθούν

νέες ιδέες από αυτήν, απέφερε τους καρπούς της.

Το γεγονός ότι το τσάι είναι τόσο σημαντικό στην

ζωή των ανθρώπων που γίνονται και πάρτυ προς

τιμήν του κάθε απόγευμα από μικρούς και μεγάλους

με πολύχρωμες κούπες, κουταλάκια, πιατάκια και

τσαγιερό με παρότρυνε να χρησιμοποιήσω αυτήν

την νοοτροπία στα παρακάτω προσχέδια.

8.4 ενατο προσχεδιο

Μια σχεδιαστική λύση διαφορετική από όλες τις

άλλες ήταν να εικονογραφηθεί εξ’ολοκλήρου

η εφαρμογή. Δημιουργήθηκε ένα ασπρόμαυρο

σουρεαλιστικό σκηνικό με φακελάκια τσαγιού να

αιωρούνται. Ο χρήστης για να επιλέξει κάθε κουμπί

πρέπει να τραβήξει ενα φακελάκι. Στη συνέχεια,

στο βασικό μενού, επιλέγοντας οποιαδήποτε κούπα

- κουμπί, το εικονογραφημένο χέρι κατευθύνεται

προς την συγκεκριμένη επιλογή γεμίζοντας την

με τσάι. Η σταθερή και καθαρή τυπογραφία

εξισορροπεί τα ασύμμετρα σχέδια.

r= 255 · g= 255 · b= 255

r= 0 · g= 0 · b= 0

χρωματικη παλετα

γραμματοσειρεσSentinel Light, Semibold - 16px, 21pxGeorgia Regular - 16px, 21px

1pt. flat, uniform

Page 102: Designing an iPad app

| 101 Ένατο Προσχέδιο

Page 103: Designing an iPad app

102 | Δέκατο Προσχέδιο

8.5 δεκατο προσχεδιο

Σε αυτό το παράδειγμα ακόμη και τα κουμπιά είναι

χειροποίητα. Το φόντο αποκτά ένα παιχνιδιάρικο

ύφος και μοιάζει με τα τραπεζομάντηλα που

χρησιμοποιούνται στο «Afternoon Tea Party».

Λίγα εικονογραφημένα στοιχεία εννόνονται με

το σύνολο. Τα προσχέδια αρχίζουν να αποκτούν

το ανθρώπινο στοιχείο ενώ όλα τα στοιχεία

αλληλοσυμπληρώνονται για να δημιουργήσουν εν

τέλει ένα εξισορροπημένο αποτέλεσμα.

r= 247 · g= 205 · b= 213

r= 246 · g= 194 · b= 213

r= 255 · g= 255 · b= 255

r= 0 · g= 0 · b= 0

1pt. flat, uniform

χρωματικη παλετα

γραμματοσειρεσSentinel Light, Semibold - 16px, 21px

Page 104: Designing an iPad app

| 103 Δέκατο Προσχέδιο

Page 105: Designing an iPad app

104 |

8.6 ενδεκατο προσχεδιο

Ακριβώς παρόμοια λύση με την παραπάνω με την

μόνη διαφορά, την αλλαγή του φόντου. Σε αυτή

την περίπτωση προστέθηκαν λευκά σεμεδάκια

δημιουργώντας μια ατμόσφαιρα ακόμη πιο

χαρούμενη.

r= 247 · g= 205 · b= 213

r= 246 · g= 194 · b= 213

r= 255 · g= 255 · b= 255

r= 0 · g= 0 · b= 0

1pt. flat, uniform

χρωματικη παλετα

γραμματοσειρεσSentinel Light, Semibold - 16px, 21px

Ενδέκατο Προσχέδιο

Page 106: Designing an iPad app

| 105 Ενδέκατο Προσχέδιο

Page 107: Designing an iPad app

106 |

8.7 δωδεκατο προσχεδιο

Συνεχίζοντας τον πειραματισμό με παρόμοιο

στυλ σχεδίασης, άλλαξα την υφή του φόντου η

οποία μετατράπηκε σε υφασμάτινη. Προστέθηκαν

ραφές σε κάθε κουμπί για να δημιουργώντας

ακόμη μεγαλύτερη οικειότητα στον χρήστη. Η

εικονογράφηση και το lettering παρέμειναν ίδια

ξεκουράζοντας όμως συνολικά τον χρήστη από τα

έντονα χρώματα.

Δωδέκατο Προσχέδιο

r= 215 · g= 228 · b= 228

r= 255 · g= 255 · b= 255

r= 168 · g= 212 · b= 241

r= 166 · g= 213 · b= 211

r= 0 · g= 0 · b= 0

1pt. flat, uniform

χρωματικη παλετα

γραμματοσειρεσSentinel Light, Semibold - 16px, 21px

Page 108: Designing an iPad app

| 107 Δωδέκατο Προσχέδιο

Page 109: Designing an iPad app

108 |

8.8 δεκατο τριτο προσχεδιο

Ο τρόπος εικονογράφησης και εδώ είναι παρόμοιος

όμως ο τρόπος πλοήγησης αλλάζει. Σε αυτή την

περίπτωση τα κουμπιά δεν έχουν πρωταγωνιστικό

ρόλο στην σκηνή, είναι πιο διακριτικά και

μετακινούνται προς τα έξω όταν ο χρήστης τα

επιλέξει. Εδώ ακόμη και το λογότυπο της εταιρείας

αποκτά το ίδιο ύφος με τα υπόλοιπα κουμπιά. Το

φόντο είναι και πάλι υφασμάτινο αποτελούμενο

και πάλι από ραφές όπως και στο παραπάνω

παράδειγμα.

Δέκατο Τρίτο Προσχέδιο

r= 218 · g= 213 · b= 177

r= 255 · g= 255 · b= 255

r= 0 · g= 0 · b= 0

r= 109 · g= 91 · b= 51

1pt. flat, uniform

χρωματικη παλετα

γραμματοσειρεσMuseo Slab 500 - 24pxSentinel Light - 16px

Page 110: Designing an iPad app

| 109 Δέκατο Τρίτο Προσχέδιο

Page 111: Designing an iPad app

110 |

8.9 δεκατο τεταρτο προσχεδιο

Σε αυτή τη περίπτωση, ο χρήστης κρατάει το Ipad

κάθετα ενώ η πλοήγηση στο βασικό μενού γίνεται

μέσω της αναζήτησης της οθόνης. Ο χρήστης έχει

να επιλέξει ανάμεσα σε πολύ μεγάλου μεγέθους

κουμπιά τα οποία καταλαμβάνουν εξ’ολοκλήρου

την οθόνη του Ipad. Ανάλογα με την σημασία του

κάθε κουμπιού υπάρχει και μια εικόνα ενώ ο χώρος

μοιάζει με ένα γραφείο του χρήστη στο οποίο είναι

τοποθετημένα διάφορα αντικείμενα. Ο τρόπος

εικονογράφησης είναι παρόμοιος με τα παραπάνω

παραδείγματα μόνο που προστέθηκε χρώμα χωρίς

όμως περεταίρω λεπτομέρειες (σκιές κλπ.). Το

βασικό μενού μετά από την πρώτη είσοδο του

χρήστη, μετατρέπεται σε ένα διακριτικό μενού το

οποίο βρίσκεται στην άκρη της κάθε σελίδας. Σε

αυτή τη περίπτωση η τυπογραφία προσαρμόστηκε

με το υπόλοιπο ύφος.

r= 209 · g= 111 · b= 21

r= 244 · g= 207 · b= 152

r= 207 · g= 154 · b= 108

r= 230 · g= 231 · b= 232

r= 117 · g= 76 · b= 41

r= 255 · g= 242 · b= 0

r= 190 · g= 30 · b= 45

r= 38 · g= 34 · b= 98

r= 178 · g= 230 · b= 249

χρωματικη παλετα

γραμματοσειρεσCourier New - 14px, 18px

Δέκατο Τέταρτο Προσχέδιο

Page 112: Designing an iPad app

| 111 Δέκατο Τέταρτο Προσχέδιο

Page 113: Designing an iPad app

112 |

8.9 δεκατο πεμπτο προσχεδιο

Και σε αυτό το προσχέδιο ερευνάται ο τρόπος

ταξινόμησης κουμπιών και χρωμάτων όταν ο

χρήστης χειρίζεται το Ipad του κάθετα.

Ο σχεδιασμός αλλά και οι χρωματικοί συνδυασμοί

είναι παρόμοιοι με προηγούμενα προσχέδια αλλά

δίνεται ιδιαίτερη προσοχή και έμφαση στο να

«αναπνέει» ο χώρος.

r= 247 · g= 205 · b= 213

r= 246 · g= 194 · b= 213

r= 255 · g= 255 · b= 255

r= 0 · g= 0 · b= 0

1pt. flat, uniform

χρωματικη παλετα

γραμματοσειρεσSentinel Book, Light - 16pxMuseo Slab 500 - 24px

Δέκατο Πέμπτο Προσχέδιο

Page 114: Designing an iPad app

| 113 Δέκατο Πέμπτο Προσχέδιο

Page 115: Designing an iPad app

114 |

8.10 δεκατο εκτο προσχεδιο

Παρόμοιες δοκιμές έγιναν και σε αυτήν την

περίπτωση όταν όλα τα αντικείμενα βρίσκονται

κάθετα. Τα σχέδια είναι διαφορετικά αλλά η λογική

πλοήγησης δεν αλλάζει. Το υφασμάτινο γαλάζιο

φόντο βοηθά στο να δημιουργεί ένα ανάλαφρο

- ξεκούραστο κλίμα. Και εδώ υπάρχουν οι ραφές

όπως και σε προηγούμενα προσχέδια οι οποίες

εννώνουν το φόντο με τις μπροστινές σελίδες

δημιουργώντας ένα φιλικό - οικείο περιβάλλον

προς τον χρήστη.

r= 215 · g= 228 · b= 228

r= 255 · g= 255 · b= 255

r= 168 · g= 212 · b= 241

r= 166 · g= 213 · b= 211

r= 0 · g= 0 · b= 0

1pt. flat, uniform

χρωματικη παλετα

γραμματοσειρεσSentinel Book, Light - 16pxMuseo Slab 500 - 24px

Δέκατο Έκτο Προσχέδιο

Page 116: Designing an iPad app

| 115 Δέκατο Έκτο Προσχέδιο

Page 117: Designing an iPad app

116 | Τελικές Επιλογές & Συμπεράσματα

8.11 τελικεσ επιλογεσ & συμπερασματα

Όπως είδαμε παραπάνω βάσει της έρευνας

γεννιούνται και νέες ιδέες. Όσο πιο πολύ

εντρυφήσει - αναζητήσει - ερευνήσει - μελετήσει

ο σχεδιαστής τόσες πιο πολλές ιδέες και προσχέδια

μπορεί να αναπτύξει τα οποία μπορούν να

αποκτήσουν περισσότερο ενδιαφέρον από τα

αρχικά. Σε κάθε παραπάνω προσχέδιο μπορούν

να γίνουν αλλαγές ώστε να καλυτερεύσει,

να διαφοροποιηθεί και εν τέλει να αλλάξει.

Κάποια προσχέδια θα μπορούσαν θεωρητικά να

σχεδιαστούν κάθετα ενώ άλλα οριζόντια και το

αντίστροφο.

Παρ’όλα αυτά, θεωρώ ότι πέρα από την

ποικιλία των προσχεδίων πρέπει να επιλεχθούν

τα πιο λειτουργικά και χρηστικά απέναντι στον

καταναλωτή αλλά και απέναντι στο brand

Twinings. Όπως προαναφέρθηκε σε προηγούμενο

κεφάλαιο, στα αρχικά προσχέδια έλειπε αυτό το

ανθρώπινο στοιχείο που φέρνει κοντά το brand με

τον καταναλωτή. Τα δευτερεύοντα προσχέδια από

την άλλη είναι σίγουρα πιο ενδιαφέροντα αλλά

αποκλείστηκαν ορισμένα για διάφορους πρακτικούς

λόγους. Η εφαρμογή λόγω του ότι διαφημίζει

το τσάι και την σημασία της ποιότητάς του,

θεώρησα ότι το να έχει μια τελείως ασπρόμαυρη

εικονογράφηση δεν θα βοηθούσε να αναδειχθεί

το προϊόν. Επίσης η ταξινόμηση των αντικειμένων

στο χώρο είναι σημαντική στο να μην κουράζει τον

χρήστη.

Page 118: Designing an iPad app

| 117 Τελικές Επιλογές & Συμπεράσματα

Το ίδιο όμως συμβαίνει και με τα έντονα χρώματα.

Σε διάφορα προσχέδια χρησιμοποιήθηκαν έντονα

χρώματα για να αναδειχθεί η λογική του «afternoon

tea party» όμως πρακτικά, μετά από λίγη ώρα θα

κούραζε το οπτικό πεδίο του χρήστη ο οποίος εν

τέλει θα αναγκαζόταν να κλείσει την εφαρμογή.

Έτσι, λοιπόν επιλέχθηκαν τα προσχέδια που αφενός

έχουν αυτό το ζεστό, ανθρώπινο στοιχείο και

αφετέρου θα μπορούν να καλύπτουν τις ανάγκες

του χρήστη χωρίς να του αποσπούν την προσοχή

ή να τον κουράζουν. Επίσης σε κάθε περίπτωση

εξασφαλίσθηκε η επιλογή του χρήστη να χειρίζεται

το Ipad του οριζόντια ή κάθετα καλύπτωντας και τα

δυο ενδεχόμενα διαφορετικά μεν λειτουργικά δε.

Page 119: Designing an iPad app

118 |

And one more thing“ ”Steve Jobs

Page 120: Designing an iPad app

| 119

And one more thing

Ανάλυση Δημιουργίας Τελικού Αποτελέσματος

Ανάλυση Δημιουργίας Τελικού Αποτελέσματος

κεφάλαιο

9

Page 121: Designing an iPad app

120 |

9.1 λιγα λογια για την συσκευη ipad

Η Ipad ταμπλέτα διαφέρει σχεδιαστηκά από

ένα Iphone. Ως σχεδιαστές, δεν μπορούμε να

θεωρήσουμε το Ipad ένα μεγάλο Iphone. Το να

μεγενθύνουμε μια εφαρμογή για Iphone και να

πούμε ότι ολοκλήρώσαμε την σχεδίαση της

εφαρμογής για Ipad θα ήταν άστοχο και πιθανότατα

να μην είχε επιτυχία στην αγορά. Οι κινήσεις

των δαχτύλων (gestures) επίσης, γίνονται πιο

περίπλοκες στο Ipad και ως σχεδιαστές ωφείλουμε

να εκμεταλλευτούμε αυτό το γεγονός. Το ίδιο ισχύει

και ως προς την κίνηση και κατεύθυνση του Ipad.

Αναλόγως με το αν κρατάει ο χρήστης οριζόντια ή

κάθετα την ταμπλέτα, θα πρέπει και ο σχεδιασμός

να προσαρμοστεί καταλλήλως.

Ορισμένα χαρακτηριστηκά της συσκευής Ipad

χωρίζονται σε Inputs (κινήσεις που κάνει ο χρήστης

προς το Ipad) και outputs (κινήσεις του Ipad προς

τον χρήστη).

Ο χρήστης μπορεί να:

‣ Αγγίξει (Touch) με ένα ή πολλά δάχτυλα

(sigle and multifinger).

‣ Σύρει (Drag) αντικείμενα, εικόνες κλπ.

‣ Ανακινήσει (Shake) το Ipad.

‣ Κλίσει (Tilt) προς μια συγκεκριμένη

κατεύθυνση την ταμπλέτα.

‣ Στρηφογυρίσει (Spin) το Ipad.

‣ Περιστρεύσει (Rotate) αντικείμενα και

εικόνες

‣ Μιλήσει (στο Ipad είναι ενσωματωμένο και

ένα μικρόφωνο).

Λίγα Λόγια για την Συσκευή Ιpad

Page 122: Designing an iPad app

| 121 Λίγα Λόγια για την Συσκευή Ιpad

‣ Δημιουργήσει εξωτερικούς ήχους που μπορεί

το Ipad να αναγνωρίσει.

Και από την άλλη, το Ipad:

‣ Αναπαράγει Βίντεο.

‣ Αναπαράγει Ήχο.

‣ Μοιράζει Δεδομένα (μέσω internet και

ηλεκτρονικού υπολογιστή)

εξοδοσ ηχου(3.5μμ εισοδοσ ακουστικων)

εισοδοσ - εξοδοσwi-fi & bluetooth

μικροφωνο

3g συνδεση(για τα 3g μοντελα)

εισοδοσ - εξοδοσvga video & data μεσω dock connector port

Page 123: Designing an iPad app

122 | Gestures Εφαρμογής

9.2 gestures εφαρμογησ

Η διαδραστικότητα των συσκευών αφής γίνεται

κατά κόρον με την επαφή και τις κινήσεις των

δαχτύλων του χρήστη. Στη συσκευή Iphone, λόγω

του μικρότερου μεγέθους της, ο χρήστης μπορεί

να κάνει λιγότερες κινήσεις με τα χέρια του ή να

χρησιμοποιήσει λιγότερα δάχτυλα σε σχέση με

μια ταμπλέτα σαν το Ipad. Η εταιρεία apple και οι

σχεδιαστές γενικότερα, μελετάνε νέους τρόπους

gestures και μάλιστα στο νέο λογισμικό του Ipad

ο χρήστης μπορεί να χειρίζεται τις εφαρμογές με

τέσσερα και πέντε δάχτυλα.

Στην συγκεκριμένη Twinings εφαρμογή,

προτιμήθηκαν να χρησιμοποιηθούν οι βασικές

κινήσεις δαχτύλων για επιλογή, μεγένθυνση,

σμίκρυνση, ξεφύλλισμα σελιδών, τράβηγμα και

περιστροφή οθόνης σε περίπτωση περιστροφής

του Ipad από οριζόντια σε κάθετα ή το αντίστροφο.

Γενικότερα, επιλέχθηκαν gestures στα οποία ο

χρήστης είναι πιο εξοικιωμένος από προηγούμενες

βασικές εφαρμογές του Ipad.

Θεωρήθηκε σωστότερο σε μια διαφημιστική

εφαρμογή, να μην δημιουργηθούν δυσκολίες

χρήσης στον καταναλωτή. Παρ’όλα αυτά, σε ένα

άλλο είδος εφαρμογής οι σχεδιαστές μπορούν να

πειραματιστούν με νέα gestures τηρώντας, φυσικά,

τους βασικούς κανόνες σχεδίασης της Apple.

Page 124: Designing an iPad app

| 123 Gestures Εφαρμογής

Εικόνα 37: Εικονίδια που συμβολίζουν τα gestures για τη συσκευή Ipad.

Page 125: Designing an iPad app

124 |

9.3 τυπογραφια εφαρμογησ

Η συσκευή Ipad έχει περιορισμένο αριθμό

αναγνώρισης γραμματοσειρών. Πιο συγκεκριμένα,

μέχρι στιγμής το λογισμικό iOS 5 του Ipad

καλύπτει 58 οικογένειες γραμματοσειρών. Αυτό

δεν αποκλείει ότι ο σχεδιαστής δεν μπορεί

να χρησιμοποιήσει άλλες γραμματοσειρές

απλώς αυτές θα πρέπει να τις μετατρέψει σε

εικόνες γεγονός το οποίο δυσκολεύει ορισμένες

φορές την αναγνωσιμότητα μεγάλων κειμένων

μιας εφαρμογής. Εξαιρούνται όμως κάποιες

γραμματοσειρές οι οποίες σχεδιάστηκαν εξαρχής

για να είναι ευανάγνωστες στις συσκευές Iphone

και Ipad.

Μια από αυτές την οποία και επέλεξα είναι η

Sentinel των Hoefler & Frere - Jones η οποία,

αφενός είναι καλοσχεδιασμένη και ευανάγνωστη

και αφετέρου έχει μια ανάμειξη κλασσικού με

μοντέρνου ύφους. Η συγκεκριμένη γραμματοσειρά

μάλιστα χρησιμοποιείται στην εφαρμογή

Readability όπου ο χρήστης την χρησιμοποιεί

για καλύτερη αναγνωσιμότητα ιστοσελιδών που

αποθήκευσε. Για τους τίτλους χρησιμοποίησα

την γραμματοσειρά Museo Slab θεωρώντας ότι

και αυτή εξυπηρετεί τους παραπάνω σκοπούς.

Επίσης ορισμένες λέξεις - κουμπιά σχεδιάστικαν

με ταμπλέτα για να συνδυαστούν με την υπόλοιπη

αισθητική της εφαρμογής. Για τον σχεδιασμό τους

εμπνεύστηκα από την Times New Roman την οποία

εσκεμμένα παραμόρφωσα δίνοντας ένα κλασσικό

αλλά και ασύμμετρο ύφος.

Τυπογραφία Εφαρμογής

Page 126: Designing an iPad app

| 125 Τυπογραφία Εφαρμογής

times new roman bold, 36px παραμορφωση λεξησ τελικο αποτελεσμα

Εικόνα 38: Παραδείγματα γραμματοσειρών που χρησιμοποιήθηκαν για την σχεδίαση της εφαρμογής.

Page 127: Designing an iPad app

126 |

9.4 σχεδιαση περιβαλλοντοσ χρηστη (UI)

Εφόσον επιλέχθηκαν οι γραμματοσειρές που θα

χρησιμοποιούνταν στην εφαρμογή, έπρεπε πριν

αλλά και κατά την διάρκεια του στησίματος της

εφαρμογής, να οριστεί το περιβάλλον χρήστη (user

interface). Το UI είναι στην ουσία, ο σχεδιαστικός

καθορισμός κουμπιών, φόντου και γενικά του

ύφους και της αισθητικής που θα κυριαρχήσουν

στην εφαρμογή. Το χειροποίητο σχεδιαστικό ύφος

που επιλέχθηκε για αυτήν την εφαρμογή καθόρισε

και την αισθητική των κουμπιών και γενικότερα του

περιβάλλοντος χρήστη.

Συνήθως, εφαρμογές όπως παιχνίδια στο Ipad

και στο Iphone έχουν εξ’ολοκλήρου σχεδιάσει

ένα περιβάλλον χρήστη το οποίο διαφέρει από

οποιαδήποτε άλλη εφαρμογή. H Apple όμως

προτείνει πως για άλλου είδους εφαρμογές,

οι σχεδιαστές μπορούν να χρησιμοποιήσουν

το προτεινόμενο interface του Ipad ή να το

μεταβάλλουν χωρίς να αλλάξουν την σημασία των

κουμπιών, των εικονιδίων κλπ.

Για αυτούς ακριβώς τους λόγους αποφάσισα

να χρησιμοποιήσω σαν βάση τα σχήματα των

κουμπιών και των εντολών του Ipad αλλά να

τα αντικαταστήσω με χειροποίητα γράμματα

και εικόνες δίνοντας πάντα αυτήν την κοντινή

ανθρώπινη αίσθηση που έχει το προϊόν Twinings με

τον καταναλωτή.

Σχεδίαση Περιβάλλοντος Χρήστη (UI)

Page 128: Designing an iPad app

| 127 Σχεδίαση Περιβάλλοντος Χρήστη (UI)

:;

/

Page 129: Designing an iPad app

128 |

CLEAR

ABOUT TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Σχεδίαση Περιβάλλοντος Χρήστη (UI)

Εικόνα 40: Παραδείγματα UI αντικειμένων.

Page 130: Designing an iPad app

| 129 Σχεδίαση Περιβάλλοντος Χρήστη (UI)

Εικόνα 41: Παραδείγματα UI αντικειμένων.

Page 131: Designing an iPad app

130 |

9.5 εικονιδιο εφαρμογησ & ονομασια

Βάσει του επιλεγμένου χειροποίητου ύφους της

εφαρμογής δημιουργήθηκαν και τα εικονίδια

της εφαρμογής. Στις συγκεκριμένες, μάλιστα,

περιπτώσεις, συνδυάζεται το κλασσικό λογότυπο

του τσαγιού Twinings με ένα σκίτσο μιας κούπας

υποδηλώνοντας, έτσι, το ύφος της εφαρμογής.

Η ονομασία επίσης της εφαρμογής δεν θα

μπορούσε να είναι άλλη από το ίδιο το brand

ακριβώς επειδή ο χρήστης δεν πρέπει να

δυσκολευτεί στην αναζήτησή της.

Η διαφορά των δύο εικονιδίων είναι ότι στο

πρώτο παράδειγμα όλα είναι ασπρόμαυρα χωρίς

ιδιαίτερες λεπτομέρειες προβάλλοντας έτσι,

το brand αυτό καθ’αυτό. Η δεύτερη περίπτωση

με το έγχρωμο φόντο, προϊδεάζει τον χρήστη

ακόμη περισσότερο για το ύφος της εφαρμογής.

Εξετάστηκαν επίσης, και στις δύο περιπτώσεις,

όλα τα απαραίτητα μεγέθη που θα μπορούσε το

εικονίδιο να προσαρμοστεί από την στιγμή που θα

βρεθεί στο App Store μέχρι και στις ρυθμίσεις της

εφαρμογής μέσα στο μενού του Ipad.

Εικονίδιο Εφαρμογής & Ονομασία

Page 132: Designing an iPad app

| 131 Εικονίδιο Εφαρμογής & Ονομασία

App Store

Ipad

Spotlight

50px but final 48px because of shadow

Settings

29px

App

72px

512px

Document Icon

64px

App Store

Ipad

Spotlight

50px but final 48px because of shadow

Settings

29px

App

72px

Document Icon

64px

50px but final 48px because of shadow

29px

512px

Page 133: Designing an iPad app

132 |

9.6 προσδιορισμοσ εφαρμογησ στο app store

Πριν σταλλεί η εφαρμογή στο App Store θα

πρέπει να περιγραφεί λεπτομερώς. Η εφαρμογή

Twinings είναι μια εφαρμογή σχεδιασμένη για να

ψυχαγωγήσει και ενημερώσει τους λάτρεις του

τσαγιού. Με αυτήν, οι καταναλωτές μπορούν να

μάθουν την ιστορία του Twinings, τις ευεργετικές

ιδιότητες του τσαγιού και να ενημερωθούν για

τα τελευταία νέα της εταιρείας. Πέρα από την

πληροφοριακή της χροιά η εφαρμογή αυτή,

προσελκύει το κοινό με διάφορους τρόπους όπως

προσφέροντάς του την ευκαιρία να συλλέξει

πόντους με την κάμερα του Ipad και να κερδίσει

κάθε εβδομάδα διαφορετικά δώρα όπως επίσης

με διάφορα τεστ να βρει το τσάι που του ταιριάζει

ανάλογα με την ψυχολογική του διάθεση.

Σκοπός της εφαρμογής δεν είναι η καθαρή

διαφήμιση του brand, αλλά νWα κάνει τον κάθε

χρήστη να νιώθει ξεχωριστός που προτιμά το

τσάι αυτό. Για όλους τους παραπάνω λόγους η

εφαρμογή θα πρέπει να διατεθεί δωρεάν και

απευθύνεται σε οποιαδήποτε ηλικία καταναλωτών

που λατρεύουν το τσάι Twinings. Παρακάτω

παρατίθεται ένα παράδειγμα του πώς θα φαινόταν

η εφαρμογή στο App Store.

Προσδιορισμός Εφαρμογής στο App Store

Page 134: Designing an iPad app

| 133 Προσδιορισμός Εφαρμογής στο App Store

Εικόνα 42: Παραδείγμα σελίδας εφαρμογής στο App Store.

Page 135: Designing an iPad app

134 |

A design isn’t finished until somebody is using it“

”Brenda Laurel

Page 136: Designing an iPad app

| 135

Τελικά Σχέδια Εφαρμογής

κεφάλαιο

10

Τελικά Σχέδια Εφαρμογής

Page 137: Designing an iPad app

136 |Επεξήγηση Τελικών Σχεδίων

10.1 επεξηγηση τελικων σχεδιων

Ολοκληρώνοντας κάθε παραπάνω στάδιο,

παραθέτονται σελίδα προς σελίδα σε οριζόντια

μορφή, τα τελικά σχέδια από την πρώτη στιγμή

που κατεβάζει την εφαρμογή ο χρήστης. Παρόμοιο

σχεδιαστικό στυλ έχουν και τα σχέδια κάθετης

μορφής τα οποία θα παρατεθούν στην πορεία

ενδεικτικά.

Στις πρώτες σελίδες φανερώνεται το λογότυπο της

εταιρείας και η σελίδα που φορτώνει τα δεδομένα

της εφαρμογής. Στην συνέχεια, εμφανίζεται ένα

χαιρετιστήριο μήνυμα προς τον νέο χρήστη. Κάθε

κουμπί χωριστά περιγράφει τις επιλογές τού

χρήστη: να εισέλθει στην εφαρμογή χωρίς εγγραφή,

με νέα εγγραφή, μέσω του λογαριασμού του

στο Facebook ή να εισέλθει με προηγούμενό του

λογαριασμό. Το κουμπί με το ερωτηματικό, επεξηγεί

στον χρήστη τον λόγο εγγραφής του.

Επίσης, σε ορισμένες σελίδες εμφανίζεται το

πληκτρολόγιο στο σωστό μέγεθος του Ipad σε

οριζόντια διάταξη το οποίο καθόρισε την στιγμίαια

μετακίνηση αντικειμένων προς τα πάνω για να μην

δυσκολευτεί ο χρήστης να εισαγάγει τα στοιχεία

του.

Page 138: Designing an iPad app

| 137 Επεξήγηση Τελικών Σχεδίων

Επιπρόσθετα, εμφανίζονται σε πολλές σελίδες

τα feedback εικονίδια. Δηλαδή το αν εισήγαγε

λανθασμένα ή όχι ορισμένα στοιχεία ο χρήστης ή αν

δημιουργήθηκε κάποιο σφάλμα.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Τράβηγμα προς συγκεκριμένη κατεύθυνση

(swipe) στην περίπτωση του κουμπιού Options

Page 139: Designing an iPad app

138 | Splash Screens

Page 140: Designing an iPad app

| 139 Τελικά Σχέδια

Load

ing

Page 141: Designing an iPad app

140 |

Wel

com

e to

th

e W

orl

d o

f T

win

ing

s T

ea!

Tha

nk yo

u fo

r dow

nloa

ding

the T

win

ings

App

licat

ion.

Her

e, yo

u w

ill fi

nd yo

ur fa

vori

te te

a, sh

are y

our t

ea

spot

with

oth

er fr

iend

s, bu

y ou

r pro

duct

s onl

ine a

nd

so m

any

othe

r bea

tiful

thin

gs.

We h

ope y

ou w

ill en

joy

this

app

licat

ion!

Welcome Screen

Page 142: Designing an iPad app

| 141

Wel

com

e to

th

e W

orl

d o

f T

win

ing

s T

ea!

Tha

nk yo

u fo

r dow

nloa

ding

the T

win

ings

App

licat

ion.

Her

e, yo

u w

ill fi

nd yo

ur fa

vori

te te

a, sh

are y

our t

ea

spot

with

oth

er fr

iend

s, bu

y ou

r pro

duct

s onl

ine a

nd

so m

any

othe

r bea

tiful

thin

gs.

We h

ope y

ou w

ill en

joy

this

app

licat

ion!

CLEA

R

By si

gnin

g up

you

can

keep

up

to d

ate w

ith m

ajor

deve

lopm

ents

in th

e Tw

inin

gs A

pp. W

e will

cont

act y

outo

tell

you

abou

t int

eres

ting n

ew co

nten

t, co

mpe

titio

ns,

new

gift

s ecc

. we h

ave o

n ou

r app

licat

ion.

How

oft

en w

ill y

ou e

-mai

l me?

Twin

ings

app

licat

ion

will

emai

l you

a m

axim

um o

f onc

epe

r mon

th –

and

onl

y w

hen

we t

hink

we’v

e got

som

ethi

ngyo

u’d

like t

o kn

ow a

bout

.H

ow c

an I

unsu

bscr

ibe?

Uns

ubsc

ribi

ng is

easy

. On

each

com

mun

icat

ion

we s

end

out t

here

is a

spec

ial l

ink

to ta

ke yo

urse

lf o­

our

mai

ling

list.

Als

o, go

ing o

n “O

ptio

ns” m

enu

you

can

unsu

bscr

ibe

too.

Onc

e you

uns

ubsc

ribe

, Tw

inin

gs a

pplic

atio

n w

ill n

otse

nd yo

u th

is k

ind

of co

mm

unic

atio

n ag

ain.

Will

my

pers

onal

info

rmat

ion

be u

sed

else

whe

re?

No.

You

r con

tact

det

ails

will

be u

sed

only

by

Twin

ings

inor

der t

o co

mm

unic

ate o

n an

ad-

hoc b

asis

whe

n w

e hav

eso

met

hing

inte

rest

ing t

o te

ll yo

u. W

e will

not

pro

vide

your

pers

onal

det

ails

to th

ird

part

ies.

Why

shou

ld I

sign

up?

Τελικά Σχέδια

Page 143: Designing an iPad app

142 |

Reg

istr

atio

n i

s fr

ee.

Ente

r the

follo

win

g inf

orm

atio

n so

you

can

acce

ss

to th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

bu

tton

.

Sign Up

Page 144: Designing an iPad app

| 143

Reg

istr

atio

n i

s fr

ee.

Ente

r the

follo

win

g inf

orm

atio

n so

you

can

acce

ss

to th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

bu

tton

.

gree

ntea

emai

l@gm

ail.c

om

****

**

Emai

l add

ress

is n

ot av

aila

ble.

Try

Aga

in.

Τελικά Σχέδια

Page 145: Designing an iPad app

144 |

Sig

n I

n

Tap

your

use

rnam

e and

pas

swor

d so

you

can

acce

ss to

th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

but

ton.

Forg

ot yo

ur u

sern

ame o

r pas

swor

d?

Sign In

Page 146: Designing an iPad app

| 145

Sig

n I

n

Tap

your

use

rnam

e and

pas

swor

d so

you

can

acce

ss to

th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

but

ton.

Forg

ot yo

ur u

sern

ame o

r pas

swor

d?

Hav

ing

trou

ble

sign

ing

in?

Tap

your

emai

l and

we w

ill se

nd yo

uyo

ur p

assw

ord

and

your

use

rnam

e.

Τελικά Σχέδια

Page 147: Designing an iPad app

146 |

Hav

ing

trou

ble

sign

ing

in?

Tap

your

emai

l and

we w

ill se

nd yo

uyo

ur p

assw

ord

and

your

use

rnam

e.

Sig

n I

n

Tap

your

use

rnam

e and

pas

swor

d so

you

can

acce

ss to

th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

but

ton.

Forg

ot yo

ur u

sern

ame o

r pas

swor

d?

Sign In

Page 148: Designing an iPad app

| 147

Sig

n I

n

Tap

your

use

rnam

e and

pas

swor

d so

you

can

acce

ss to

th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

but

ton.

Forg

ot yo

ur u

sern

ame o

r pas

swor

d?

Hav

ing

trou

ble

sign

ing

in?

Your

emai

l has

bee

n su

cces

sful

ly se

nt!

Τελικά Σχέδια

Page 149: Designing an iPad app

148 |

Sig

n I

n

Tap

your

use

rnam

e and

pas

swor

d so

you

can

acce

ss to

th

e con

tent

of t

he a

pplic

atio

n.

You

can

chan

ge yo

ur se

ttin

gs w

ith th

e Opt

ions

but

ton.

Forg

ot yo

ur u

sern

ame o

r pas

swor

d?

Hav

ing

trou

ble

sign

ing

in?

Unf

ortu

nate

ly yo

u en

tere

d a

wro

ng em

ail o

r th

is em

ail d

oesn

’t ex

ist.

Plea

se tr

y ag

ain.

Sign In - Feedback

Page 150: Designing an iPad app

| 149

Co

nn

ect

wit

h F

aceb

oo

k

Logi

n w

ith yo

ur F

aceb

ook

acco

unt s

o yo

u ca

n ac

cess

to th

e con

tent

of t

he a

pplic

atio

n.

Τελικά Σχέδια

Page 151: Designing an iPad app

150 |

Co

nn

ect

wit

h F

aceb

oo

k

Logi

n w

ith yo

ur F

aceb

ook

acco

unt s

o yo

u ca

n ac

cess

to th

e con

tent

of t

he a

pplic

atio

n.

Connect with Facebook

Page 152: Designing an iPad app

| 151

10.2 about twinings ωσ guest

Μετά το βασικό μενού επιλογών του χρήστη

επιλέχθηκαν για αρχή, το πώς θα φαίνονται οι

σελίδες όταν ο χρήστης εισέλθει ως guest χωρίς,

δηλαδή, να εγγραφεί. Τη θέση τριών βασικών

κατηγοριών παίρνουν τρία λουκέτα τα οποία

επεξηγούν στον χρήστη την ύπαρξή τους. Οπότε

ως guest έχει να επιλέξει ανάμεσα σε άλλα τρία

κουμπιά: το About Twinings, το Tea Mood και το Buy

Now. Επιλέχθηκε η προβολή των συγκεκριμένων

τριών κατηγοριών διότι η λειτουργία τους δεν

απαιτεί την εγγραφή του χρήστη. Στο κουμπί

About Twinings εμφανίζονται κάτω δεξιά κάποιες

υποκατηγορίες και πιο συγκεκριμένα η ιστορία του

τσαγιού Twinings, οι ευεργετικές ιδιότητες του

τσαγιού απέναντι στον άνθρωπο, οι γευσιγνώστες

τσαγιού και τέλος, τα τελευταία Twinings νέα.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σύρσιμο προς συγκεκριμένη κατεύθυνση (swipe)

(στις υποκατηγορίες που υπάρχουν μικροί

κύκλοι ως είδος πλοήγησης)

Τελικά Σχέδια

Page 153: Designing an iPad app

152 |

HISTORY

NEWS

BENEF

ITS

TASTER

S

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

About Twinings

Page 154: Designing an iPad app

| 153

HISTORY

NEWS

BENEF

ITS

TASTER

S

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

Why

are

som

e fe

atur

es lo

cked

?To

be a

ble t

o en

joy

all o

f the

feat

ures

avai

labl

e to

the a

pplic

atio

n yo

u w

ill n

eed

to si

gn u

p.

Reg

istr

atio

n is

free

and

onl

y ta

kes a

mom

ent

to co

mpl

ete.

Τελικά Σχέδια

Page 155: Designing an iPad app

154 |

His

tory

of

Tw

inin

gs

HISTORY

NEWS

BENEF

ITS

TASTER

S

In a

tim

e whe

n co

�ee

was

kin

g, o

ne m

an,

Tho

mas

Tw

inin

g, w

ent

agai

nst t

he ti

de to

sh

are h

is lo

ve o

f tea

. H

is p

assi

on tu

rned

a

little

-kno

wn

drin

k in

to

the n

atio

n’s f

avou

rite

ho

t bev

erag

e.Fo

r us,

tea

is m

ore t

han

just

a d

rink

. It's

bee

n pa

rt o

f our

dai

ly li

ves

and

that

of g

ener

atio

ns

of te

a lo

vers

for o

ver

300

year

s.

Our

stor

y st

arte

d in

1706

. Bac

k th

en, t

he m

ost p

opul

ar d

rink

s in

Eng

land

wer

e co�

ee, g

in a

nd a

le -

even

at b

reak

fast

! A

lthou

gh te

a ha

d be

en d

runk

in C

hina

for t

hous

ands

of y

ears

, it

had

only

just

bee

n im

port

ed to

Eng

land

, and

lots

of p

eopl

e wer

e su

spic

ious

of i

t.

History of Twinings

Page 156: Designing an iPad app

| 155

His

tory

of

Tw

inin

gs

HISTORY

NEWS

BENEF

ITS

TASTER

S

One

man

who

was

sure

that

it

wou

ld b

e big

was

a ce

rtai

n T

hom

as T

win

ing.

Hav

ing

had

enou

gh o

f dri

nkin

g ale

in

the m

orni

ng, h

e sta

rted

se

lling

tea

from

his

co�e

e ho

use o

n Lo

ndon

's St

rand

, pr

omis

ing o

nly

to se

ll th

e fin

est q

ualit

ies a

nd va

riet

ies.

His

ple

dge s

oon

won

him

(a

nd h

is te

a) lo

ts o

f fan

s -

incl

udin

g Jan

e Aus

ten

and

Cha

rles

II. B

y th

e 175

0s, t

ea

was

the m

ost p

opul

ar d

rink

am

ong t

he w

orki

ng cl

asse

s. D

espi

te a

nger

from

pub

ow

ners

and

incr

ease

d te

a ta

xes,

Tho

mas

Tw

inin

g kep

t se

lling

tea

- now

from

The

G

olde

n Ly

on, t

he ve

ry fi

rst

tea

shop

in L

ondo

n

Τελικά Σχέδια

Page 157: Designing an iPad app

156 |

In a

tim

e whe

n co

�ee w

as

king

, one

man

, Tho

mas

Tw

inin

g, w

ent a

gain

st th

e tid

e to

shar

e his

love

of t

ea.

His

pas

sion

turn

ed a

litt

le-

know

n dr

ink

into

the

natio

n’s f

avou

rite

hot

bev

er-

age.

For u

s, te

a is

mor

e tha

n ju

st a

dr

ink.

It's

been

par

t of o

ur

daily

live

s and

that

of g

ener

a-tio

ns o

f tea

love

rs fo

r ove

r 30

0 ye

ars.

Our

stor

y st

arte

d in

1706

. Ba

ck th

en, t

he m

ost p

opul

ar

drin

ks in

Eng

land

wer

e co

�ee,

gin

and

ale -

even

at

brea

kfas

t! A

lthou

gh te

a ha

d be

en d

runk

in C

hina

for

thou

sand

s of y

ears

, it h

ad

only

just

bee

n im

port

ed to

His

tory

of

Tw

inin

gs

HISTORY

NEWS

BENEF

ITS

TASTER

S

HIS

TO

RIC

AL M

OM

ENT

S

1787

: Tw

inin

gs c

hoos

es it

s lo

go. T

oday

, it i

s th

e ol

dest

com

mer

cial

lo

go th

at

has b

een

in co

ntin

uous

use

sinc

e it w

as m

ade

1837

: Que

en V

icto

ria

mak

es T

win

ings

an

o�ci

al R

oyal

War

rant

ho

lder

1910

: Tw

inin

gs o

pens

its fi

rst s

hop

in F

ranc

e

1933

: Tw

inin

gs fi

rst b

lend

s its

fam

ous E

nglis

h Br

eakf

ast

1956

: Tw

inin

gs m

akes

tea

bags

for t

he fi

rst t

ime

1972

: Tw

inin

gs b

ecom

es t

he fi

rst

com

pany

to

win

the

Que

en's

Awar

d fo

r Exp

ort

History of Twinings

Page 158: Designing an iPad app

| 157

HISTORY

NEWSTASTER

S

Ben

efits

of

Tea

Firs

t dis

cove

red

in C

hina

ove

r 5,0

00 ye

ars a

go,

gree

n te

a is

said

to h

ave m

any

heal

th b

enefi

ts,

incl

udin

g boo

stin

g you

r im

mun

e sys

tem

. Whi

te te

a co

ntai

ns th

e hig

hest

leve

ls o

f ant

ioxi

dant

s, an

d ha

s be

en fo

und

to in

crea

se m

etab

olis

m a

nd h

elp

mai

ntai

n he

alth

y sk

in a

nd co

mpl

exio

n. H

erba

l tea

s, su

ch a

s cha

mom

ile, c

an h

elp

you

rela

x and

pro

mot

e re

stfu

l sle

ep a

nd h

elp

with

dig

estio

n.Bl

ack

and

gree

n te

as a

lso

cont

ain

Vita

min

s A, B

1, B2

and

B6,

alo

ng w

ith ca

lciu

m, z

inc a

nd fo

lic a

cid.

Te

a is

als

o a

rich

sour

ce o

f pot

assi

um—

vita

l for

m

aint

aini

ng a

nor

mal

hea

rtbe

at a

nd re

gula

ting fl

uid

leve

ls in

cells

and

man

gane

se, a

n es

sent

ial

min

eral

for b

one g

row

th.

BENEF

ITS

Τελικά Σχέδια

Page 159: Designing an iPad app

158 |

HISTORY

NEWSTASTER

S

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

BENEF

ITS

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Benefits of Tea

Page 160: Designing an iPad app

| 159

HISTORY

NEWSTASTER

S

BENEF

ITS

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Τελικά Σχέδια

Page 161: Designing an iPad app

160 |

HISTORY

NEWS

BENEF

ITS

TASTER

S

Tea

Tas

ters

Tast

ing t

ea is

a d

ream

job

for a

ny te

a-lo

ver b

ut it

ta

kes y

ears

of t

rain

ing (

and

thou

sand

s of

tast

ings

) to

beco

me a

true

mas

ter b

lend

er a

nd te

a afi

cion

ado.

Onc

e the

tea

leav

es h

ave b

een

proc

esse

d, th

ey're

read

y to

be s

old.

Buy

ing t

ea

eith

er h

appe

ns at

an

auct

ion

or p

riva

tely

, dir

ectly

betw

een

a pr

oduc

er a

nd a

n ex

pert

tea

buye

r.Eve

ry

wee

k, m

ajor

tea

auct

ions

take

pla

ce in

Cal

cutt

a,M

omba

sa, C

olom

bo a

nd J

akar

ta. B

efor

e eac

h on

e,

brok

ers s

end

tea

sam

ples

to ex

pert

tea

buye

rsar

ound

the w

orld

, inc

ludi

ng o

ur o

wn,

to b

e tas

ted

and

grad

ed; v

alua

tions

are

then

give

n to

the

ones

they

're in

tere

sted

in. B

ids a

re th

en m

ade a

t the

au

ctio

n an

d th

e pur

chas

ed te

a is

ship

ped

out

to th

e suc

cess

ful b

idde

r. It

take

s abo

ut 3

wee

ks fo

r te

a to

arr

ive i

n th

e UK

from

Sri

Lan

ka, w

hile

tea

com

ing f

rom

Indi

a or

Chi

na ca

n ta

ke u

p to

5

wee

ks.

We a

ll th

ink

we k

now

wha

t a go

od cu

ppa

tast

es

like b

ut it

take

s 5 ye

ars t

rain

ing t

o be

abl

e to

tast

ete

a lik

e a T

win

ings

tea

blen

der.

Onc

e qua

lified

, our

te

a ta

ster

s can

dis

tingu

ish

the t

inie

stdi

�ere

nces

bet

wee

n te

as -

even

if th

ey ta

ste t

wo

batc

hes f

rom

the s

ame e

stat

e.

Tea Tasters

Page 162: Designing an iPad app

| 161

HISTORY

NEWS

BENEF

ITS

TASTER

S

Tea

Tas

ters

Befo

re th

ey ta

ste t

he te

as, o

ur b

lend

ers fi

rst e

xam

ine t

he le

aves

whe

n th

ey're

wet

and

whe

n th

ey're

dry.

Each

tea

then

goes

thro

ugh

this

stri

ct te

a m

akin

g pro

cedu

re:

1. Fr

esh

wat

er is

boi

led

in a

copp

er k

ettle

2. 2

80m

l of t

he b

oilin

g wat

er is

pou

red

over

5g o

f tea

in a

spec

ial w

hite

, lid

ded,

cera

mic

cup

3. T

he le

aves

are

left

to in

fuse

for e

xact

ly 6

min

utes

4. T

he te

a is

pou

red

into

a b

owl, r

eady

for t

astin

g T

astin

g the

tea

is a

seri

ous j

ob -

no m

ilk, s

ugar

or c

akes

allo

wed

! The

ta

ster

s use

spoo

ns to

suck

the t

ea q

uick

ly a

gain

st th

eir p

alat

es b

efor

e spi

ttin

g it o

ut a

nd m

akin

g no

tes.

But t

hey

don'

t use

any

old

spoo

n - e

ach

of o

ur b

lend

ers h

as th

eir o

wn

spec

ial t

astin

g spo

on,

engr

aved

with

thei

r nam

e.A

nd ea

ch sp

oon

is k

ept i

n a

spec

ial s

poon

hol

der i

n ou

r tas

ting r

oom

.

Τελικά Σχέδια

Page 163: Designing an iPad app

162 |

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

06 FE

BRU

AR

Y 201

2 - T

WIN

ING

S NE

XT

TV AD

VE

RT

Follo

win

g the

succ

ess o

f Tw

inin

gs' h

eart

-war

min

g, a

nim

ated

ad

vert

'Sea

', tha

t res

ulte

d in

a n

umbe

r thr

ee in

the o

�ci

al to

p40

and

rack

ed u

p 1.4

mill

ion

hits

on

YouT

ube,

the t

ea m

aker

is

plan

ning

to la

unch

its n

ext i

nsta

lmen

t, en

title

d 'H

ill', o

n 4t

hM

arch

.T

his,

the s

eque

l adv

ert i

s par

t of T

win

ings

' int

egra

ted

cam

paig

n w

ith th

e str

aplin

e'G

ets Y

ou B

ack

To Y

ou'. I

t tel

ls th

e sto

ry o

fa

wom

an o

verc

omin

g obs

tacl

es, s

ymbo

lised

by

a hi

ll, to

reac

h a

plac

e of p

ersp

ectiv

e and

feat

ures

a m

ovin

g and

cont

empo

rary

cove

r of F

leet

woo

d M

ac'sG

o Yo

ur O

wn

Way

by

Am

eric

an fo

lk-r

ock

star

let,

Liss

ie.

Latest News

Page 164: Designing an iPad app

| 163

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

06 JA

NU

AR

Y 201

2 - T

WIN

ING

S NE

W G

RE

EN

TEA

S

Her

e at T

win

ings

we h

ave r

ecen

tly la

unch

ed a

n ex

citin

g new

rang

e of

Gre

en T

eas,

brin

ging

you

our b

est e

ver P

ure G

reen

Tea

, as w

ell

as a

num

ber o

f ble

nds b

urst

ing w

ith ex

citin

g nat

ural

frui

t com

bi-

natio

ns. E

ven

bett

er, w

e've

refr

eshe

d al

l of o

ur p

acks

, to

ensu

re th

is

vibr

ant r

ange

is p

acka

ged

to re

flect

the e

xciti

ng fl

avou

rs h

eld

with

in. S

o, w

e hav

e tak

en th

is o

ppor

tuni

ty to

dis

pel s

ome o

f the

G

reen

Tea

myt

hs w

e hav

e hea

rd o

ver t

he ye

ars,

and

shar

e with

you

som

e of t

he h

idde

n fa

cts f

rom

our

in-d

epth

kno

wle

dge.

Τελικά Σχέδια

Page 165: Designing an iPad app

164 |

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

08 D

EC

EM

BER

201

2 - L

ISIE

GO

ON

YOU

R O

WN

WAY

The

late

st si

ngin

g sen

satio

n be

hind

our

nex

t TV

adv

ert a

irin

g in

earl

y M

arch

.Lis

sie i

s ess

entia

lly a

smal

ltow

n M

idw

este

rner

, and

no

t shy

abo

ut em

brac

ing i

t. B

orn

in R

ock

Isla

nd Il

linoi

s, it'

s har

d to

do

oth

erw

ise,

but

to le

arn

abou

t her

stor

y is

a re

al in

spir

atio

n. A

s a b

lue-

eyed

, blo

nd h

aire

d bo

mbs

hell,

you'

d be

fool

ish

to th

ink

ther

e was

n't m

uch

behi

nd it

.

Latest News

Page 166: Designing an iPad app

| 165

10.3 tea mood ωσ guest

Στην σελίδα tea mood ο χρήστης επιλέγει το πώς

νιώθει ψυχολογικά και τι θέλει να του προσφέρει το

τσάι και η εφαρμογή του εμφανίζει το ιδανικότερο

τσάι με βάση τις επιλογές του. Κάθε φορά που

εμφανίζει ένα προϊόν, παροτρύνει τον χρήστη να το

μοιραστεί με τους φίλους του στο Facebook ή στο

Twitter όπως και να το αγοράσει ή να ξανακάνει το

τεστ.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σύρσιμο προς συγκεκριμένη κατεύθυνση (swipe)

(όταν ο χρήστης επιθυμεί να επιλέξει τα

χαρακτηριστικά για την εύρεση του αγαπημένου

του ροφήματος)

Τελικά Σχέδια

Page 167: Designing an iPad app

166 |

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Tea Mood

Page 168: Designing an iPad app

| 167

Tea

Mo

od

YOU

NEE

D A

CU

P OF E

NG

LIS

H B

RE

AK

FAS

T T

EA

Wha

t's yo

ur fa

vour

ite b

reak

fast

? Egg

s, ce

real

or a

sl

ice o

f but

tery

toas

t? W

hate

ver i

t is,

ther

e's n

o be

tter

acc

ompa

nim

ent t

han

a go

od cu

p of

our

Eng

-lis

h Br

eakf

ast t

ea -

the c

lue'

s in

the n

ame.

But

this

te

a is

n't j

ust f

or th

e mor

ning

. Bri

ght,

full-

bodi

ed

and

full

of fl

avou

r, En

glis

h Br

eakf

ast i

s per

fect

for

clea

ring

away

your

cobw

ebs a

t any

tim

e of d

ay.

Τελικά Σχέδια

Page 169: Designing an iPad app

168 |

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Tea Mood

Page 170: Designing an iPad app

| 169

Tea

Mo

od

YOU

NEE

D A

CU

P OF

WH

ITE T

EA

Dur

ing t

he T

'ang

Dyn

asty

in C

hina

, onl

y th

e em

pero

r was

allo

wed

to d

rink

whi

te te

a. T

hat's

be

caus

e it's

mad

e fro

m o

nly

the u

nope

ned

buds

and

yo

ung l

eave

s of t

he te

a pl

ant.

We t

hink

ever

yone

shou

ld ta

ste w

hite

tea.

Its l

ight

an

d de

licat

e, sl

ight

ly sw

eet fl

avou

r will

give

you

a lit

tle ta

ste o

f lux

ury

whe

neve

r you

nee

d it

mos

t.

Τελικά Σχέδια

Page 171: Designing an iPad app

170 |

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Tea Mood

Page 172: Designing an iPad app

| 171

Tea

Mo

od

YOU

NEE

D A

CU

P OF

PU

RE C

AM

OM

ILE

Take

a si

p of

our

gold

en ca

mom

ile in

fusi

on, t

hen

shut

your

eyes

and

feel

the w

orld

dis

solv

e aro

und

you.

Now

imag

ine a

n En

glis

h la

wn

dott

ed w

ith ti

ny

whi

te a

nd ye

llow

cam

omile

flow

ers.

We'

ve p

icke

d on

ly th

e mos

t fra

gran

t flow

ers t

o m

ake t

his l

ight

an

d de

licat

e inf

usio

n. It

s sub

tle fl

oral

tast

e is

perf

ect f

or h

elpi

ng yo

u un

win

d w

hen

you

need

to

esca

pe th

e hus

tle a

nd b

ustle

.

Τελικά Σχέδια

Page 173: Designing an iPad app

172 |

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Tea Mood

Page 174: Designing an iPad app

| 173

Tea

Mo

od

YOU

NEE

D A

CU

P OF

GR

EE

N T

EA

Gre

en T

ea co

mes

from

the s

ame t

ea p

lant

as B

lack

Te

a, C

amel

lia S

inen

sis.

As c

usto

mer

s inc

reas

ingl

y lo

ok to

lead

hea

lthie

r life

styl

es, a

war

enes

s and

co

nsum

ptio

n of

Gre

en T

ea is

grow

ing.

Thi

s is

mai

nly

due t

o th

e fac

t tha

t Gre

en T

ea is

a n

atur

al

sour

ce o

f ant

ioxi

dant

s, w

hich

may

hel

p pr

otec

t the

bo

dy fr

om th

e dam

age c

ause

d by

free

radi

cals

.

Τελικά Σχέδια

Page 175: Designing an iPad app

174 |

Tea

Mo

od

YOU

NEE

D A

CU

P OF

GR

EE

N T

EA

Gre

en T

ea co

mes

from

the s

ame t

ea p

lant

as B

lack

Te

a, C

amel

lia S

inen

sis.

As c

usto

mer

s inc

reas

ingl

y lo

ok to

lead

hea

lthie

r life

styl

es, a

war

enes

s and

co

nsum

ptio

n of

Gre

en T

ea is

grow

ing.

Thi

s is

mai

nly

due t

o th

e fac

t tha

t Gre

en T

ea is

a n

atur

al

sour

ce o

f ant

ioxi

dant

s, w

hich

may

hel

p pr

otec

t the

bo

dy fr

om th

e dam

age c

ause

d by

free

radi

cals

.

Tea Mood - Share

Page 176: Designing an iPad app

| 175

Tea

Mo

od

YOU

NEE

D A

CU

P OF

GR

EE

N T

EA

Gre

en T

ea co

mes

from

the s

ame t

ea p

lant

as B

lack

Te

a, C

amel

lia S

inen

sis.

As c

usto

mer

s inc

reas

ingl

y lo

ok to

lead

hea

lthie

r life

styl

es, a

war

enes

s and

co

nsum

ptio

n of

Gre

en T

ea is

grow

ing.

Thi

s is

mai

nly

due t

o th

e fac

t tha

t Gre

en T

ea is

a n

atur

al

sour

ce o

f ant

ioxi

dant

s, w

hich

may

hel

p pr

otec

t the

bo

dy fr

om th

e dam

age c

ause

d by

free

radi

cals

.

Τελικά Σχέδια

Page 177: Designing an iPad app

176 |

10.4 buy now ωσ guest

Παρόμοιο ύφος με την About κατηγορία έχει και το

Buy Online που αποτελείται από υποκατηγορίες που

βρίσκονται και πάλι κάτω δεξιά. Δίνεται η ευκαιρία

στον χρήστη ή να βρει κοντινά καταστήματα με

εκείνον ή να αγοράσει μέσω του ηλεκτρονικού

καταστήματος Twinings.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σμίκρυνση και Μεγένθυση (pinch) του Χάρτη

Buy Now ως Guest

Page 178: Designing an iPad app

| 177

Bu

y N

ow

Our

onl

ine T

ea S

hop

sells

all

our t

eas a

nd lo

ose l

eaf t

eas f

rom

aro

und

the

wor

ld, w

e als

o se

ll a

vast

rang

e of T

eaw

are t

o he

lp a

ny a

fter

noon

tea

part

ylo

ok a

nd ta

ste a

maz

ing.

Tap

the B

uy O

nlin

e but

ton

orTa

p th

e Tw

isto

res b

utto

n to

find

a st

ore n

ear y

ou.

*To

use t

his s

ectio

ns yo

u m

ust b

e con

nect

ed to

the I

nter

net

BUY O

NLI

NE

TWIS

TORES

Τελικά Σχέδια

Page 179: Designing an iPad app

178 |

Bu

y O

nli

ne

BUY O

NLI

NE

TWIS

TORES

Buy Online

Page 180: Designing an iPad app

| 179

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

ZIP O

R CI

TY,

STAT

E

Τελικά Σχέδια

Page 181: Designing an iPad app

180 |

ZIP O

R CI

TY,

STAT

E18

534,

GR

EE

CE

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORESY

OU

AR

E H

ER

E

TW

ININ

GS S

TO

RE 5

KM

KA

RA

OLI

DIM

ITR

IOY 8

218

535,

PIR

AE

US

TW

ININ

GS S

TO

RE 6

KM

ELE

FTH

ER

IOY V

EN

IZE

LOU

40

1853

5, PI

RA

EU

S

Twistores

Page 182: Designing an iPad app

| 181

ZIP O

R CI

TY,

STAT

E

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

LON

DO

N

Τελικά Σχέδια

Page 183: Designing an iPad app

182 |

ZIP O

R CI

TY,

STAT

ELO

ND

ON

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

TW

ININ

GS S

TO

RE

WE

STFI

ELD

LON

DO

NA

RIE

L WAY

LON

DO

N W

12 7

SL

TW

ININ

GS S

TO

RE

WE

STFI

ELD

STR

ATFO

RD

C

ITY,

OLY

MPI

C PA

RK

E20

LON

DO

N

TW

ININ

GS S

TO

RE

216

STR

AN

DLO

ND

ON

WC

2R 1A

P

Twistores

Page 184: Designing an iPad app

| 183

ZIP O

R CI

TY,

STAT

E

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

CLEA

R

TWIS

TORES

Τελικά Σχέδια

Page 185: Designing an iPad app

184 |

ZIP O

R CI

TY,

STAT

E

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

UN

ITE

D K

ING

DO

M

TW

ININ

GS S

TO

RE

WE

STFI

ELD

LON

DO

NA

RIE

L WAY

LON

DO

N W

12 7

SL

TW

ININ

GS S

TO

RE

216

STR

AN

DLO

ND

ON

WC

2R 1A

P

TW

ININ

GS S

TO

RE

WE

STFI

ELD

STR

ATFO

RD

C

ITY,

OLY

MPI

C PA

RK

E20

LON

DO

N

OP

EN

ING

TIM

ES

MO

ND

AY -

FRID

AY 8

.30A

M TO

7.30

PMSA

TU

RD

AY 10

AM

- 5P

M &

SUN

DAY

10A

M TO

4PM

Twistores

Page 186: Designing an iPad app

| 185

10.5 options ωσ guest

Τραβώντας το κουμπί των ρυθμίσεων, ο

χρήστης ξεφεύγει λίγο από το κλασσικό ύφος

της εφαρμογής έχοντας την ευκαιρία μέσω ενός

μικρού κουτιού να κάνει κάποιες ρυθμίσεις όπως να

ενεργοποιήσει - απενεργοποιήσει τις ειδοποιήσεις

της εφαρμογής, να εγγραφεί εφόσον συνδέθηκε

ως guest στην εφαρμογή, να ανακαλύψει τα

ονόματα των σχεδιαστών της εφαρμογής ή να

επικοινωνήσει τηλεφωνικά - μέσω email με την

εταιρεία.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σύρσιμο προς συγκεκριμένη κατεύθυνση (swipe)

(όταν ο χρήστης επιθυμεί να επιλέξει το κουμπί

των ρυθμίσεων)

Τελικά Σχέδια

Page 187: Designing an iPad app

186 |

Wel

com

e to

th

e W

orl

d o

f T

win

ing

s T

ea!

Tha

nk yo

u fo

r dow

nloa

ding

the T

win

ings

App

licat

ion.

Her

e, yo

u w

ill fi

nd yo

ur fa

vori

te te

a, sh

are y

our t

ea

spot

with

oth

er fr

iend

s, bu

y ou

r pro

duct

s onl

ine a

nd

so m

any

othe

r bea

tiful

thin

gs.

We h

ope y

ou w

ill en

joy

this

app

licat

ion!

GU

EST

Options

Page 188: Designing an iPad app

| 187

Wel

com

e to

th

e W

orl

d o

f T

win

ing

s T

ea!

Tha

nk yo

u fo

r dow

nloa

ding

the T

win

ings

App

licat

ion.

Her

e, yo

u w

ill fi

nd yo

ur fa

vori

te te

a, sh

are y

our t

ea

spot

with

oth

er fr

iend

s, bu

y ou

r pro

duct

s onl

ine a

nd

so m

any

othe

r bea

tiful

thin

gs.

We h

ope y

ou w

ill en

joy

this

app

licat

ion!

DE

SIG

NE

R

ILLU

STR

ATO

R

PRO

GR

AM

ME

R

MA

RK

ETIN

G

Vik

i Kav

alla

ri

Vik

i Kav

alla

ri

Ano

nym

ous

Ano

nym

ous

Τελικά Σχέδια

Page 189: Designing an iPad app

188 |

Wel

com

e to

th

e W

orl

d o

f T

win

ing

s T

ea!

Tha

nk yo

u fo

r dow

nloa

ding

the T

win

ings

App

licat

ion.

Her

e, yo

u w

ill fi

nd yo

ur fa

vori

te te

a, sh

are y

our t

ea

spot

with

oth

er fr

iend

s, bu

y ou

r pro

duct

s onl

ine a

nd

so m

any

othe

r bea

tiful

thin

gs.

We h

ope y

ou w

ill en

joy

this

app

licat

ion!

TEL

084

5 60

1 96

12 O

R

SEN

D A

MES

SAG

E

Options - Contact Us

Page 190: Designing an iPad app

| 189

Wel

com

e to

th

e W

orl

d o

f T

win

ing

s T

ea!

Tha

nk yo

u fo

r dow

nloa

ding

the T

win

ings

App

licat

ion.

Her

e, yo

u w

ill fi

nd yo

ur fa

vori

te te

a, sh

are y

our t

ea

spot

with

oth

er fr

iend

s, bu

y ou

r pro

duct

s onl

ine a

nd

so m

any

othe

r bea

tiful

thin

gs.

We h

ope y

ou w

ill en

joy

this

app

licat

ion!

TEL

084

5 60

1 96

12 O

R

SEN

D A

MES

SAG

E

Τελικά Σχέδια

Page 191: Designing an iPad app

190 |

10.6 about twinings ωσ εγγεγραμμενοσ χρηστησ

Αν και εφόσον ο χρήστης αποφασίσει να εγγραφεί

στην εφαρμογή μπορεί να έχει τον πλήρη έλεγχό

της χωρίς καμία απαγόρευση.

Όλα είναι πανομοιότυπα με την περίπτωση που είχε

εισέλθει ο χρήστης ως μη εγγεγραμμένος, με τη

μόνη διαφορά ότι πλέον έχει πρόσβαση σε άλλες

τρεις κατηγορίες.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σύρσιμο προς συγκεκριμένη κατεύθυνση (swipe)

(στις υποκατηγορίες που υπάρχουν μικροί

κύκλοι ως είδος πλοήγησης)

About Twinings ως Εγγεγραμμένος Χρήστης

Page 192: Designing an iPad app

| 191

HISTORY

NEWS

BENEF

ITS

TASTER

S

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Τελικά Σχέδια

Page 193: Designing an iPad app

192 |

HISTORY

His

tory

of

Tw

inin

gs

Our

stor

y st

arte

d in

1706

. Bac

k th

en, t

he m

ost p

opul

ar d

rink

s in

Eng

land

wer

e co�

ee, g

in a

nd a

le -

even

at b

reak

fast

! A

lthou

gh te

a ha

d be

en d

runk

in C

hina

for t

hous

ands

of y

ears

, it

had

only

just

bee

n im

port

ed to

Eng

land

, and

lots

of p

eopl

e wer

e su

spic

ious

of i

t.

NEWS

BENEF

ITS

TASTER

S

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

History of Twinings

Page 194: Designing an iPad app

| 193

His

tory

of

Tw

inin

gs

HISTORY

NEWS

BENEF

ITS

TASTER

S

One

man

who

was

sure

that

it

wou

ld b

e big

was

a ce

rtai

n T

hom

as T

win

ing.

Hav

ing

had

enou

gh o

f dri

nkin

g ale

in

the m

orni

ng, h

e sta

rted

se

lling

tea

from

his

co�e

e ho

use o

n Lo

ndon

's St

rand

, pr

omis

ing o

nly

to se

ll th

e fin

est q

ualit

ies a

nd va

riet

ies.

His

ple

dge s

oon

won

him

(a

nd h

is te

a) lo

ts o

f fan

s -

incl

udin

g Jan

e Aus

ten

and

Cha

rles

II. B

y th

e 175

0s, t

ea

was

the m

ost p

opul

ar d

rink

am

ong t

he w

orki

ng cl

asse

s. D

espi

te a

nger

from

pub

ow

ners

and

incr

ease

d te

a ta

xes,

Tho

mas

Tw

inin

g kep

t se

lling

tea

- now

from

The

G

olde

n Ly

on, t

he ve

ry fi

rst

tea

shop

in L

ondo

n

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Τελικά Σχέδια

Page 195: Designing an iPad app

194 |

One

man

who

was

sure

that

it

wou

ld b

e big

was

a ce

rtai

n T

hom

as T

win

ing.

Hav

ing

had

enou

gh o

f dri

nkin

g ale

in

the m

orni

ng, h

e sta

rted

sell-

ing t

ea fr

om h

is co

�ee h

ouse

on

Lon

don'

s Str

and,

pro

mis

-in

g onl

y to

sell

the fi

nest

qu

aliti

es a

nd va

riet

ies.

His

ple

dge s

oon

won

him

(a

nd h

is te

a) lo

ts o

f fan

s -

incl

udin

g Jan

e Aus

ten

and

Cha

rles

II. B

y th

e 175

0s, t

ea

was

the m

ost p

opul

ar d

rink

am

ong t

he w

orki

ng cl

asse

s. D

espi

te a

nger

from

pub

ow

ners

and

incr

ease

d te

a ta

xes,

Tho

mas

Tw

inin

g kep

t se

lling

tea

- now

from

The

G

olde

n Ly

on, t

he ve

ry fi

rst

tea

shop

in L

ondo

n.

His

tory

of

Tw

inin

gs

HISTORY

NEWS

BENEF

ITS

TASTER

S

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

HIS

TO

RIC

AL M

OM

ENT

S

1787

: Tw

inin

gs c

hoos

es it

s lo

go. T

oday

, it i

s th

e ol

dest

com

mer

cial

lo

go th

at

has b

een

in co

ntin

uous

use

sinc

e it w

as m

ade

1837

: Que

en V

icto

ria

mak

es T

win

ings

an

o£ci

al R

oyal

War

rant

ho

lder

1910

: Tw

inin

gs o

pens

its fi

rst s

hop

in F

ranc

e

1933

: Tw

inin

gs fi

rst b

lend

s its

fam

ous E

nglis

h Br

eakf

ast

1956

: Tw

inin

gs m

akes

tea

bags

for t

he fi

rst t

ime

1972

: Tw

inin

gs b

ecom

es t

he fi

rst

com

pany

to

win

the

Que

en's

Awar

d fo

r Exp

ort

History of Twinings

Page 196: Designing an iPad app

| 195

HISTORY

NEWSTASTER

S

Ben

efits

of

Tea

Firs

t dis

cove

red

in C

hina

ove

r 5,0

00 ye

ars a

go,

gree

n te

a is

said

to h

ave m

any

heal

th b

enefi

ts,

incl

udin

g boo

stin

g you

r im

mun

e sys

tem

. Whi

te te

a co

ntai

ns th

e hig

hest

leve

ls o

f ant

ioxi

dant

s, an

d ha

s be

en fo

und

to in

crea

se m

etab

olis

m a

nd h

elp

mai

ntai

n he

alth

y sk

in a

nd co

mpl

exio

n. H

erba

l tea

s, su

ch a

s cha

mom

ile, c

an h

elp

you

rela

x and

pro

mot

e re

stfu

l sle

ep a

nd h

elp

with

dig

estio

n.Bl

ack

and

gree

n te

as a

lso

cont

ain

Vita

min

s A, B

1, B2

and

B6,

alo

ng w

ith ca

lciu

m, z

inc a

nd fo

lic a

cid.

Te

a is

als

o a

rich

sour

ce o

f pot

assi

um—

vita

l for

m

aint

aini

ng a

nor

mal

hea

rtbe

at a

nd re

gula

ting fl

uid

leve

ls in

cells

and

man

gane

se, a

n es

sent

ial

min

eral

for b

one g

row

th.

BENEF

ITS

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Τελικά Σχέδια

Page 197: Designing an iPad app

196 |

HISTORY

NEWSTASTER

S

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

BENEF

ITS

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Benefits of Tea

Page 198: Designing an iPad app

| 197

HISTORY

NEWSTASTER

S

BENEF

ITS

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Τελικά Σχέδια

Page 199: Designing an iPad app

198 |

HISTORY

NEWS

BENEF

ITS

TASTER

S

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

Tea

Tas

ters

Tast

ing t

ea is

a d

ream

job

for a

ny te

a-lo

ver b

ut it

ta

kes y

ears

of t

rain

ing (

and

thou

sand

s of

tast

ings

) to

beco

me a

true

mas

ter b

lend

er a

nd te

a afi

cion

ado.

Onc

e the

tea

leav

es h

ave b

een

proc

esse

d, th

ey're

read

y to

be s

old.

Buy

ing t

ea

eith

er h

appe

ns at

an

auct

ion

or p

riva

tely

, dir

ectly

betw

een

a pr

oduc

er a

nd a

n ex

pert

tea

buye

r.Eve

ry

wee

k, m

ajor

tea

auct

ions

take

pla

ce in

Cal

cutt

a,M

omba

sa, C

olom

bo a

nd J

akar

ta. B

efor

e eac

h on

e,

brok

ers s

end

tea

sam

ples

to ex

pert

tea

buye

rsar

ound

the w

orld

, inc

ludi

ng o

ur o

wn,

to b

e tas

ted

and

grad

ed; v

alua

tions

are

then

give

n to

the

ones

they

're in

tere

sted

in. B

ids a

re th

en m

ade a

t the

au

ctio

n an

d th

e pur

chas

ed te

a is

ship

ped

out

to th

e suc

cess

ful b

idde

r. It

take

s abo

ut 3

wee

ks fo

r te

a to

arr

ive i

n th

e UK

from

Sri

Lan

ka, w

hile

tea

com

ing f

rom

Indi

a or

Chi

na ca

n ta

ke u

p to

5

wee

ks.

We a

ll th

ink

we k

now

wha

t a go

od cu

ppa

tast

es

like b

ut it

take

s 5 ye

ars t

rain

ing t

o be

abl

e to

tast

ete

a lik

e a T

win

ings

tea

blen

der.

Onc

e qua

lified

, our

te

a ta

ster

s can

dis

tingu

ish

the t

inie

stdi

�ere

nces

bet

wee

n te

as -

even

if th

ey ta

ste t

wo

batc

hes f

rom

the s

ame e

stat

e.

Tea Tasters

Page 200: Designing an iPad app

| 199

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

HISTORY

NEWS

BENEF

ITS

TASTER

S

Tea

Tas

ters

Befo

re th

ey ta

ste t

he te

as, o

ur b

lend

ers fi

rst e

xam

ine t

he le

aves

whe

n th

ey're

wet

and

whe

n th

ey're

dry.

Each

tea

then

goes

thro

ugh

this

stri

ct te

a m

akin

g pro

cedu

re:

1. Fr

esh

wat

er is

boi

led

in a

copp

er k

ettle

2. 2

80m

l of t

he b

oilin

g wat

er is

pou

red

over

5g o

f tea

in a

spec

ial w

hite

, lid

ded,

cera

mic

cup

3. T

he le

aves

are

left

to in

fuse

for e

xact

ly 6

min

utes

4. T

he te

a is

pou

red

into

a b

owl, r

eady

for t

astin

g T

astin

g the

tea

is a

seri

ous j

ob -

no m

ilk, s

ugar

or c

akes

allo

wed

! The

ta

ster

s use

spoo

ns to

suck

the t

ea q

uick

ly a

gain

st th

eir p

alat

es b

efor

e spi

ttin

g it o

ut a

nd m

akin

g no

tes.

But t

hey

don'

t use

any

old

spoo

n - e

ach

of o

ur b

lend

ers h

as th

eir o

wn

spec

ial t

astin

g spo

on,

engr

aved

with

thei

r nam

e.A

nd ea

ch sp

oon

is k

ept i

n a

spec

ial s

poon

hol

der i

n ou

r tas

ting r

oom

.

Τελικά Σχέδια

Page 201: Designing an iPad app

200 |

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

06 FE

BRU

AR

Y 201

2 - T

WIN

ING

S NE

XT

TV AD

VE

RT

Follo

win

g the

succ

ess o

f Tw

inin

gs' h

eart

-war

min

g, a

nim

ated

ad

vert

'Sea

', tha

t res

ulte

d in

a n

umbe

r thr

ee in

the o

�ci

al to

p40

and

rack

ed u

p 1.4

mill

ion

hits

on

YouT

ube,

the t

ea m

aker

is

plan

ning

to la

unch

its n

ext i

nsta

lmen

t, en

title

d 'H

ill', o

n 4t

hM

arch

.T

his,

the s

eque

l adv

ert i

s par

t of T

win

ings

' int

egra

ted

cam

paig

n w

ith th

e str

aplin

e'G

ets Y

ou B

ack

To Y

ou'. I

t tel

ls th

e sto

ry o

fa

wom

an o

verc

omin

g obs

tacl

es, s

ymbo

lised

by

a hi

ll, to

reac

h a

plac

e of p

ersp

ectiv

e and

feat

ures

a m

ovin

g and

cont

empo

rary

cove

r of F

leet

woo

d M

ac'sG

o Yo

ur O

wn

Way

by

Am

eric

an fo

lk-r

ock

star

let,

Liss

ie.

Tea Tasters

Page 202: Designing an iPad app

| 201

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

06 JA

NU

AR

Y 201

2 - T

WIN

ING

S NE

W G

RE

EN

TEA

S

Her

e at T

win

ings

we h

ave r

ecen

tly la

unch

ed a

n ex

citin

g new

rang

e of

Gre

en T

eas,

brin

ging

you

our b

est e

ver P

ure G

reen

Tea

, as w

ell

as a

num

ber o

f ble

nds b

urst

ing w

ith ex

citin

g nat

ural

frui

t com

bi-

natio

ns. E

ven

bett

er, w

e've

refr

eshe

d al

l of o

ur p

acks

, to

ensu

re th

is

vibr

ant r

ange

is p

acka

ged

to re

flect

the e

xciti

ng fl

avou

rs h

eld

with

in. S

o, w

e hav

e tak

en th

is o

ppor

tuni

ty to

dis

pel s

ome o

f the

G

reen

Tea

myt

hs w

e hav

e hea

rd o

ver t

he ye

ars,

and

shar

e with

you

som

e of t

he h

idde

n fa

cts f

rom

our

in-d

epth

kno

wle

dge.

Τελικά Σχέδια

Page 203: Designing an iPad app

202 |

Ben

efits

of

Tea

A CU

P A DA

Y KEE

PS TH

E DO

CT

OR

AWAY

?Be

side

s tea

's pr

oven

ther

apeu

tic b

enefi

ts, a

dai

ly

cup

or tw

o of

tea

cont

ribu

tes i

n m

any

othe

r way

s to

a he

alth

y lif

esty

le. S

o th

e nex

t tim

e you

wan

t to

do

som

ethi

ng go

od fo

r you

r bod

y, pu

t on

the k

ettle

and

po

ur yo

urse

lf a

cup

of h

ealth

and

hap

pine

ss.

Take

a b

reak

- Te

a tim

e is t

he u

ltim

ate s

tres

s bre

ak,

lett

ing y

ou st

op, s

tret

ch a

nd st

imul

ate y

our s

ense

s. Yo

u'll

retu

rn re

laxe

d, re

fres

hed

and

read

y to

face

w

hate

ver c

omes

your

way

.ST

AY H

YDR

ATED

- T

he b

ody

need

s 50

to 8

5 ou

nces

of

fluid

each

day

, and

tea

is a

grea

t way

to ge

t you

r re

com

men

ded

daily

allo

wan

ce. I

ts p

otas

sium

even

he

lps t

o m

aint

ain

the b

ody'

s flui

d ba

lanc

e.K

EEP T

HIN

GS L

IGH

T -

Serv

ed o

n its

ow

n, te

a co

ntai

ns

zero

fat o

r cal

orie

s. Ev

en w

hen

take

n w

ith m

ilk, t

ea

rem

ains

an

all-n

atur

al, lo

w-c

alor

ie b

ever

age.

Ben

efits

of

Tea

SMIL

E MO

RE -

Tea

is a

nat

ural

sour

ce o

f fluo

ride

, w

hich

hel

ps m

ake y

our t

eeth

stro

nger

. Stu

dies

hav

e sh

own

that

peo

ple w

ho re

gula

rly

drin

k bo

th b

lack

an

d/or

gree

n te

a ar

e les

s lik

ely

to h

ave c

aviti

es. T

he

flavo

noid

s in

tea

also

hel

p st

op p

laqu

e, w

hich

can

prev

ent g

um d

isea

se a

nd re

duce

bad

bre

ath.

CO

MBA

T FR

EE RA

DIC

ALS

- Te

a is

an

idea

l sou

rce o

f ant

i-ox

idan

ts, w

hich

nat

ural

ly h

elp

prot

ect t

he b

ody

agai

nst t

he d

amag

ing e

�ect

s of f

ree r

adic

als.

Free

ra

dica

ls a

re h

ighl

y re

activ

e mol

ecul

es th

at ca

n da

mag

e our

cells

and

caus

e dis

ease

s.D

ISC

OV

ER H

EALI

NG

HER

BALS

- N

atur

ally

ca�e

ine f

ree

and

low

in ca

lori

es, t

hese

refr

eshi

ng in

fusi

ons o

f fr

uits

, flow

ers o

r her

bs ca

n he

lp yo

u un

win

d, re

lax,

re

vive

, or d

etox

.

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

08 D

EC

EM

BER

201

2 - L

ISIE

GO

ON

YOU

R O

WN

WAY

The

late

st si

ngin

g sen

satio

n be

hind

our

nex

t TV

adv

ert a

irin

g in

earl

y M

arch

.Lis

sie i

s ess

entia

lly a

smal

ltow

n M

idw

este

rner

, and

no

t shy

abo

ut em

brac

ing i

t. B

orn

in R

ock

Isla

nd Il

linoi

s, it'

s har

d to

do

oth

erw

ise,

but

to le

arn

abou

t her

stor

y is

a re

al in

spir

atio

n. A

s a b

lue-

eyed

, blo

nd h

aire

d bo

mbs

hell,

you'

d be

fool

ish

to th

ink

ther

e was

n't m

uch

behi

nd it

.

Latest News

Page 204: Designing an iPad app

| 203

HISTORY

NEWS

BENEF

ITS

TASTER

S

Lat

est

New

s

20 N

OV

EM

BER

201

2 - T

HE

QU

EE

N’S

DIA

MO

ND

JUBI

LEE

TEA

Thi

s ble

nd h

as b

een

deve

lope

d to

com

mem

orat

e an

amaz

ing 6

0 ye

ars o

n th

e Thr

one f

or H

er M

ajes

ty Q

ueen

Eliz

abet

h II

.

You'

ll fin

d 2

di�e

rent

cadd

ies,

the O

val D

iam

ond

Jubi

lee C

addy

av

aila

ble i

n a

light

Gre

en, P

ink

and

a lig

ht B

lue,

each

fille

d w

ith th

is

delic

ious

loos

e Com

mem

orat

ive B

lend

tea.

Τελικά Σχέδια

Page 205: Designing an iPad app

204 |

10.7 tea mood ωσ εγγεγραμμενοσ χρηστησ

Ισχύει το ίδιο όπως παραπάνω: αν και εφόσον ο

χρήστης αποφασίσει να εγγραφεί στην εφαρμογή

μπορεί να έχει τον πλήρη έλεγχό της χωρίς καμία

απαγόρευση.

Όλα είναι πανομοιότυπα με την περίπτωση που είχε

εισέλθει ο χρήστης ως μη εγγεγραμμένος στην

κατηγορία Tea mood.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σύρσιμο προς συγκεκριμένη κατεύθυνση (swipe)

(όταν ο χρήστης επιθυμεί να επιλέξει τα

χαρακτηριστικά για την εύρεση του αγαπημένου

του ροφήματος)

Tea Mood ως Εγγεγραμμένος Χρήστης

Page 206: Designing an iPad app

| 205

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Τελικά Σχέδια

Page 207: Designing an iPad app

206 |

Tea

Mo

od

YOU

NEE

D A

CU

P OF E

NG

LIS

H B

RE

AK

FAS

T T

EA

Wha

t's yo

ur fa

vour

ite b

reak

fast

? Egg

s, ce

real

or a

sl

ice o

f but

tery

toas

t? W

hate

ver i

t is,

ther

e's n

o be

tter

acc

ompa

nim

ent t

han

a go

od cu

p of

our

Eng

-lis

h Br

eakf

ast t

ea -

the c

lue'

s in

the n

ame.

But

this

te

a is

n't j

ust f

or th

e mor

ning

. Bri

ght,

full-

bodi

ed

and

full

of fl

avou

r, En

glis

h Br

eakf

ast i

s per

fect

for

clea

ring

away

your

cobw

ebs a

t any

tim

e of d

ay.

Tea Mood

Page 208: Designing an iPad app

| 207

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Τελικά Σχέδια

Page 209: Designing an iPad app

208 |

Tea

Mo

od

YOU

NEE

D A

CU

P OF

WH

ITE T

EA

Dur

ing t

he T

'ang

Dyn

asty

in C

hina

, onl

y th

e em

pero

r was

allo

wed

to d

rink

whi

te te

a. T

hat's

be

caus

e it's

mad

e fro

m o

nly

the u

nope

ned

buds

and

yo

ung l

eave

s of t

he te

a pl

ant.

We t

hink

ever

yone

shou

ld ta

ste w

hite

tea.

Its l

ight

an

d de

licat

e, sl

ight

ly sw

eet fl

avou

r will

give

you

a lit

tle ta

ste o

f lux

ury

whe

neve

r you

nee

d it

mos

t.

Tea Mood

Page 210: Designing an iPad app

| 209

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Τελικά Σχέδια

Page 211: Designing an iPad app

210 |

Tea

Mo

od

YOU

NEE

D A

CU

P OF

PU

RE C

AM

OM

ILE

Take

a si

p of

our

gold

en ca

mom

ile in

fusi

on, t

hen

shut

your

eyes

and

feel

the w

orld

dis

solv

e aro

und

you.

Now

imag

ine a

n En

glis

h la

wn

dott

ed w

ith ti

ny

whi

te a

nd ye

llow

cam

omile

flow

ers.

We'

ve p

icke

d on

ly th

e mos

t fra

gran

t flow

ers t

o m

ake t

his l

ight

an

d de

licat

e inf

usio

n. It

s sub

tle fl

oral

tast

e is

perf

ect f

or h

elpi

ng yo

u un

win

d w

hen

you

need

to

esca

pe th

e hus

tle a

nd b

ustle

.

Tea Mood

Page 212: Designing an iPad app

| 211

Tea

Mo

od

Are

you

feel

ing t

ired

? Do

you

wan

t to

loos

e wei

ght o

r jus

t rel

ax?

We h

ave t

he p

erfe

ct so

lutio

n fo

r you

! M

ake y

our c

hoic

es a

nd w

e will

find

the p

erfe

ct te

a fo

r you

I wan

t a te

a fo

r

I’m fe

elin

g

I wan

t to

Τελικά Σχέδια

Page 213: Designing an iPad app

212 |

Tea

Mo

od

YOU

NEE

D A

CU

P OF

GR

EE

N T

EA

Gre

en T

ea co

mes

from

the s

ame t

ea p

lant

as B

lack

Te

a, C

amel

lia S

inen

sis.

As c

usto

mer

s inc

reas

ingl

y lo

ok to

lead

hea

lthie

r life

styl

es, a

war

enes

s and

co

nsum

ptio

n of

Gre

en T

ea is

grow

ing.

Thi

s is

mai

nly

due t

o th

e fac

t tha

t Gre

en T

ea is

a n

atur

al

sour

ce o

f ant

ioxi

dant

s, w

hich

may

hel

p pr

otec

t the

bo

dy fr

om th

e dam

age c

ause

d by

free

radi

cals

.

Tea Mood

Page 214: Designing an iPad app

| 213

Tea

Mo

od

YOU

NEE

D A

CU

P OF

GR

EE

N T

EA

Gre

en T

ea co

mes

from

the s

ame t

ea p

lant

as B

lack

Te

a, C

amel

lia S

inen

sis.

As c

usto

mer

s inc

reas

ingl

y lo

ok to

lead

hea

lthie

r life

styl

es, a

war

enes

s and

co

nsum

ptio

n of

Gre

en T

ea is

grow

ing.

Thi

s is

mai

nly

due t

o th

e fac

t tha

t Gre

en T

ea is

a n

atur

al

sour

ce o

f ant

ioxi

dant

s, w

hich

may

hel

p pr

otec

t the

bo

dy fr

om th

e dam

age c

ause

d by

free

radi

cals

.

Τελικά Σχέδια

Page 215: Designing an iPad app

214 |

Tea

Mo

od

YOU

NEE

D A

CU

P OF

GR

EE

N T

EA

Gre

en T

ea co

mes

from

the s

ame t

ea p

lant

as B

lack

Te

a, C

amel

lia S

inen

sis.

As c

usto

mer

s inc

reas

ingl

y lo

ok to

lead

hea

lthie

r life

styl

es, a

war

enes

s and

co

nsum

ptio

n of

Gre

en T

ea is

grow

ing.

Thi

s is

mai

nly

due t

o th

e fac

t tha

t Gre

en T

ea is

a n

atur

al

sour

ce o

f ant

ioxi

dant

s, w

hich

may

hel

p pr

otec

t the

bo

dy fr

om th

e dam

age c

ause

d by

free

radi

cals

.

Tea Mood - Share

Page 216: Designing an iPad app

| 215

10.8 teaspot

Αυτή η συγκεκριμένη κατηγορία, μοιάζει με την

γνωστή εφαρμογή του Facebook check-in ή την

εφαρμογή Foursquare. Ο χρήστης με τον μηχανισμό

geolocation του Ipad, εμφανίζει σε γνωστούς και

φίλους τα μέρη τα οποία επισκέπτεται και που στην

συγκεκριμένη περίπτωση, λειτουργεί κυρίως για

καφετέριες. Επίσης, οι χρήστες έχουν την ευκαιρία

να επιλέξουν το δικό τους avatar και όλα να τα

μοιραστούν μέσω Facebook ή Twitter.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σμίκρυνση και Μεγέθυνση του χάρτη

με πολλά δάχτυλα (multitouch)

Τελικά Σχέδια

Page 217: Designing an iPad app

216 |

Tea

Sp

ot

*How

oft

en d

o yo

u fin

d yo

urse

lf w

onde

ring

whe

re yo

ur fr

iend

s are

and

wha

t the

y're

up

to? I

t's a

pre

tty

cent

ral q

uest

ion

to o

ur d

aily

soci

al li

ves,

and

it's p

reci

sely

the

ques

tion

you

can

now

ans

wer

usi

ng T

easp

ot.

Thi

s fea

ture

will

use

your

inte

rnet

conn

ectio

n an

d th

e geo

loca

tion

of th

e Ipa

d.A

fter

2 d

ays t

he ta

gs w

ill b

e rem

oved

aut

omat

ical

ly.

Full

func

tion

alit

y, o

nly

in F

ulls

cree

n M

ode

2

3

4

Tea Spot

Page 218: Designing an iPad app

| 217

2

3

4

Τελικά Σχέδια

Page 219: Designing an iPad app

218 |

2

3

4A

PL

A C

OF

FE

EA

dria

nou

1, T

hise

io

CH

AN

GE

NA

ME

- A

DD

OT

HE

RS

CH

AN

GE

AVAT

AR

Vik

i3

chec

k-in

s

Vik

i

CLEA

R

Tea Spot - Place Info

Page 220: Designing an iPad app

| 219

2

3

4A

PL

A C

OF

FE

EA

dria

nou

1, T

hise

io

CH

AN

GE

NA

ME

- A

DD

OT

HE

RS

CH

AN

GE

AVAT

AR

Vik

i3

chec

k-in

s

Vik

iD

anni

CLEA

R

Τελικά Σχέδια

Page 221: Designing an iPad app

220 |

2

3

4A

PL

A C

OF

FE

EA

dria

nou

1, T

hise

io

CH

AN

GE

NA

ME

- A

DD

OT

HE

RS

CH

AN

GE

AVAT

AR

Vik

i & D

anni

3 ch

eck-

ins

Vik

i

CLEA

R

Tea Spot - Place Info

Page 222: Designing an iPad app

| 221

2

3

4

CLEA

R

TO

TS

AI

Al.

Sout

sou

19, K

olon

aki

Gia

nnis

7 ch

eck-

ins

Iosi

fina

3 ch

eck-

ins

Stav

ros

5 ch

eck-

ins

Τελικά Σχέδια

Page 223: Designing an iPad app

222 |

Tea

Sp

ot

*How

oft

en d

o yo

u fin

d yo

urse

lf w

onde

ring

whe

re yo

ur fr

iend

s are

and

wha

t the

y're

up

to? I

t's a

pre

tty

cent

ral q

uest

ion

to o

ur d

aily

soci

al li

ves,

and

it's p

reci

sely

the

ques

tion

you

can

now

ans

wer

usi

ng T

easp

ot.

Thi

s fea

ture

will

use

your

inte

rnet

conn

ectio

n an

d th

e geo

loca

tion

of th

e Ipa

d.A

fter

2 d

ays t

he ta

gs w

ill b

e rem

oved

aut

omat

ical

ly.

Full

func

tion

alit

y, o

nly

in F

ulls

cree

n M

ode

2

3

4

Tea Spot

Page 224: Designing an iPad app

| 223

10.9 gifts

Σε αυτήν την ενότητα, δίνεται την ευκαιρία στον

χρήστη, να σκανάρει QR codes με την κάμερα τού

Ipad και να συλλέγει πόντους όπου θα κερδίζει

κάθε εβδομάδα νέα δώρα από την εταιρεία.

Τονίζεται πάλι το ενδεχόμενο feedback της

εφαρμογής σε περίπτωση που ο χρήστης σκανάρει

με λανθασμένο τρόπο ή προκύψουν διάφορα

προβλήματα.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Τελικά Σχέδια

Page 225: Designing an iPad app

224 |

Gif

ts

Wel

com

e to

Twin

ings

Gift

s Sec

tion.

We h

ave c

ompi

led

a co

llect

ion

of o

ur m

ost p

opul

ar gi

ft it

ems,

rang

ing f

rom

be

autif

ul cu

stom

mad

e Tw

inin

gs b

rand

ed a

cces

sori

es to

our

ever

pop

ular

C

ompa

rtm

ent b

oxes

and

enve

lope

teab

ags.

With

our

rang

e of d

elig

htfu

l Gift

Ti

ns, S

elec

tion

Boxe

s and

our

sum

ptuo

us D

elux

Lea

ther

Tea

Cas

e,

ther

e's s

omet

hing

for e

very

one.

Ever

yone

can

win

! The

onl

y th

ing t

o do

is to

scan

pro

perl

y w

ith yo

ur Ip

ad

cam

era

the Q

R co

des t

hat a

re in

the b

acks

ide o

f the

Tw

inin

gs b

oxes

. Yo

u m

ust c

olle

ct sp

ecifi

cally

num

bers

of c

odes

to w

in a

won

derf

ul gi

ft fr

om o

ur

Twin

ing O

nlin

e Sto

re.

Dri

nk e

very

day

a cu

p of

Tw

inin

gs T

ea a

nd e

njoy

our

bea

utifu

l gift

s!

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

Gifts

Page 226: Designing an iPad app

| 225

Sca

n y

ou

r Q

R C

od

e

To sc

an a

code

with

your

cam

era

you

don'

t nee

d to

take

a p

hoto

or p

ress

any

bu

tton

. Jus

t mak

e sur

e you

r Ipa

d ca

mer

a is

dis

play

ing t

he sc

anni

ng sc

reen

. W

hen

you'

ve lo

cate

d th

e QR

Cod

e to

scan

, mov

e you

r tab

let

so th

at th

e cod

e fits

w

ithin

the w

hite

squa

re b

rack

ets.

You

may

nee

d to

give

your

cam

era

som

e tim

e to

focu

s and

adj

ust f

or li

ghtin

g,

but o

nce t

he co

de is

det

ecte

d, yo

ur ta

blet

will

bee

p (a

nd/o

r vib

rate

) and

show

yo

u th

e con

tent

of t

he co

de.

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

*

Τελικά Σχέδια

Page 227: Designing an iPad app

226 |

Sca

n y

ou

r Q

R C

od

e

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

WE

LL D

ON

E!

YOU

HAV

E SU

CC

ESS

FULL

Y SC

AN

NE

D YO

UR

TEA

BOX

.

Scan your QR Code

Page 228: Designing an iPad app

| 227

Sca

n y

ou

r Q

R C

od

e

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

UN

FOR

TU

NAT

ELL

Y WE

CAN

’T RE

CO

GN

IZE

THIS

TEA

BOX

PLE

ASE

TRY A

GA

IN.

Τελικά Σχέδια

Page 229: Designing an iPad app

228 |

My

Tea

bo

xes

TEABOXESSC

AN

NO

W

WEEKLYGIFTS

PUR

E G

REE

N TE

A

LIG

HT

& D

ELIC

ATE

GR

EEN

TEA

JASM

INE

GR

EEN

TEA

LEM

ON

GR

EEN

TEA

My Teaboxes

Page 230: Designing an iPad app

| 229

My

Tea

bo

xes

TEABOXESSC

AN

NO

W

WEEKLYGIFTS

BLO

SSO

M

EAR

L GR

EY

MU

LLED

SPIC

ED TE

AR

OSE

GA

RD

ENJA

SMIN

E EA

RL G

REY

Τελικά Σχέδια

Page 231: Designing an iPad app

230 |

My

Tea

bo

xes

TEABOXESSC

AN

NO

W

WEEKLYGIFTS

EAR

L GR

EY

DEC

AFE

INAT

ED

LAPS

AN

G SO

UC

HO

NG

TR

AD

ITIO

NA

L A

FTER

NO

ON

SUN

SHIN

E GR

EY

My Teaboxes

Page 232: Designing an iPad app

| 231

My

Tea

bo

xes

TEABOXESSC

AN

NO

W

WEEKLYGIFTS

STR

AWBE

RRY

&

MA

NG

O

ECH

INA

CEA

&

RASB

ERRY

BLU

EBER

RY

& AP

PLE

CR

AN

BER

RY &

SAN

GU

INEL

LO O

RA

NG

E

Τελικά Σχέδια

Page 233: Designing an iPad app

232 |

Wee

kly

Gif

ts

Ever

y w

eek

we c

hang

e our

list

of g

ifts s

o yo

u ca

n ha

ve th

e opp

ortu

nity

to

colle

ct d

ier

ent g

ifts

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

1 Com

mem

oria

l Tw

inin

g Tr

uck

15 te

abox

es o

f Lig

ht &

Del

icat

e Gre

en T

eaYo

u ha

ve co

llect

ed 7/

15 te

abox

es

1 Tea

Hea

rt10

teab

oxes

of P

ure G

reen

Tea

You

have

colle

cted

10/1

0 te

abox

es

1 Tea

Tim

er15

teab

oxes

of E

arl G

rey

Tea

You

have

n’t c

olle

cted

any

te

abox

of t

his t

ype o

f tea

.

Weekly Gifts

Page 234: Designing an iPad app

| 233

Wee

kly

Gif

ts

Con

grat

ulat

ions

! Yo

u ha

ve co

llect

ed a

ll th

e QR

code

s and

sele

cted

this

gift

:

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

1 Tea

Hea

rt10

teab

oxes

of P

ure G

reen

Tea

We c

an se

nd it

to yo

u im

med

iate

ly!

Just

wri

te th

ese i

nfor

mat

ion

and

we w

ill se

nd yo

u a

confi

rmat

ion

emai

l.

Τελικά Σχέδια

Page 235: Designing an iPad app

234 |

Wee

kly

Gif

ts

Con

grat

ulat

ions

! Yo

u ha

ve co

llect

ed a

ll th

e QR

code

s and

sele

cted

this

gift

:

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

1 Tea

Hea

rt10

teab

oxes

of P

ure G

reen

Tea

We c

an se

nd it

to yo

u im

med

iate

ly!

Just

wri

te th

ese i

nfor

mat

ion

and

we w

ill se

nd yo

u a

confi

rmat

ion

emai

l.

Weekly Gifts

Page 236: Designing an iPad app

| 235

Wee

kly

Gif

ts

Con

grat

ulat

ions

! Yo

u ha

ve co

llect

ed a

ll th

e QR

code

s and

sele

cted

this

gift

:

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

1 Tea

Hea

rt10

teab

oxes

of P

ure G

reen

Tea

We c

an se

nd it

to yo

u im

med

iate

ly!

Just

wri

te th

ese i

nfor

mat

ion

and

we w

ill se

nd yo

u a

confi

rmat

ion

emai

l.

You

have

suce

ssfu

lly su

bmit

ted

your

info

rmat

ion!

Τελικά Σχέδια

Page 237: Designing an iPad app

236 |

Wee

kly

Gif

ts

Con

grat

ulat

ions

! Yo

u ha

ve co

llect

ed a

ll th

e QR

code

s and

sele

cted

this

gift

:

SCA

N N

OW

TEABOXES

WEEKLYGIFTS

1 Tea

Hea

rt10

teab

oxes

of P

ure G

reen

Tea

We c

an se

nd it

to yo

u im

med

iate

ly!

Just

wri

te th

ese i

nfor

mat

ion

and

we w

ill se

nd yo

u a

confi

rmat

ion

emai

l.

Oop

s, so

met

hing

wen

t wro

ng!

Subm

it y

our i

nfor

mat

ion

corr

ectl

y.

Weekly Gifts

Page 238: Designing an iPad app

| 237

10.10 ratea

Εδώ, ο χρήστης, έχει την ευκαιρία να σχολιάσει

θετικά ή αρνητικά τα προϊόντα της εταιρείας

Twinings. Η λειτουργία σχολίων που έχει προστεθεί,

βοηθά στην επισκόπηση των προϊόντων της

εταιρείας και στην καλυτέρευσή τους.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Τελικά Σχέδια

Page 239: Designing an iPad app

238 |

Rat

ea

Rev

iew

our

Tw

inin

gs te

a fla

vors

so w

e can

mee

t you

r exp

ecta

tions

!

BL

AC

K T

EA

FL

AV

OR

ED

V

AN

ILL

A T

EA

4/5

FRO

M 12

0 C

UST

OM

ER

S

CU

STO

MER

MIA

WR

OT

ET

his t

ea is

my

abso

lute

favo

urite

! I u

sed

to d

rink

it in

Fin

land

all

the t

ime b

ut u

nfor

tuna

tely

it is

no

t ava

ilabl

e in

the U

K sh

ops.

Luck

ily I

have

bee

n ab

le to

get m

y fix

thro

ught

Tw

inin

gs D

irec

t.

CU

STO

MER

KAT

E W

RO

TE

Thi

s is a

maz

ing!

It's

light

, re

fres

hing

and

smel

ls go

rgeo

us.

A n

ice c

up o

f tea

and

a ro

om

frag

ranc

e in

one!

CU

STO

MER

GLE

N M

. WR

OT

EG

reat

tea

first

dis

cove

red

on

Isla

nd es

cape

(cru

ise s

hip)

CU

STO

MER

VAN

ESS

A W

RO

TE

Wha

t rea

lly su

rpri

sed

me a

bout

th

is b

lend

was

how

enjo

yabl

e it

was

as a

n ic

ed te

a

Ratea

Page 240: Designing an iPad app

| 239

Rat

ea

Rev

iew

our

Tw

inin

gs te

a fla

vors

so w

e can

mee

t you

r exp

ecta

tions

!

BL

AC

K T

EA

FL

AV

OR

ED

V

AN

ILL

A T

EA

4/5

FRO

M 12

0 C

UST

OM

ER

S

CU

STO

MER

MIA

WR

OT

ET

his t

ea is

my

abso

lute

favo

urite

! I u

sed

to d

rink

it in

Fin

land

all

the t

ime b

ut u

nfor

tuna

tely

it is

no

t ava

ilabl

e in

the U

K sh

ops.

Luck

ily I

have

bee

n ab

le to

get m

y fix

thro

ught

Tw

inin

gs D

irec

t.

CU

STO

MER

KAT

E W

RO

TE

Thi

s is a

maz

ing!

It's

light

, re

fres

hing

and

smel

ls go

rgeo

us.

A n

ice c

up o

f tea

and

a ro

om fr

a-gr

ance

in o

ne!

CU

STO

MER

GLE

N M

. WR

OT

EG

reat

tea

first

dis

cove

red

on

Isla

nd es

cape

(cru

ise s

hip)

CU

STO

MER

VAN

ESS

A W

RO

TE

Wha

t rea

lly su

rpri

sed

me a

bout

th

is b

lend

was

how

enjo

yabl

e it

was

as a

n ic

ed te

a

Min

. 10

wor

ds &

Max

. 100

wor

ds

Τελικά Σχέδια

Page 241: Designing an iPad app

240 |

Rat

ea

Rev

iew

our

Tw

inin

gs te

a fla

vors

so w

e can

mee

t you

r exp

ecta

tions

!

BL

AC

K T

EA

FL

AV

OR

ED

V

AN

ILL

A T

EA

4/5

FRO

M 12

0 C

UST

OM

ER

S

CU

STO

MER

MIA

WR

OT

ET

his t

ea is

my

abso

lute

favo

urite

! I u

sed

to d

rink

it in

Fin

land

all

the t

ime b

ut u

nfor

tuna

tely

it is

no

t ava

ilabl

e in

the U

K sh

ops.

Luck

ily I

have

bee

n ab

le to

get m

y fix

thro

ught

Tw

inin

gs D

irec

t.

CU

STO

MER

KAT

E W

RO

TE

Thi

s is a

maz

ing!

It's

light

, re

fres

hing

and

smel

ls go

rgeo

us.

A n

ice c

up o

f tea

and

a ro

om

frag

ranc

e in

one!

CU

STO

MER

GLE

N M

. WR

OT

EG

reat

tea

first

dis

cove

red

on

Isla

nd es

cape

(cru

ise s

hip)

CU

STO

MER

VIK

I WR

OT

EW

hat a

won

derf

ul te

a! It

’s so

re

fres

hing

with

a fa

ntas

tic fl

avor

!

Ratea

Page 242: Designing an iPad app

| 241

Rat

ea

Rev

iew

our

Tw

inin

gs te

a fla

vors

so w

e can

mee

t you

r exp

ecta

tions

!

BL

AC

K T

EA

FL

AV

OR

ED

O

RA

NG

E &

CIN

NA

MO

N

3/5

FRO

M 15

CUST

OM

ER

S

CU

STO

MER

JOSE

PH W

RO

TE

Thi

s is t

he m

ost a

maz

ing t

ea

ever

ywhe

re el

se in

the w

orld

!

CU

STO

MER

JAM

ES W

RO

TE

it is

pro

babl

y no

t a go

od o

ne fo

r so

meo

ne's

intr

oduc

tion

to te

as. I

t ha

s a d

istin

ctiv

e tas

te th

at yo

u ei

ther

like

or d

on't

like.

Τελικά Σχέδια

Page 243: Designing an iPad app

242 |

Rat

ea

Rev

iew

our

Tw

inin

gs te

a fla

vors

so w

e can

mee

t you

r exp

ecta

tions

!

EA

RL G

RE

Y F

LA

VO

RE

D

LA

VE

ND

ER

5/5

FRO

M 2

0 C

UST

OM

ER

S

We w

elco

me y

our t

houg

hts,

leav

e a

Tea

Tast

ing N

ote o

r Com

men

t for

ot

hers

to re

ad. P

leas

e Log

in or

si

gn u

p to

com

men

t and

rate

this

pr

oduc

t

Ratea

Page 244: Designing an iPad app

| 243

Rat

ea

Rev

iew

our

Tw

inin

gs te

a fla

vors

so w

e can

mee

t you

r exp

ecta

tions

!

EA

RL G

RE

Y F

LA

VO

RE

D

JAS

MIN

E

4/5

FRO

M 15

0 C

UST

OM

ER

S

CU

STO

MER

ME

LAN

IE W

RO

TE

My

first

cup

of E

arl G

rey

Jasm

ine

real

ly su

rpri

sed

me.

I lo

ved

the

flavo

r and

I ev

en en

joye

d it

with

le

mon

.

CU

STO

MER

LAU

RA

WR

OT

ED

o yo

urse

lf a

favo

ur a

nd b

uy a

sa

mpl

e of t

his t

ea.

Τελικά Σχέδια

Page 245: Designing an iPad app

244 |

10.11 buy now ωσ εγγεγραμμενοσ χρηστησ

Και σε αυτή τη περίπτωση, η βασική αλλαγή είναι

ότι ο εγγεγραμμένος χρήστης σε σχέση με τον

guest, έχει πλήρη πρόσβαση στην εφαρμογή. Σε

αυτή την ενότητα μπορεί να αγοράσει προϊόντα της

Twinings μέσω internet ή να βρει όποιο κατάστημα

επιθυμεί. Η συνεργασία της εφαρμογής με άλλες

όπως το σύστημα πλοήγησης Safari είναι βασικό

προτέρημα μιας καλοσχεδιασμένη εφαρμογής.

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σμίκρυνση και Μεγέθυνση του Χάρτη

Buy Now ως Εγγεγραμμένος Χρήστης

Page 246: Designing an iPad app

| 245

Bu

y N

ow

Our

onl

ine T

ea S

hop

sells

all

our t

eas a

nd lo

ose l

eaf t

eas f

rom

aro

und

the

wor

ld, w

e als

o se

ll a

vast

rang

e of T

eaw

are t

o he

lp a

ny a

fter

noon

tea

part

ylo

ok a

nd ta

ste a

maz

ing.

Tap

the B

uy O

nlin

e but

ton

orTa

p th

e Tw

isto

res b

utto

n to

find

a st

ore n

ear y

ou.

*To

use t

his s

ectio

ns yo

u m

ust b

e con

nect

ed to

the I

nter

net

BUY O

NLI

NE

TWIS

TORES

Τελικά Σχέδια

Page 247: Designing an iPad app

246 |

Bu

y O

nli

ne

BUY O

NLI

NE

TWIS

TORES

Buy Online

Page 248: Designing an iPad app

| 247

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

ZIP O

R CI

TY,

STAT

E

Τελικά Σχέδια

Page 249: Designing an iPad app

248 |

ZIP O

R CI

TY,

STAT

E18

534,

GR

EE

CE

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORESY

OU

AR

E H

ER

E

TW

ININ

GS S

TO

RE 5

KM

KA

RA

OLI

DIM

ITR

IOY 8

218

535,

PIR

AE

US

TW

ININ

GS S

TO

RE 6

KM

ELE

FTH

ER

IOY V

EN

IZE

LOU

40

1853

5, PI

RA

EU

S

Twistores

Page 250: Designing an iPad app

| 249

ZIP O

R CI

TY,

STAT

E

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

LON

DO

N

Τελικά Σχέδια

Page 251: Designing an iPad app

250 |

ZIP O

R CI

TY,

STAT

ELO

ND

ON

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

TW

ININ

GS S

TO

RE

WE

STFI

ELD

LON

DO

NA

RIE

L WAY

LON

DO

N W

12 7

SL

TW

ININ

GS S

TO

RE

WE

STFI

ELD

STR

ATFO

RD

C

ITY,

OLY

MPI

C PA

RK

E20

LON

DO

N

TW

ININ

GS S

TO

RE

216

STR

AN

DLO

ND

ON

WC

2R 1A

P

Twistores

Page 252: Designing an iPad app

| 251

ZIP O

R CI

TY,

STAT

E

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

CLEA

R

TWIS

TORES

Τελικά Σχέδια

Page 253: Designing an iPad app

252 |

ZIP O

R CI

TY,

STAT

E

Tw

isto

res

Are

you

sear

chin

g you

r nea

rest

Tw

inin

g Sto

re o

r som

ewhe

re el

se?

You

will

find

it h

ere!

BUY O

NLI

NE

TWIS

TORES

UN

ITE

D K

ING

DO

M

TW

ININ

GS S

TO

RE

WE

STFI

ELD

LON

DO

NA

RIE

L WAY

LON

DO

N W

12 7

SL

TW

ININ

GS S

TO

RE

216

STR

AN

DLO

ND

ON

WC

2R 1A

P

TW

ININ

GS S

TO

RE

WE

STFI

ELD

STR

ATFO

RD

C

ITY,

OLY

MPI

C PA

RK

E20

LON

DO

N

OP

EN

ING

TIM

ES

MO

ND

AY -

FRID

AY 8

.30A

M TO

7.30

PMSA

TU

RD

AY 10

AM

- 5P

M &

SUN

DAY

10A

M TO

4PM

Twistores

Page 254: Designing an iPad app

| 253

10.12 options ωσ εγγεγραμμενοσ χρηστησ

Σε αυτή την περίπτωση το κουμπί ρυθμίσεων

αλλάζει όταν ο χρήστης είναι εγγεγραμμένος.

Αυτό συμβαίνει διότι υπάρχουν τα στοιχεία του

τα οποία μπορεί να επεξεργαστεί ή να επιλέξει να

εξέλθει από την εφαρμογή. Επίσης, όταν πρέπει

να επικοινωνήσει με την εταιρεία στην σελίδα

Contact δεν του ζητείται το email διότι είναι ήδη

καταχωρημένο σε σχέση με τον guest όπου έπρεπε

να το καταχωρήσει για να λάβει κάποια απάντηση

από την εταιρεία. Ακόμη, εδώ υπάρχει και η επιλογή

του χρήστη να ενεργοποιήσει - απενεργοποιήσει

την αποστολή newsletters μέσω email

gestures στισ συγκεκριμενεσ σελιδεσ

Απλό Άγγιγμα (tap)

Σύρσιμο προς συγκεκριμένη κατεύθυνση (swipe)

(όταν ο χρήστης επιθυμεί να επιλέξει το κουμπί

των ρυθμίσεων)

Τελικά Σχέδια

Page 255: Designing an iPad app

254 |

HIS

TO

RY

NEWS

BENEFIT

S

TASTERS

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

twin

ings

Options

Page 256: Designing an iPad app

| 255

HIS

TO

RY

NEWS

BENEFIT

S

TASTERS

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

twin

ings

****

***

twin

ings

@gm

ail.c

om

Τελικά Σχέδια

Page 257: Designing an iPad app

256 |

HIS

TO

RY

NEWS

BENEFIT

S

TASTERS

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

twin

ings

2

****

***

twin

ings

2@gm

ail.c

om

Options - Edit Account

Page 258: Designing an iPad app

| 257

HIS

TO

RY

NEWS

BENEFIT

S

TASTERS

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

tea

****

***

twin

ings

2@gm

ail.c

om

Use

rnam

e is n

ot av

aila

ble.

Tr

y ag

ain

Τελικά Σχέδια

Page 259: Designing an iPad app

258 |

HIS

TO

RY

NEWS

BENEFIT

S

TASTERS

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

DE

SIG

NE

R

ILLU

STR

ATO

R

PRO

GR

AM

ME

R

MA

RK

ETIN

G

Vik

i Kav

alla

ri

Vik

i Kav

alla

ri

Ano

nym

ous

Ano

nym

ous

Options - Credits

Page 260: Designing an iPad app

| 259

HIS

TO

RY

NEWS

BENEFIT

S

TASTERS

Ab

ou

t T

win

ing

s

As e

xper

t ble

nder

s for

ove

r 300

year

s, Tw

inin

gsha

s sou

ght o

ut so

me o

f the

mos

t exc

lusi

ve a

ndra

re te

as a

nd in

fusi

ons t

o de

light

your

sens

es.

Let u

s tak

e you

on

a vi

rtua

l jou

rney

thro

ugh

the w

orld

of t

ea, b

ring

ing y

ou te

a ta

stes

and

ritu

als f

rom

far-

flung

loca

les,

serv

ed in

a w

ayto

hig

hlig

ht th

e bea

uty

and

cultu

re o

f eac

hpa

rtic

ular

tea

cere

mon

y.

TEL

084

5 60

1 96

12 O

R

SEN

D A

MES

SAG

E

Τελικά Σχέδια

Page 261: Designing an iPad app

260 |

10.13 απο landscape σε portrait

Αν και ο σχεδιασμός της εφαρμογής ξεκίνησε

οριζόντια, θεώρησα απαραίτητο να προσαρμόσω

την σχεδίαση της εφαρμογής και κάθετα. Η

διαρρύθμιση των κουμπιών άλλαξε αλλά η

αισθητική τους παρέμεινε ίδια. Ορισμένες εικόνες

είχαν μεγαλύτερο περιθώριο μεγέθυνσης ενώ άλλα

αντικείμενα μίκρυναν αναλόγως με τις λειτουργικές

ανάγκες της εφαρμογής. Οι κινήσεις (gestures) των

χεριών παρέμειναν ίδιες με αυτές που ορίστηκαν

στον οριζόντιο σχεδιασμό.

Από Landscape σε Portrait

Page 262: Designing an iPad app

| 261 Κάθετα Παραδείγματα Εφαρμογής

Loading

USE ASGUEST

SIGNIN

CONNECTWITH

SIGNUP

Welcome to the World of Twinings Tea!

Thank you for downloading the Twinings Application.

Here, you will find your favorite tea, share your tea spot with other friends, buy our products online and

so many other beatiful things.

We hope you will enjoy this application!

CLEAR

By signing up you can keep up to date with majordevelopments in the Twinings App. We will contact youto tell you about interesting new content, competitions,new gifts ecc. we have on our application.How often will you e-mail me?Twinings application will email you a maximum of onceper month – and only when we think we’ve got somethingyou’d like to know about.How can I unsubscribe?Unsubscribing is easy. On each communication we sendout there is a special link to take yourself o­ our mailinglist. Also, going on “Options” menu you can unsubscribetoo. Once you unsubscribe, Twinings application will notsend you this kind of communication again.Will my personal information be used elsewhere?No. Your contact details will be used only by Twinings inorder to communicate on an ad-hoc basis when we havesomething interesting to tell you. We will not provide yourpersonal details to third parties.

Why should I sign up?

USE ASGUEST

SIGNIN

CONNECTWITH

SIGNUP

Welcome to the World of Twinings Tea!

Thank you for downloading the Twinings Application.

Here, you will find your favorite tea, share your tea spot with other friends, buy our products online and

so many other beatiful things.

We hope you will enjoy this application!

USE ASGUEST

SIGNIN

CONNECTWITH

SIGNUP

Registration is free.

Enter the following information so you can access to the content of the application. You can change your settings with the Options button.

Page 263: Designing an iPad app

262 |

USE ASGUEST

SIGNIN

CONNECTWITH

SIGNUP

Registration is free.

Enter the following information so you can access to the content of the application. You can change your settings with the Options button.

greentea

[email protected]

******

Email address is not available. Try Again.

USE ASGUEST

SIGNUP SIGN

IN

CONNECTWITH

Sign In

Tap your username and password so you can access to the content of the application. You can change your settings with the Options button.

Forgot your username or password?

Having trouble signing in?

Tap your email and we will send youyour password and your username.

USE ASGUEST

SIGNUP SIGN

IN

CONNECTWITH

Sign In

Tap your username and password so you can access to the content of the application. You can change your settings with the Options button.

Forgot your username or password?

USE ASGUEST

SIGNUP SIGN

IN

CONNECTWITH

Sign In

Tap your username and password so you can access to the content of the application. You can change your settings with the Options button.

Forgot your username or password?

Having trouble signing in?

Tap your email and we will send youyour password and your username.

Κάθετα Παραδείγματα Εφαρμογής

Page 264: Designing an iPad app

| 263 Κάθετα Παραδείγματα Εφαρμογής

USE ASGUEST

SIGNUP SIGN

IN

CONNECTWITH

Sign In

Tap your username and password so you can access to the content of the application. You can change your settings with the Options button.

Forgot your username or password?

Having trouble signing in?

Your email has been successfully sent!

USE ASGUEST

SIGNINCONNECT

WITH

Connect with Facebook

Login with your Facebook account so you can access to the content of the application.

SIGNUP

USE ASGUEST

SIGNUP SIGN

IN

CONNECTWITH

Sign In

Tap your username and password so you can access to the content of the application. You can change your settings with the Options button.

Forgot your username or password?

Having trouble signing in?

Unfortunately you entered a wrong email or this email doesn’t exist.Please try again.

USE ASGUEST

SIGNINCONNECT

WITH

Connect with Facebook

Login with your Facebook account so you can access to the content of the application.

SIGNUP

Page 265: Designing an iPad app

264 |

ABOUT TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

About Twinings

As expert blenders for over 300 years, Twiningshas sought out some of the most exclusive andrare teas and infusions to delight your senses.

Let us take you on a virtual journey throughthe world of tea, bringing you tea tastes and

rituals from far-flung locales, served in a wayto highlight the beauty and culture of each

particular tea ceremony.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

In a time when co�ee was king, one man, Thomas Twining, went against the tide to share his love of tea. His passion turned a little-known drink into the nation’s favourite hot beverage. For us, tea is more than just a drink. It's been part of our daily lives and that of generations of tea lovers for over 300 years.Our story started in 1706. Back then, the most popular drinks in England were co�ee, gin and ale - even at breakfast! Although tea had been drunk in China for thousands of years, it had only just been imported to England, and lots of people were suspicious of it.

History of Twinings

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

About Twinings

As expert blenders for over 300 years, Twiningshas sought out some of the most exclusive andrare teas and infusions to delight your senses.

Let us take you on a virtual journey throughthe world of tea, bringing you tea tastes and

rituals from far-flung locales, served in a wayto highlight the beauty and culture of each

particular tea ceremony.

Why are some features locked?To be able to enjoy all of the features available to the application you will need to sign up. Registration is free and only takes a moment to complete.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

One man who was sure that it would be big was a certain Thomas Twining. Having had enough of drinking ale in the morning, he started selling tea from his co�ee house on London's Strand, promising only to sell the finest qualities and varieties. His pledge soon won him (and his tea) lots of fans - including Jane Austen and Charles II. By the 1750s, tea was the most popular drink among the working classes. Despite anger from pub owners and increased tea taxes, Thomas Twining kept selling tea - now from The Golden Lyon, the very first tea shop in London

History of Twinings

Κάθετα Παραδείγματα Εφαρμογής

Page 266: Designing an iPad app

| 265 Κάθετα Παραδείγματα Εφαρμογής

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

HISTORICAL MOMENTS

1787: Twinings chooses its logo. Today, it is the oldest commercial logo that has been in continuous use since it was made

1837: Queen Victoria makes Twinings an o�cial Royal Warrant holder

1910: Twinings opens its first shop in France

1933: Twinings first blends its famous English Breakfast

1956: Twinings makes tea bags for the first time

1972: Twinings becomes the first company to win the Queen's Award for Export

History of Twinings

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Benefits of Tea

A CUP A DAY KEEPS THE DOCTOR AWAY?Besides tea's proven therapeutic benefits, a daily cup or two of tea contributes in many other ways to a healthy lifestyle. So the next time you want to do something good for your body, put on the kettle and pour yourself a cup of health and happiness.Take a break - Tea time is the ultimate stress break, letting you stop, stretch and stimu-late your senses. You'll return relaxed, refreshed and ready to face whatever comes your way.STAY HYDRATED - The body needs 50 to 85 ounces of fluid each day, and tea is a great way to get your recommended daily allowance. Its potassium even helps to maintain the body's fluid balance.KEEP THINGS LIGHT - Served on its own, tea contains zero fat or calories. Even when taken with milk, tea remains an all-natural, low-calorie beverage.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Benefits of Tea

First discovered in China over 5,000 years ago, green tea is said to have many health benefits, including boosting your immune system. White tea contains the highest levels of antioxidants, and has been found to increase metabolism and help maintain healthy skin and complexion. Herbal teas, such as chamomile, can help you relax and promote restful sleep and help with digestion.Black and green teas also contain Vitamins A, B1, B2 and B6, along with calcium, zinc and folic acid. Tea is also a rich source of potassium—vital for maintaining a normal heartbeat and regulating fluid levels in cells and manganese, an essentialmineral for bone growth.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Benefits of Tea

SMILE MORE - Tea is a natural source of fluoride, which helps make your teeth stronger. Studies have shown that people who regularly drink both black and/or green tea are less likely to have cavities. The flavonoids in tea also help stop plaque, which can prevent gum disease and reduce bad breath.COMBAT FREE RADICALS - Tea is an ideal source of antioxidants, which naturally help protect the body against the damaging e�ects of free radicals. Free radicals are highly reactive molecules that can damage our cells and cause diseases.DISCOVER HEALING HERBALS - Naturally ca�eine free and low in calories, these refreshing infusions of fruits, flowers or herbs can help you unwind, relax, revive, or detox.

Page 267: Designing an iPad app

266 |

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Tea Tasters

Tasting tea is a dream job for any tea-lover but it takes years of training (and thousands of tastings) to become a true master blender and tea aficionado.Once the tea leaves have been processed, they're ready to be sold. Buying tea either happens at an auction or privately, directly between a producer and an expert tea buyer.Every week, major tea auctions take place in Calcutta, Mombasa, Colombo and Jakarta. Before each one, brokers send tea samples to expert tea buyers around the world, including our own, to be tasted and graded; valuations are then given to the ones they're interested in. Bids are then made at the auction and the purchased tea is shipped out to the successful bidder. It takes about 3 weeks for tea to arrive in the UK from Sri Lanka, while tea coming from India or China can take up to 5 weeks.We all think we know what a good cuppa tastes like but it takes 5 years training to be able to taste tea like a Twinings tea blender. Once qualified, our tea tasters can distinguish the tiniest di�erences between teas - even if they taste two batches from the same estate.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Latest News

06 FEBRUARY 2012 - TWININGS NEXT TV ADVERT

Following the success of Twinings' heart-warming, animated advert 'Sea', that resulted in a number three in the o�cial top40 and racked up 1.4 million hits on YouTube, the tea maker is planning to launch its next instalment, entitled 'Hill', on 4thMarch.This, the sequel advert is part of Twinings' integrated campaign with the strapline'Gets You Back To You'. It tells the story ofa woman overcoming obstacles, symbolised by a hill, to reach a place of perspective and features a moving andcontemporary cover of Fleetwood Mac'sGo Your Own Wayby American folk-rock starlet, Lissie.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Tea Tasters

Before they taste the teas, our blenders first examine the leaves when they're wet and when they're dry. Each tea then goes through this strict tea making procedure:1. Fresh water is boiled in a copper kettle2. 280ml of the boiling water is poured over 5g of tea in a special white, lidded, ceramic cup3. The leaves are left to infuse for exactly 6 minutes4. The tea is poured into a bowl, ready for tasting Tasting the tea is a serious job - no milk, sugar or cakes allowed! The tasters use spoons to suck the tea quickly against their palates before spitting it out and making notes. But they don't use any old spoon - each of our blenders has their own special tasting spoon, engraved with their name. And each spoon is kept in a special spoon holder in our tasting room.

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Latest News

06 JANUARY 2012 - TWININGS NEW GREEN TEAS

Here at Twinings we have recently launched an exciting new range of Green Teas, bringing you our best ever Pure Green Tea, as well as a number of blends bursting with exciting natural fruit combinations. Even better, we've refreshed all of our packs, to ensure this vibrant range is packaged to reflect the exciting flavours held within. So, we have taken this opportunity to dispel some of the Green Tea myths we have heard over the years, and share with you some of the hidden facts from our in-depth knowledge.

Κάθετα Παραδείγματα Εφαρμογής

Page 268: Designing an iPad app

| 267 Κάθετα Παραδείγματα Εφαρμογής

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Latest News

08 DECEMBER 2012 - LISIE GO ON YOUR OWN WAY

The latest singing sensation behind our next TV advert airing in early March.Lissie is essentially a smalltown Midwesterner, and not shy about embracing it. Born in Rock Island Illinois, it's hard to do otherwise, but to learn about her story is a real inspira-tion. As a blue-eyed, blond haired bombshell, you'd be foolish to think there wasn't much behind it.

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

I want a tea for

I’m feeling

I want to

ABOUT

TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

Latest News

20 NOVEMBER 2012 - THE QUEEN’S DIAMOND JUBILEE TEA

This blend has been developed to commemorate an amazing 60 years on the Throne for Her Majesty Queen Elizabeth II.

You'll find 2 di�erent caddies, the Oval Diamond Jubilee Caddy available in a light Green, Pink and a light Blue, each filled with this delicious loose Commemorative Blend tea.

Tea Mood

YOU NEED A CUP OF

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ENGLISH BREAKFAST TEAWhat's your favourite breakfast? Eggs, cereal or a

slice of buttery toast? Whatever it is, there's no better accompaniment than a good cup of our English Breakfast tea - the clue's in the name. But this tea isn't just for the morning. Bright,

full-bodied and full of flavour, English Breakfast is perfect for clearing away your cobwebs at

any time of day.

Page 269: Designing an iPad app

268 |

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

I want a tea for

I’m feeling

I want to

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

I want a tea for

I’m feeling

I want to

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

WHITE TEADuring the T'ang Dynasty in China, only the

emperor was allowed to drink white tea. That's because it's made from only the unopened buds and

young leaves of the tea plant.We think everyone should taste white tea. Its light and delicate, slightly sweet flavour will give you a little taste of luxury whenever you need it most.

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

PURE CAMOMILETake a sip of our golden camomile infusion, then shut your eyes and feel the world dissolve around

you. Now imagine an English lawn dotted with tiny white and yellow camomile flowers. We've picked only the most fragrant flowers to make this light

and delicate infusion. Its subtle floral taste is perfect for helping you unwind when you need to

escape the hustle and bustle..

Κάθετα Παραδείγματα Εφαρμογής

Page 270: Designing an iPad app

| 269 Κάθετα Παραδείγματα Εφαρμογής

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

I want a tea for

I’m feeling

I want to

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

GREEN TEAGreen Tea comes from the same tea plant as Black Tea, Camellia Sinensis. As customers increasingly

look to lead healthier lifestyles, awareness and consumption of Green Tea is growing. This is

mainly due to the fact that Green Tea is a natural source of antioxidants, which may help protect the

body from the damage caused by free radicals.

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

GREEN TEAGreen Tea comes from the same tea plant as Black Tea, Camellia Sinensis. As customers increasingly

look to lead healthier lifestyles, awareness and consumption of Green Tea is growing. This is

mainly due to the fact that Green Tea is a natural source of antioxidants, which may help protect the

body from the damage caused by free radicals.

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

GREEN TEAGreen Tea comes from the same tea plant as Black Tea, Camellia Sinensis. As customers increasingly

look to lead healthier lifestyles, awareness and consumption of Green Tea is growing. This is

mainly due to the fact that Green Tea is a natural source of antioxidants, which may help protect the

body from the damage caused by free radicals.

Page 271: Designing an iPad app

270 |

Buy Now

Our online Tea Shop sells all our teas and loose leaf teas from around the world, we also sell a vast range of Teaware to help any afternoon tea party look and taste amazing.

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tap the Buy Online button orTap the Twistores button to find a store near you.

*To use this sections you must be connected to the Internet

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE

Buy Online

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

YOU ARE HERE

TWININGS STORE 5KM

KARAOLI DIMITRIOY 8218535, PIRAEUS

TWININGS STORE 6KM

ELEFTHERIOY VENIZELOU 4018535, PIRAEUS

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE 18534, GREECE

Κάθετα Παραδείγματα Εφαρμογής

Page 272: Designing an iPad app

| 271 Κάθετα Παραδείγματα Εφαρμογής

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE LONDON

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE

CLEAR

TWININGS STORE WESTFIELD LONDON

ARIEL WAY

LONDON W12 7SL

TWININGS STORE WESTFIELD STRATFORD CITY, OLYMPIC PARK

E20 LONDON

TWININGS STORE 216 STRAND

LONDON WC2R 1AP

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE LONDON

TEA SPOT

GIFTS

RAT

EA

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE UNITED KINGDOM

TWININGS STORE WESTFIELD LONDONARIEL WAYLONDON W12 7SL

TWININGS STORE 216 STRANDLONDON WC2R 1AP

TWININGS STORE WESTFIELD STRATFORD CITY, OLYMPIC PARKE20 LONDON

OPENING TIMESMONDAY - FRIDAY 8.30AM TO 7.30PM

SATURDAY 10AM - 5PM & SUNDAY 10AM TO 4PM

Page 273: Designing an iPad app

272 |

ABOUT TEA MOODTEA SPOT

GIFTS

RAT

EA

BUY N

OW

About Twinings

As expert blenders for over 300 years, Twiningshas sought out some of the most exclusive andrare teas and infusions to delight your senses.

Let us take you on a virtual journey throughthe world of tea, bringing you tea tastes and

rituals from far-flung locales, served in a wayto highlight the beauty and culture of each

particular tea ceremony.

ABOUT

TEA MOOD

BUY N

OW

In a time when co�ee was king, one man, Thomas Twining, went against the tide to share his love of tea. His passion turned a little-known drink into the nation’s favourite hot beverage. For us, tea is more than just a drink. It's been part of our daily lives and that of generations of tea lovers for over 300 years.Our story started in 1706. Back then, the most popular drinks in England were co�ee, gin and ale - even at breakfast! Although tea had been drunk in China for thousands of years, it had only just been imported to England, and lots of people were suspicious of it.

History of Twinings

TEA SPOT

GIFTS

RAT

EA

ABOUT TEA MOOD

BUY N

OW

About Twinings

As expert blenders for over 300 years, Twiningshas sought out some of the most exclusive andrare teas and infusions to delight your senses.

Let us take you on a virtual journey throughthe world of tea, bringing you tea tastes and

rituals from far-flung locales, served in a wayto highlight the beauty and culture of each

particular tea ceremony.

TEA SPOT

GIFTS

RAT

EA

Why are some features locked?To be able to enjoy all of the features available to the application you will need to sign up. Registration is free and only takes a moment to complete.

ABOUT

TEA MOOD

BUY N

OW

One man who was sure that it would be big was a certain Thomas Twining. Having had enough of drinking ale in the morning, he started selling tea from his co�ee house on London's Strand, promising only to sell the finest qualities and varieties. His pledge soon won him (and his tea) lots of fans - including Jane Austen and Charles II. By the 1750s, tea was the most popular drink among the working classes. Despite anger from pub owners and increased tea taxes, Thomas Twining kept selling tea - now from The Golden Lyon, the very first tea shop in London

History of Twinings

TEA SPOT

GIFTS

RAT

EA

Κάθετα Παραδείγματα Εφαρμογής

Page 274: Designing an iPad app

| 273 Κάθετα Παραδείγματα Εφαρμογής

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

HISTORICAL MOMENTS

1787: Twinings chooses its logo. Today, it is the oldest commercial logo that has been in continuous use since it was made

1837: Queen Victoria makes Twinings an o�cial Royal Warrant holder

1910: Twinings opens its first shop in France

1933: Twinings first blends its famous English Breakfast

1956: Twinings makes tea bags for the first time

1972: Twinings becomes the first company to win the Queen's Award for Export

History of Twinings

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

Benefits of Tea

A CUP A DAY KEEPS THE DOCTOR AWAY?Besides tea's proven therapeutic benefits, a daily cup or two of tea contributes in many other ways to a healthy lifestyle. So the next time you want to do something good for your body, put on the kettle and pour yourself a cup of health and happiness.Take a break - Tea time is the ultimate stress break, letting you stop, stretch and stimu-late your senses. You'll return relaxed, refreshed and ready to face whatever comes your way.STAY HYDRATED - The body needs 50 to 85 ounces of fluid each day, and tea is a great way to get your recommended daily allowance. Its potassium even helps to maintain the body's fluid balance.KEEP THINGS LIGHT - Served on its own, tea contains zero fat or calories. Even when taken with milk, tea remains an all-natural, low-calorie beverage.

ABOUT

TEA MOOD

BUY N

OW

Benefits of Tea

First discovered in China over 5,000 years ago, green tea is said to have many health benefits, including boosting your immune system. White tea contains the highest levels of antioxidants, and has been found to increase metabolism and help maintain healthy skin and complexion. Herbal teas, such as chamomile, can help you relax and promote restful sleep and help with digestion.Black and green teas also contain Vitamins A, B1, B2 and B6, along with calcium, zinc and folic acid. Tea is also a rich source of potassium—vital for maintaining a normal heartbeat and regulating fluid levels in cells and manganese, an essentialmineral for bone growth.

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

Benefits of Tea

SMILE MORE - Tea is a natural source of fluoride, which helps make your teeth stronger. Studies have shown that people who regularly drink both black and/or green tea are less likely to have cavities. The flavonoids in tea also help stop plaque, which can prevent gum disease and reduce bad breath.COMBAT FREE RADICALS - Tea is an ideal source of antioxidants, which naturally help protect the body against the damaging e�ects of free radicals. Free radicals are highly reactive molecules that can damage our cells and cause diseases.DISCOVER HEALING HERBALS - Naturally ca�eine free and low in calories, these refreshing infusions of fruits, flowers or herbs can help you unwind, relax, revive, or detox.

TEA SPOT

GIFTS

RAT

EA

Page 275: Designing an iPad app

274 |

ABOUT

TEA MOOD

BUY N

OW

Tea Tasters

Tasting tea is a dream job for any tea-lover but it takes years of training (and thousands of tastings) to become a true master blender and tea aficionado.Once the tea leaves have been processed, they're ready to be sold. Buying tea either happens at an auction or privately, directly between a producer and an expert tea buyer.Every week, major tea auctions take place in Calcutta, Mombasa, Colombo and Jakarta. Before each one, brokers send tea samples to expert tea buyers around the world, including our own, to be tasted and graded; valuations are then given to the ones they're interested in. Bids are then made at the auction and the purchased tea is shipped out to the successful bidder. It takes about 3 weeks for tea to arrive in the UK from Sri Lanka, while tea coming from India or China can take up to 5 weeks.We all think we know what a good cuppa tastes like but it takes 5 years training to be able to taste tea like a Twinings tea blender. Once qualified, our tea tasters can distinguish the tiniest di�erences between teas - even if they taste two batches from the same estate.

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

Latest News

06 FEBRUARY 2012 - TWININGS NEXT TV ADVERT

Following the success of Twinings' heart-warming, animated advert 'Sea', that resulted in a number three in the o�cial top40 and racked up 1.4 million hits on YouTube, the tea maker is planning to launch its next instalment, entitled 'Hill', on 4thMarch.This, the sequel advert is part of Twinings' integrated campaign with the strapline'Gets You Back To You'. It tells the story ofa woman overcoming obstacles, symbolised by a hill, to reach a place of perspective and features a moving andcontemporary cover of Fleetwood Mac'sGo Your Own Wayby American folk-rock starlet, Lissie.

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

Tea Tasters

Before they taste the teas, our blenders first examine the leaves when they're wet and when they're dry. Each tea then goes through this strict tea making procedure:1. Fresh water is boiled in a copper kettle2. 280ml of the boiling water is poured over 5g of tea in a special white, lidded, ceramic cup3. The leaves are left to infuse for exactly 6 minutes4. The tea is poured into a bowl, ready for tasting Tasting the tea is a serious job - no milk, sugar or cakes allowed! The tasters use spoons to suck the tea quickly against their palates before spitting it out and making notes. But they don't use any old spoon - each of our blenders has their own special tasting spoon, engraved with their name. And each spoon is kept in a special spoon holder in our tasting room.

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

Latest News

06 JANUARY 2012 - TWININGS NEW GREEN TEAS

Here at Twinings we have recently launched an exciting new range of Green Teas, bringing you our best ever Pure Green Tea, as well as a number of blends bursting with exciting natural fruit combinations. Even better, we've refreshed all of our packs, to ensure this vibrant range is packaged to reflect the exciting flavours held within. So, we have taken this opportunity to dispel some of the Green Tea myths we have heard over the years, and share with you some of the hidden facts from our in-depth knowledge.

TEA SPOT

GIFTS

RAT

EA

Κάθετα Παραδείγματα Εφαρμογής

Page 276: Designing an iPad app

| 275 Κάθετα Παραδείγματα Εφαρμογής

ABOUT

TEA MOOD

BUY N

OW

Latest News

08 DECEMBER 2012 - LISIE GO ON YOUR OWN WAY

The latest singing sensation behind our next TV advert airing in early March.Lissie is essentially a smalltown Midwesterner, and not shy about embracing it. Born in Rock Island Illinois, it's hard to do otherwise, but to learn about her story is a real inspira-tion. As a blue-eyed, blond haired bombshell, you'd be foolish to think there wasn't much behind it.

TEA SPOT

GIFTS

RAT

EA

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

I want a tea for

I’m feeling

I want to

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA SPOT

GIFTS

RAT

EA

ABOUT

TEA MOOD

BUY N

OW

Latest News

20 NOVEMBER 2012 - THE QUEEN’S DIAMOND JUBILEE TEA

This blend has been developed to commemorate an amazing 60 years on the Throne for Her Majesty Queen Elizabeth II.

You'll find 2 di�erent caddies, the Oval Diamond Jubilee Caddy available in a light Green, Pink and a light Blue, each filled with this delicious loose Commemorative Blend tea.

Tea Mood

YOU NEED A CUP OF

ENGLISH BREAKFAST TEAWhat's your favourite breakfast? Eggs, cereal or a

slice of buttery toast? Whatever it is, there's no better accompaniment than a good cup of our English Breakfast tea - the clue's in the name. But this tea isn't just for the morning. Bright,

full-bodied and full of flavour, English Breakfast is perfect for clearing away your cobwebs at

any time of day.

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

Page 277: Designing an iPad app

276 |

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

I want a tea for

I’m feeling

I want to

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

I want a tea for

I’m feeling

I want to

Tea Mood

YOU NEED A CUP OF

WHITE TEADuring the T'ang Dynasty in China, only the

emperor was allowed to drink white tea. That's because it's made from only the unopened buds and

young leaves of the tea plant.We think everyone should taste white tea. Its light and delicate, slightly sweet flavour will give you a little taste of luxury whenever you need it most.

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

Tea Mood

YOU NEED A CUP OF

PURE CAMOMILETake a sip of our golden camomile infusion, then shut your eyes and feel the world dissolve around

you. Now imagine an English lawn dotted with tiny white and yellow camomile flowers. We've picked only the most fragrant flowers to make this light

and delicate infusion. Its subtle floral taste is perfect for helping you unwind when you need to

escape the hustle and bustle..

Κάθετα Παραδείγματα Εφαρμογής

Page 278: Designing an iPad app

| 277 Κάθετα Παραδείγματα Εφαρμογής

Tea Mood

Are you feeling tired? Do you want to loose weight or just relax? We have the perfect solution for you! Make your choices and we will find the perfect tea for you

I want a tea for

I’m feeling

I want to

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

GREEN TEAGreen Tea comes from the same tea plant as Black Tea, Camellia Sinensis. As customers increasingly

look to lead healthier lifestyles, awareness and consumption of Green Tea is growing. This is

mainly due to the fact that Green Tea is a natural source of antioxidants, which may help protect the

body from the damage caused by free radicals.

ABOUT TEA MOOD

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

Tea Mood

YOU NEED A CUP OF

GREEN TEAGreen Tea comes from the same tea plant as Black Tea, Camellia Sinensis. As customers increasingly

look to lead healthier lifestyles, awareness and consumption of Green Tea is growing. This is

mainly due to the fact that Green Tea is a natural source of antioxidants, which may help protect the

body from the damage caused by free radicals.

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Tea Mood

YOU NEED A CUP OF

GREEN TEAGreen Tea comes from the same tea plant as Black Tea, Camellia Sinensis. As customers increasingly

look to lead healthier lifestyles, awareness and consumption of Green Tea is growing. This is

mainly due to the fact that Green Tea is a natural source of antioxidants, which may help protect the

body from the damage caused by free radicals.

Page 279: Designing an iPad app

278 |

Buy Now

Our online Tea Shop sells all our teas and loose leaf teas from around the world, we also sell a vast range of Teaware to help any afternoon tea party look and taste amazing.

Tap the Buy Online button orTap the Twistores button to find a store near you.

*To use this sections you must be connected to the Internet

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ZIP OR CITY, STATE

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Buy Online

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD YOU ARE HERE

TWININGS STORE 5KM

KARAOLI DIMITRIOY 8218535, PIRAEUS

TWININGS STORE 6KM

ELEFTHERIOY VENIZELOU 4018535, PIRAEUS

ZIP OR CITY, STATE 18534, GREECE

Κάθετα Παραδείγματα Εφαρμογής

Page 280: Designing an iPad app

| 279 Κάθετα Παραδείγματα Εφαρμογής

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ABOUT

TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

ZIP OR CITY, STATE LONDON

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ZIP OR CITY, STATE

CLEAR

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

TWININGS STORE WESTFIELD LONDON

ARIEL WAY

LONDON W12 7SL

TWININGS STORE WESTFIELD STRATFORD CITY, OLYMPIC PARK

E20 LONDON

TWININGS STORE 216 STRAND

LONDON WC2R 1AP

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ZIP OR CITY, STATE LONDON

ABOUT TEA SPOT

GIFTS

RAT

EA

BUY N

OW

TEA MOOD

Twistores

Are you searching your nearest Twining Store or somewhere else? You will find it here!

ZIP OR CITY, STATE UNITED KINGDOM

TWININGS STORE WESTFIELD LONDONARIEL WAYLONDON W12 7SL

TWININGS STORE 216 STRANDLONDON WC2R 1AP

TWININGS STORE WESTFIELD STRATFORD CITY, OLYMPIC PARKE20 LONDON

OPENING TIMESMONDAY - FRIDAY 8.30AM TO 7.30PM

SATURDAY 10AM - 5PM & SUNDAY 10AM TO 4PM

Page 281: Designing an iPad app

280 |

The most important decision is how to position your product

“David Ogilvy ”

Page 282: Designing an iPad app

| 281 Προώθηση - Διαφήμιση Εφαρμογής

Προώθηση - ΔιαφήμισηΕφαρμογής

κεφάλαιο

11

Page 283: Designing an iPad app

282 |

11.1 διαφημιση - προωθηση εφαρμογησ

Εφόσον ολοκληρωθεί η σχεδίαση και ο

προγραμματισμός της εφαρμογής, ακολουθεί

η διαφήμισή της. Συνήθως την διαφήμιση της

εφαρμογής την αναλαμβάνουν διαφημιστικές

εταιρείες εξειδικευμένες σε αυτόν τον τομέα.

Παρ’όλα αυτα ένας εύκολος, και χωρίς ιδιαίτερο

κόστος, τρόπος προώθησης της εφαρμογής, είναι η

δημιουργία ενός βίντεο το οποίο μπορεί να εισαχθεί

στο Youtube και εντός λίγων ημερών να το δουν

εκατομμύρια άτομα από όλο τον κόσμο. Ακόμα και

αν δεν ξέρει κανείς να δημιουργήσει τρισδιάστατα

γραφικά για την δημιουργία ενός επαγγελματικού

βίντεο, μπορεί να αγοράσει κάποια templates για

το After Effects πρόγραμμα και να ενσωματώσει

τα στατικά του σχέδια δίνοντας μια ρεαλιστική

αίσθηση στην εφαρμογή.

Προώθηση - Διαφήμιση Εφαρμογής

Page 284: Designing an iPad app

| 283 Προώθηση - Διαφήμιση Εφαρμογής

Page 285: Designing an iPad app

284 | Προώθηση - Διαφήμιση Εφαρμογής

Page 286: Designing an iPad app

| 285 Επίλογος

προλογοσεπιλογοσ

Εδώ, ολοκληρώνεται η σχεδίαση της εφαρμογής.

Μέσα από αυτήν την εμπειρία απέκτησα πάνω

από όλα την γνώση, τον τρόπο δημιουργίας μιας

εφαρμογής ακολουθώντας κάποια συγκεκριμένα

βήματα και φτάνωντας στο τελικό αποτέλεσμα.

Θα μπορούσε να ήταν κάποια εφαρμογή για

Iphone, κάποια σχεδίαση ιστοσελίδας ή γενικότερα

οποιοσδήποτε σχεδιασμός digital εφαρμογής για

την οποία έπρεπε να ακολουθηθούν παρόμοια

βήματα. Η συνεχόμενη έρευνα, η δημιουργία

προσχεδιακών flowcharts και wireframes βοήθησαν

σημαντικά στην ολοκλήρωση της σχεδίασης και

λειτουργούν ως βασικό εργαλείο για τον σωστό

σχεδιασμό οποιασδήποτε εφαρμογής.

Page 287: Designing an iPad app

286 |

1. iOS Human Interface Guidelines

developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/

Introducton/Introduction.html

2. uistencils.com/products/ipad-stencil-kit

3. omnigroup.com/products/omnigraffle

4. apple.com/iwork/keynote and keynotopia.com

5. Stevens, Chris. Designing for the iPad: Building Applications that Sell.

John Wiley & Sons, 2011 σελ. 124

6. twinings.co.uk

7. developer.apple.com

8. youtube.com/watch?v=GrV2SZuRPv0

9. twinings.com

10. youtube.com/watch?v=LdkcsDueSMM και

youtube.com/watch?v=oCN7GJLKuVk&feature=relmfu

11. Άρθρο sansimera.gr/articles/49

12. vita.gr/html/ent/410/ent.8410.asp

προλογοσπαραθεσεισ

Παραθέσεις

Page 288: Designing an iPad app

| 287 Βιβλιογραφία

‣ Ginsburg, Suzanne. Designing the iPhone User Experience. Addison Wesley, 2010.

‣ Stevens, Chris. Designing for the iPad: Building Applications that Sell. John Wiley & Sons, 2011.

‣ Colborne, Giles. Simple and Usable: web, mobile and interaction design. New Riders, 2011.

‣ Krug, Steve. Don’t Make me Think. New Riders, 2006.

‣ Clark, Josh. Tapworthy: Designing Great Iphone Apps. O’Reilly, 2010.

‣ Johnson Jeff. Designing with the Mind in Mind. Morgan Kaufmann, 2010.

‣ Welch, Shawn. From Idea to App: Creating iOS UI, Animations and Gestures. New Riders, 2010.

‣ Moore, Todd. Tap, Move, Shake: Turning Your Game Ideas into iPhone & iPad Apps. O’Reilly, 2011.

‣ Harrington, Turner. Learning iPad Programming. Addison Wesley, 2011.

‣ Smyth, Neil. IPad iOS 5 Development Essentials. 2012.

‣ CastleDine, Earle. Eftos, Myles. Wheeler, Max. Build Mobile Websites and Apps for Smart Devices.

SitePoint, 2011.

προλογοσβιβλιογραφια

Page 289: Designing an iPad app

288 |

προλογοσβιντεο

Βίντεο

‣ Lynda.com. iOS SDK Essential Training with Simon Allardice. 2012.

‣ Lynda.com. IPhone SDK: Developing IPad Applications with Simon Allardice. 2010.

‣ Lynda.com. Building and Monetizing Game Apps for iOS with Todd Perkins. 2011.

‣ Lynda.com. Interaction Design Fundamentals with David Hogue. 2012.

‣ Tuts + Premium. Fundamentals of UX Design with Sarah Kahn. 2012.

Page 290: Designing an iPad app

| 289 Ιστοσελίδες

προλογοσιστοσελιδεσ

‣ ipadatelier.com/design-for-ipad.html

‣ twinings.com

‣ twinings.co.uk

‣ wireframes.linowski.ca

‣ hicksdesign.co.uk/journal/ios-icon-template-for-illustrator-cs5

‣ littlelovingthings.blogspot.gr/2012/04/afternoon-tea-party.html

‣ hookcrochet.com/free-patterns/ships-wheel-tea-pot-holder

‣ typography.com/fonts/font_overview.php?productLineID=100034

‣ sansimera.gr/articles/49

‣ webitect.net/design/how-to-accurately-and-effectively-research-a-web-design-style

‣ heartwarmingvintage.blogspot.gr/2011/01/see-new-alice-in-wonderland-tea-scraps.html

‣ cupcakedaze.blogspot.gr/2010/12/cupcake-tea-table.html

‣ kristinatoday.blogspot.gr/2010/05/sweet-styling.html

‣ noupe.com/illustrator/anyone-up-for-a-cup-of-coffee.html

‣ shop.twinings.co.uk/shop

Page 291: Designing an iPad app

290 |

Μελέτη & Σχεδίαση Ψυχαγωγικής - Διαφημιστικής Εφαρμογής

για συσκευή IpadΒασιλική Ε. Καβαλλάρη