webcult.gr » design

Ψάχνετε για προσφορές αεροπορικών εισιτηρίων; Μην ψάχνετε άλλο!

alefbetac — Thu, 14 Oct 2010 22:07:05 +0000

Έχετε ψάξει να βρείτε εισιτήρια σε προσφορά χωρίς επιτυχία; Μην ψάχνετε άλλο! Πρωτοπορώντας για άλλη μια φορά η ομάδα του Viva travel λανσάρει το Viva Flight Offers! Πρόκειται για έναν μηχανισμό ο οποίος μας βοηθάει να βρούμε αυτές τις θέσεις που είναι σε προσφορά. Σκεφτείτε ημερολόγιο, χρωματάκια διαθεσιμότητας και άμεση κράτηση online. Και όλα αυτά για όλες τις αεροπορικές εταιρείες.
Στο παρακάτω παράδειγμα βλέπουμε μια από τις πρόσφατες προσφορές της Aegean Airlines και την διαθεσιμότητα για Λονδίνο:

Ά… και αν δεν έχετε πιστωτική κάρτα μπορείτε να πληρώσετε με κατάθεση σε λογαριασμό ή ακόμα και Paypal. Τι περιμένετε; Βρείτε τις προσφορές αεροπορικών εισιτηρίων και κλείστε το εισιτήριο σας online!

Φέτος θα κλείσετε τις διακοπές σας online!

Tourist and locals map visualization

alefbetac — Tue, 15 Jun 2010 20:44:48 +0000

Ένα από τα αγαπημένα μου blog το flowingdata.com, που ασχολείται με την δημιουργική απεικόνιση δεδομένων – και όχι μόνο – παρουσιάζει μια καταπληκτική δουλειά. Ο καλλιτέχνης
Eric Fischer συλλέγει geolocation data φωτογραφιών από το flickr και άλλες πηγές και υπερθέτει (superimposes) μια μικρή κουκίδα πάνω στο χάρτη στην ακριβή τοποθεσία που έχει τραβηχτεί μια φωτογραφία. Επαναλάβουμε τη διαδικασία αυτή για τις χιλιάδες φωτογραφίες που έχουν geodata. Το χρώμα της κουκκίδας έχει να κάνει με το αν ο χρήστης που τράβηξε τη φωτογραφία είναι μόνιμος κάτοικος της πόλης ή τουρίστας. Το εξηγεί ο καλλιτέχνης:

Blue points on the map are pictures taken by locals (people who have taken pictures in this city dated over a range of a month or more).

Red points are pictures taken by tourists (people who seem to be a local of a different city and who took pictures in this city for less than a month).

Yellow points are pictures where it can’t be determined whether or not the photographer was a tourist (because they haven’t taken pictures anywhere for over a month). They are probably tourists but might just not post many pictures at all.

Με αυτό τον τρόπο απεικονίζεται η κίνηση των τουριστών καθώς και των κατοίκων της πόλης πάνω στον χάρτη! Η από πάνω φωτογραφία είναι του Λονδίνου ενώ παρακάτω και της Αθήνας όπου φαίνεται η έντονη τουριστική δραστηριότητα:

Δείτε παρακάτω slide show αντίστοιχη απεικόνιση 100 πόλεων:

Εξαιρετική δουλεία.
All photos CC Eric Fischer

Twistori: Ένα πανέμορφο visualization!

Νέο Google Design

alefbetac — Mon, 30 Nov 2009 20:51:58 +0000

H google φαίνεται να τεστάρει νέα έκδοση της αρχικής της σελίδας. Πάνε drop shadow και emboss από το λογότυπο (ευτυχώς!). Παρατηρούνται νέα buttons για search και “I’m feeling lucky” και στη σελίδα αποτελεσμάτων εμφανίζεται πλέον μόνιμο sidebar με τις δημοφιλέστερες υπηρεσίες όπως News, Images, Video, Blogs κλπ.

Για να δείτε τη νέα έκδοση live στο δικό σας browser θα πρέπει να κάνετε sign out από το google, να πάτε στο google.com (δεν παίζει στο google.gr) και να εισάγετε στο address bar τον παρακάτω κώδικα:

Αν όλα πάνε καλά θα δείτε το google.com με το νέο design:

Και η νέα σελίδα αποτελεσμάτων:

VIA

Η Χριστουγεννιάτικη Κάρτα

alefbetac — Mon, 23 Nov 2009 22:08:04 +0000

Η πρώτη Χριστουγεννιάτικη κάρτα c. 1843

Καθώς πλησιάζουν τα Χριστούγεννα, αρχίσαμε να δουλεύουμε στη δουλεία (κατόπιν εντολής) την ετήσια Χριστουγεννιάτικη κάρτα του πελάτη. Μετά από αρκετή ώρα προσπαθώντας να googlάρω (ρ. αναζήτηση στο google) πρωτότυπες ευχές συμπέρανα για άλλη μια φορά ότι το ελληνικό google είναι σπασμένο (εντελώς άκυρα αποτελέσματα) και ανακάλυψα ένα ωραίο άρθρο στο bbc που μιλούσε για την ιστορία της Χριστουγεννιάτικης κάρτας. Έμαθα λοιπόν τα εξής:

Η πρώτη Χριστουγεννιάτικη κάρτα σχεδιάστηκε το 1843 στο Torquay της Αγγλίας, μια μικρή πόλη στην νοτιοδυτική κομητεία του Ντέβον. Ο πολυάσχολος Sir Henry Cole εργαζόταν σε δημόσια υπηρεσία και προβλέποντας ότι δεν θα είχε χρόνο να ευχηθεί αυτοπροσώπως σε συγγενείς και φίλους, ζήτησε από τον καλλιτέχνη John Callcott Horsley, να σχεδιάσει μια κάρτα με ένα συγκεκριμένο μήνυμα προκειμένου να στείλει τις ευχές του στα αγαπημένα του πρόσωπα. Με αυτό τον τρόπο γεννήθηκε η πρώτη χριστουγεννιάτικη κάρτα. Το μήνυμα του ήταν «A Merry Christmas and a Happy New Year To You» – «Χαρούμενα Χριστούγεννα και Ευτυχισμένο το Νέο Έτος» (Όχι και ιδιαίτερα πρωτότυπο μήνυμα – Ίσως πείσω τον πελάτη, με αυτή την ιστορία να μην προσπαθεί να μας ξεζουμίσει για ένα ιδιαίτερα πρωτότυπο μήνυμα). Είχε όμως τόσο μεγάλη επιτυχία που 1.000 κάρτες τυπώθηκαν εκείνη την χρονιά και έτσι ξεκίνησε η εμπορική παραγωγή ευχετήριων καρτών.

Fast forward 166 χρόνια στο 2009 και ακόμα προσπαθούμε να ανακαλύψουμε τον τροχό με την κάρτα. Από το trend των flash cards τα πρώτα χρόνια του αιώνα, στα mass emails εταιρειών τα τελευταία χρόνια, ποιο θα είναι το επόμενο trend άραγε; Προς το παρόν ψήνουμε τον πελάτη να του αναπτύξουμε mini site με χριστουγεννιάτικο παιχνίδι προκειμένου να πει τις ευχές του με «πρωτότυπο» τρόπο. Οι νικητές του παιχνιδιού θα κερδίσουν δωρεάν ταξίδια. Κάθε χρόνο στο παρά πέντε με την κάρτα αλλά μάλλον θα τα καταφέρουμε και φέτος…

ΥΓ Θα ενημερώσω για τη φετινή κάρτα όταν την βγάλουμε στον αέρα.

Cloud Search και η απεικόνιση πληροφορίων από το twitter

alefbetac — Tue, 03 Nov 2009 21:46:37 +0000

To Cloud Search είναι ένα search tool / visualization που αξιοποιεί το API του twitter προκειμένου να παρουσιάσει αποτελέσματα με εναλλακτικό και κατά την γνώμη μου ενδιαφέρον τρόπο.

Εισάγουμε μια λέξη κλειδί και ο μηχανισμός φέρνει σχετικά tweets, πραγματοποιεί στατική ανάλυση στα αποτελέσματα και αντίστοιχα παρουσιάζει ένα tag cloud με λέξεις. Ιδιαίτερη προσοχή έχει δοθεί σε αυτή τη διαδικασία με στόχο την επιστροφή έγκυρων αποτελεσμάτων. Αρκετό ενδιαφέρον έχει η αναζήτηση για τα τελευταία προϊόντα και εξελίξεις στην apple, για τις καθημερινές δηλώσεις Obama, η και την έγκυρη πρόβλεψη καιρού (θεωρητικά τουλάχιστον) καθώς τα αποτελέσματα είναι συνδυασμός πολλαπλών πηγών, ένα mashup προγνώσεων αν θέλετε.

Είναι ένα μικρό προσωπικό project το οποίο είναι σε διαδικασία επέκτασης με σκοπό την πιο δημιουργική και αποτελεσματική απεικόνιση των real-time αποτελεσμάτων.

Human Skateboard (stop motion video)

alefbetac — Sun, 05 Jul 2009 15:34:04 +0000

Καταπληκτικό stop motion animation από τον PES. To stop motion είναι μια τεχνική όπου μέσω φωτογραφικής μηχανής (και όχι video κάμερα), τραβάμε μια σειρά από φωτογραφίες με το αντικείμενο ελαφρός τροποποιημένο από καρέ σε καρέ. Μέσω κάποιου video editing software τοποθετούνται οι φωτογραφίες σε σειρά για να δημιουργηθεί το animation. Παλαιοτέρα γινόταν το ίδιο με film. Δείτε οπωσδήποτε και το site του PES με πολλά άλλα videάκια.

Sk8 or die!

Iran: A Nation of bloggers (video)

Fix Outlook 2010 – Η email design κοινότητα διαμαρτύρεται!

alefbetac — Wed, 24 Jun 2009 12:23:44 +0000

Όποιος έχει ασχοληθεί με τη δημιουργία HTML e-mails θα ξέρει ότι από το Outlook 2007, η Microsoft αποφάσισε ότι δεν θα ακολουθήσει τα standards που ακολουθούν όλοι οι e-mail clients (δηλαδή να εμφανίζει τα e-mail σαν web browser), αλλά ότι θα εφαρμόζει δική της λογική. Όσοι είστε απλοί χρήστες, και χρησιμοποιείτε το Outlook 2007 θα παρατηρήστε ότι κάποια e-mails που λαμβάνετε είναι «σπασμένα» στο design τους. Με αφορμή λοιπόν της κυκλοφόρησης του beta version του Outlook 2010, η ομάδα του Email Standards Project αποφάσισε να στήσει μια ενέργεια-διαμαρτυρία με τίτλο: “Outlook’s Broken – let’s fix it”. Φυσικά διάλεξαν και το κατάλληλο μέσο για να διαδώσουν την ενέργεια virally. Η ενέργεια μας προωθεί στο twitter και μας ζητάει να postάρουμε ένα μήνυμα με το URL http://fixoutlook.org. Παράλληλα, η σελίδα πραγματοποιεί search στο twitter και όπου βρίσκει tweet με το συγκεκριμένο URL μετράει μία εγγραφή και εμφανίζει σε σχεδόν πραγματικό χρόνο την φωτογραφία του χρήστη. Αυτή την στιγμή έχουν συμμετέχει πάνω από 9.500 17.000 χρήστες και είναι στην θέση #1 στα trending topics του twitter (πιο συζητημένο θέμα).

Ελπίζω η Microsoft να λάβει το μήνυμα. Τέτοιες αυθαίρετες κινήσεις που δυσκολεύουν την ζωή των designers και μειώνουν την εμπειρία των χρηστών, γιατί έτσι μας βολεύει, δεν εξυπηρετούν κανέναν και έχουν αρνητικές επιπτώσεις στο brand name της Microsoft.

Δείτε παρακάτω screenshot του ίδιου e-mail σε Outlook 2000 και Outlook 2010.

Twistori: Ένα πανέμορφο visualization!

alefbetac — Fri, 27 Mar 2009 22:41:29 +0000

To twistori.com κάνει ένα πολύ απλό αλλά όμορφο πράγμα. Πραγματοποιεί search στο twitter με βάσει τις 6 λέξεις κλειδιά : love – hate – think – believe – feel –wish και κάνει scroll στην οθόνη όλα τα μηνύματα που περιέχουν την λέξη κλειδί που επιλέγουμε από αυτές. Στο παραπάνω παράδειγμα έχει επιλεχτεί το ‘feel’ και δείχνει μια συνεχής ροή από συναισθήματα όπως και καθώς αυτά εκφράζονται στο twitter από χρήστες. Πραγματικά πολύ όμορφο στην απλότητα και την εκτέλεση του. Είναι κάτι projects σαν και αυτά που με κάνουν να θέλω να μάθω κώδικα. Δεν είναι τυχαίο ότι οι δημιουργοί του δηλώνουν εμπνευσμένοι από το ‘we feel fine’ που θυμήθηκα από το άλλο όμορφο visualization που ανακάλυψα πρόσφατα.

Κόμικς με web designers

alefbetac — Tue, 17 Mar 2009 21:30:35 +0000

Έχει και άλλα εδώ.

Όταν το cloud συναντά την τέχνη και πιάνει τον παλμό της στιγμής.

alefbetac — Mon, 09 Mar 2009 20:19:17 +0000

Το cloud.li είναι μια σχετικά απλή υπηρεσία. Εισάγουμε μια λέξη κλειδί, και μας εμφανίζει σχετικά keywords se μορφή cloud, δηλαδή τα πιο δημοφιλή σε πιο μεγάλη γραμματοσειρά. Η άντληση των πληροφοριών πραγματοποιεί μέσω real time twitter search. Για το λόγο αυτό τα αποτελέσματα αλλάζουνε κάθε μερικά δευτερόλεπτα. Ουσιαστικά μας δίνει την δυνατότητα να παρακολουθούμε τον παλμό της στιγμής μέσω του cloud που βλέπουμε στις οθόνες μας. Αρκετά όμορφο στην απλοϊκή του σύλληψη. Θυμίζει περισσότερο σε art installation παρά μηχανή αναζήτησης. Λόγω της ημέρας τα αποτελέσματα είναι μάλλον δυσάρεστα αλλά φαντάζομαι ότι καθώς έρχεται η άνοιξη θα δούμε πιο θετικά μηνύματα.
Μου θυμίζει ένα σχετικό πείραμα, το “We feel fine” που βασίζεται στην ίδια λογική αλλά συλλέγει την πρώτη λέξη που εμφανίζεται μετά την φράση “I feel..” συγκεντρώνοντας έτσι τα μαζικά συναισθήματα των online χρηστών (μέσω blogs) και κάνοντας ωραία σχήματα με τα αποτελέσματα. Αν σας ενδιαφέρει δείτε το παρακάτω video του δημιουργού του “We feel fine” από το κορυφαίο TED conference.