ΑΚΤΟ ΑΘΗΝΑΙΚΟΣ ΚΑΛΛΙΤΕΧΝΙΚΟΣ ΤΕΧΝΟΛΟΓΙΚΟΣ ΟΜΙΛΟΣ
ΚΛΑΔΟΣ ΓΡΑΦΙΣΤΙΚΗΣ BA (HONOURS) DEGREE IN GRAPHIC DESIGN MIDDLESEX UNIVERSITY
ΤΙΤΛΟΣ ΔΙΠΛΩΜΑΤΙΚΗΣ ΕΡΓΑΣΙΑΣ
36GRAMS
ΣΠΟΥΔΑΣΤΗΣ
ΙΩΑΝΝΗΣ ΑΝΑΓΝΩΣΤΟΥ ΥΠΕΥΘΥΝΟΣ ΚΑΘΗΓΗΤΗΣ
ΑΡΤΕΜΗΣ ΡΟΥΣΣΟΣ
2012 - 2013 ΗΜΕΡΟΜΗΝΙΑ ΥΠΟΒΟΛΗΣ 30 ΜΑΙΟΥ 2013
A book behind 36Grams mobile application John Anagnostou
ΑΚΤΟ ΑΘΗΝΑΙΚΟΣ ΚΑΛΛΙΤΕΧΝΙΚΟΣ ΤΕΧΝΟΛΟΓΙΚΟΣ ΟΜΙΛΟΣ Κλάδος Γραφιστικής: BA (HONOURS) DEGREE IN GRAPHIC DESIGN MIDDLESEX UNIVERSITY Τίτλος Διπλωματικής Εργασίας: 36Grams Υπεύθυνος Καθηγητής: Αρτέμης Ρούσσος Copyrights: Γιάννης Αναγνώστου Γραμματοσειρές που χρησιμοποιήθηκαν: PF AGORA SANS PRO Software που χρησιμοποιήθηκε: ADOBE INDESIGN CS5 ADOBE PHOTOSHOP CS6 ADOBE ILLUSTRATOR CS6 Χαρτί Βιβλίου: 150gr. Velvet για τις εσωτερικές σελίδες 300gr. Velvet & Matt Πλαστικοποίηση για το εξώφυλλο Εκτύπωση - Βιβλιοδεσία: printOut Ημερομηνία Υποβολής: 30 Mαΐου 2013
Κεφάλαιο Πρώτο: Επεξήγηση Διπλωματικής Εργασίας 01. Το Θέμα 02. Στόχος Διπλωματικής Εργασίας 03. Ονοματολογία 04. Κανόνες του UI Design που πρέπει να πληρή η εφαρμογή Κεφάλαιο Δεύτερο: Προσχέδια & Παρουσίαση 01. Logo Design Drafts 02. Application Icon Design Drafts 03. Application Icon Design Final 04. Application Interface Design Drafts 05. Application Interface Final 06. Films Showcase 07. Website Design Showcase
1. Το Θέμα Το 36 Grams είναι μία εφαρμογή φωτογραφίας για iPhone όπου προσομοιώνει πραγματικά, δημοφιλή film γνωστών εταιριών. Ένας από τους λόγους όπου επιλέχθηκε ένα iPhone application για θέμα διπλωματικής εργασίας είναι πως μόνο το 2013 έχουν πουληθεί πάνω από 37.4 εκατομμύρια iphone στην Αμερική μόνο, και οι εφαρμογές όπου είναι διαθέσιμες για εγκατάσταση από το App Store της Apple είναι πάνω από 1 εκατομμύριο μετρώντας από τον Ιούλιο του 2008. Άρα αναμφισβήτητα μιλάμε πως ένα τεράστιο κομμάτι στο χώρο του Design είναι πλέον ο σχεδιασμός για συσκευές κινητών τηλεφώνων και ταμπλετών. Tο συγκεκριμένο application ανήκει στις φωτογραφικές εφαρμογές, όπου έχουν εμφανιστεί τα 3 τελευταία χρόνια αφού το ίδιο το μέσο προσφέρει πλέον κάμερα αντίστοιχη με ψηφιακές φωτογραφικές μηχανές. Υπάρχουν πάρα πολλά applications με βάση τη φωτογραφία αλλά κανένα που προσομοιώνει πραγματικά τα films γνωστών εταιριών. Όλα τα applications που υπάρχουν χρησιμοποιούν κάποια έτοιμα φίλτρα για να κάνουν τις φωτογραφίες που βγάζουν οι χρήστες να δείχνουν πως έχουν ένα vintage / retro ύφος, αλλά απλά χρησιμοποιούν κάποιο effect .. Αυτό βέβαια δημιουργεί και μια ψευδαίσθηση όπου όλοι όσοι έχουν μία εφαρμογή στο κινητό τους τηλέφωνο και βγάζουν φωτογραφίες, πιστεύουν πως είναι και καλοί φωτογράφοι, επειδή τυχαίνει η ίδια η συσκευή να σου απλοποιεί την τέχνη της φωτογραφίας. Έχοντας έτσι ένα iPhone με application που προσθέτουν φίλτρα στις φωτογραφίες τους, συνεχίζουν να είναι σίγουροι πως μπορούν να συγκριθούν με επαγγελματίες του χώρου της φωτογραφίας. Και ακόμα χειρότερα με τις παλαιότερες γενιές φωτογράφων που δεν είχαν ψηφιακές φωτογραφικές μηχανές. Έτσι η ιδέα ήταν να δημιουργηθεί μία εφαρμογή που θα κάνει προσομοίωση της αναλογικής φωτογραφικής μηχανής και των 10 πιο διάσημων φιλμ του παρελθόντος( kodak, fuji, ilford ), σε συνδυασμό με το ότι πριν από κάποιους μήνες η Fuji μία από της μεγαλύτερες εταιρείες παραγωγής φιλμ έκανε ανακοίνωση πώς σταματάει την παραγωγή της. Με αυτό το application θέλω να δείξω το τέλος μίας εποχής και ταυτόχρονα να κάνω ένα αφιέρωμα σε αυτή, σε συνδυασμό με το ότι στην εποχή μας η ίδια η μόδα, η διακόσμηση και ο τρόπος ζωής έχει γυρίσει πίσω στο πιο παραδοσιακό, χειροποίητο ύφος και γενικά η ίδια η νοσταλγία των ανθρώπων για τις παλιές τέχνες και την θέση που κατείχαν στη ζωή αυτών που τις βίωσαν αλλά και αυτών που θα ήθελαν να τις είχαν γνωρίσει.
2. Στόχος Διπλωματικής Εργασίας Ο στόχος που θέτω είναι το application να έχει ένα Retro ύφος λόγω της ιδιαιτερότητας του και πάνω απ’ όλα να μπορεί να εκμεταλλευτεί πλήρως τις διαδραστικές δυνατότητες (gestures) που προσφέρει η συσκευή (iPhone) με βάση τους κανόνες του UX/UI Design.
3. Ονοματολογία Η ιδέα πίσω από το 36 Grams συμβολίζει την παραδοσιακή φωτογραφία, όπου ο φωτογράφος έβαζε όλη τη τέχνη και την ψυχή του για να αποτυπώσει σε ένα 36άρι φιλμ σημαντικές στιγμές της ζωής του. Το αποτέλεσμα όμως θα το έβλεπε μόλις χρησιμοποιούσε και τις 36 φωτογραφίες του φιλμ και το εμφάνιζε, κάτι που δεν ισχύει σήμερα για τις σύγχρονες ψηφιακές φωτογραφικές μηχανές. Άρα το 36 αυτό έχει διττή σημασία, πρώτον συμβολίζει τις 36 φωτογραφίες των φιλμ που έπρεπε να τραβήξεις για να γεμίσει και να μπορέσεις να το εμφανίσεις και δεύτερον το γεγονός ότι όλοι οι άνθρωποι θέλουν να απαθανατίσουν το λιγότερο 36 στιγμές της ζωής τους που θεωρούν σημαντικές. Βάση πειραματικών ερευνών έχει βρεθεί ότι ψυχή του ανθρώπου ζυγίζει περίπου 30 γραμμάρια Ας θέσουμε λοιπόν ότι και η κάθε μία ανάμνηση του ανθρώπου, που είναι πολύ σημαντική για τον καθένα και είναι ουσιαστικά μια κατάθεση ψυχής (με την έννοια του συναισθήματος), ζυγίζει ένα γραμμάριο. Έτσι κάθε φωτογραφία αντιπροσωπεύει και μία ανάμνηση, ένα κομμάτι της ψυχής του ανθρώπου (πάντα μεταφορικά) το 36 Grams είναι τα 36 γραμμάρια αναμνήσεων που ο καθένας μπορεί να κρατήσει μέσα σε ένα παραδοσιακό φιλμ.
36 στιγμές, 36 αναμνήσεις, 36 φωτογραφίες, 36 γραμμάρια!
4. Κανόνες του UI Design που πρέπει να πληρή η εφαρμογή 1. Έμφαση στο πρωταρχικό στόχο της εφαρμογής. Ανάλυση του τι χρειάζεται να περιέχει κάθε οθόνη της εφαρμογής, είτε είναι χρήσιμες πληροφορίες για την εφαρμογή είτε είναι θέμα λειτουργικότητας και ευκολίας χρήσης. 2. Το περιεχόμενο που ενδιαφέρει τους χρήστες πρέπει να βρίσκεται σε εμφανές σημείο Ο χρήστης μπορεί να επικεντρωθεί στο θέμα που τον ενδιαφέρει αν ο σχεδιασμός είναι σωστός χωρίς να έχει πολύπλοκα και πολλά μενού και υπομενού. 3. Σχεδιασμός από πάνω προς τα κάτω Το πάνω μέρος της οθόνης είναι περισσότερο ορατό για τους περισσότερους ανθρώπους, επειδή έχουν την τάση να αλληλεπιδρούν με τη συσκευή κρατώντας την με τους εξής τρόπους. Στο ένα χέρι και χειρίζονται τη συσκευή με τον αντίχειρα του ίδιου χεριού. Ανάμεσα στα δύο τους χέρια και χειρίζονται τη συσκευή και με τους 2 αντίχειρες. Έτσι η πιο σημαντική πληροφορία ή το μενού που ο χρήστης θα το χρησιμοποιεί συνέχεια θα πρέπει να βρίσκεται σε σημείο όπου θα είναι εμφανές και εύκολο για το χρήστη να το πατήσει. 4. Ο χρήστης πρέπει να έχει μια λογική πορεία να ακολουθήσει Ο χρήστης θέλει να γνωρίζει πού να βρίσκεται μέσα σε μια εφαρμογή, έτσι η διαδρομή μέσα από τις πληροφορίες που παρουσιάζονται πρέπει να έχει μια λογική σειρά και να είναι εύκολη για τους χρήστες να την προβλέψουν. 5. Η χρήση της εφαρμογής πρέπει να είναι εύκολη και προφανής Η εφαρμογή πρέπει να γίνεται αμέσως κατανοητή για τους χρήστες, επειδή δεν μπορούμε να υποθέσουμε ότι θα έχουν το χρόνο για να κατανοήσουν πώς λειτουργεί. Η κύρια λειτουργία της εφαρμογής πρέπει να γίνεται αμέσως εμφανής. 6. Η χρήση της ορολογίας να γίνεται με βάση τον χρήστη Σε όλο την επικοινωνία με τους χρήστες μέσω κειμένων, πρέπει να χρησιμοποιείτε ορολογία όπου ο χρήστης θα κατανοεί. 7. Συνεργασία και συνδεσιμότητα με άλλες εφαρμογές Οι iOS συσκευές είναι προσωπικές συσκευές, αλλά επίσης ενθαρρύνετε η συνεργασία και η κοινή χρήση με άλλους. Η εφαρμογή πρέπει να βοηθά τους ανθρώπους να συνεργαστούν και να συνδεθούν με τους άλλους. 8. Χρήση εικονιδίων που οι χρήστες ήδη γνωρίζουν Οι χρήστες περιμένουν να δούνε εικονίδια και μενού που ήδη γνωρίζουν και από άλλες εφαρμογές. Με αυτόν τον τρόπο, οι χρήστες μπορούν να εξαρτηθούν από την προηγούμενη εμπειρία τους για να τους βοηθήσει να μάθουν να χρησιμοποιούν μια νέα εφαρμογή. 9. Προσθήκη φυσικότητας και Ρεαλισμού στο Design Μερικές φορές, όσο πιο αληθοφανές και ρεαλιστικό είναι το design της εφαρμογής, τόσο πιο εύκολο είναι για τους ανθρώπους να κατανοήσουν πώς λειτουργεί και να απολαύσουν τη χρήση της. 10. Κουμπιά όπου όλα τα μεγέθη δακτύλων μπορούν να πατήσουν Το μέγεθος των οθονών μπορεί να διαφέρουν, αλλά το μέσο μέγεθος ενός δακτύλου δεν το κάνει. Ανεξάρτητα από τη συσκευή που τρέχει η εφαρμογή, πρέπει να εξασφαλίζει ότι όλοι οι άνθρωποι θα μπορούν άνετα να την χρησιμοποιήσουν.