Daily UI Challenge #009

Behance link

Daily UI Challenge (#001-#008)

Πριν λίγο καιρό ανακάλυψα ή πιο σωστά αποφάσισα να ξεκινήσω (γιατί κακά τα ψέμματα είναι αρκετός καιρός που το πήρε το μάτι μου) το Daily UI Challenge.

Το Daily UI Challenge, λοιπόν αποτελεί στην ουσία ένα mailing list στο οποίο γράφεσαι και κάθε μέρα σου στέλνουν ένα task που αφορά UI/UX design. Οι προδιαγραφές για αυτό το task είναι αρκετά γενικές ώστε να δίνουν τη δυνατότητα στον καθένα να τις ερμηνεύει όπως επιθυμεί. 

Απώτερος στόχος του Daily UI Challenge είναι να αποτελέσει ένα διασκεδαστικό τρόπο για να βελτιώσεις τα skills σου και ταυτόχρονα να δώσει τη δυνατότητα να λάβεις feedback για τη δουλειά σου από άλλους designers που συμμετέχουν στο ίδιο challenge.

Παρακάτω έχω μαζεμένα τα πρώτα 8 tasks που ολοκλήρωσα, τα υπόλοιπα από εδώ και πέρα θα τα ανεβάζω σε δικό τους post.

Monday app - Get rid of bad habits

Το Monday είναι ένα app που ως βασικό στόχο έχει να βοηθήσει τους χρήστες να απεξαρτηθούν από τις κακές συνήθειες. Για να το πετύχει αυτό ακολουθεί δυο βασικές αρχές:

• Ο καλύτερος τρόπος να απεξαρτηθείς από μια κακιά συνήθεια είναι να την αντικαταστήσεις με κάποια καλή.

• Ο μέσος άνθρωπος χρειάζεται 66 μέρες για να υιοθετήσει μια καινούρια συνήθεια.

Boxmark it! - A cloud based bookmarking tool

Το Boxmark it! είναι ένα εργαλείο διαχείρισης bookmarks βασισμένο στο cloud. Η διαφορά του ωστόσο από τις υπόλοιπες αντίστοιχες λύσεις είναι πως η αποθήκευση και διατήρηση των δεδομένων δεν γίνεται σε κάποιον δικό μου server αλλά τα δεδομένα του κάθε χρήστη αποθηκεύονται και διατηρούνται στον προσωπικό του λογαριασμό Dropbox. 

Η μοναδική απαίτηση λοιπόν για να χρησιμοποιήσει κάποιος χρήστης το Boxmark it! είναι να διατηρεί λογαριασμό στο Dropbox και να εγκαταστήσει την αντίστοιχη εφαρμογή σε αυτόν. 

Logo για εταιρεία ανάπτυξης mobile apps Concept

Πριν λίγο καιρό μου είχε ζητηθεί από έναν φίλο να σχεδιάσω ένα λογότυπο για μια πρωτοεμφανιζόμενη εταιρία ανάπτυξης εφαρμογών για κινητά. Δεν υπήρχαν κάποιες συγκεκριμένες οδηγίες ή επιθυμίες από πλευράς της εταιρίας και έτσι ήμουν ελεύθερος στο να προτείνω τις δικές μου ιδέες και σκέψεις. 

Τελικά το project δεν προχώρησε ωστόσο είχα ήδη σχεδιάσει 2 concepts τα οποία και παρουσιάζονται σε αυτό το post.

Ιστοσελίδα για τουριστικό γραφείο

Περίπου πριν ένα χρόνο είχα έρθει σε επαφή με ένα τουριστικό γραφείο που ζητούσαν επανασχεδιασμό της ιστοσελίδας τους από το μηδέν. Η επαφή με το γραφείο είχε γίνει μέσω κάποιου φίλου και αφού θεώρησα πως θα ήταν μια καλή ευκαιρία για να εμπλουτίσω το βιογραφικό μου αποφάσισα να προχωρήσω με το όλο θέμα και να προσπαθήσω να σιγουρέψω την συνεργασία κάνοντας μια πολύ χαμηλή προσφορά.

primitiveart.2012

Έχω ξεκινήσει την επανασχεδίαση της προσωπικής μου ιστοσελίδας η οποία μετά από πολλές εκδόσεις είναι η πρώτη φορά που δεν ενσωματώνει ίχνος Flash. Για την ανάπτυξη της χρησιμοποιούνται JavaScript, jQuery, CSS, HTML...

Η ιστοσελίδα θα έχει και ειδική έκδοση για φορητές συσκευές με μικρή οθόνη της οποίας screenshot μπορείτε να δείτε παρακάτω. Την demo έκδοση για υπολογιστές μπορείτε να την βρείτε εδώ, ενώ την αντίστοιχη έκδοση για φορητές συσκευές εδώ, οι αλλαγές που θα γίνουν στην τελική έκδοση θα αφορούν το navigation μεταξύ των σελίδων (Αρχική, Ποιος είμαι και Που θα με βρείτε)...

Το concept της αχικής σελίδας μπορείτε να το βρείτε εδώ

Υποσημείωση: Οι εκδόσεις που ανέβασα είναι ακόμα υπό κατασκευή και έχουν ελλείψεις και από πλευράς κάποιων λειτουργιών αλλά και από πλευράς κώδικα...

Tablet UI concept - Lock Screen

Ένα concept που ολοκλήρωσα μέσα στην εβδομάδα και αφορά την μορφή της lock screen  σε ένα υποτιθέμενο tablet. Η μορφή βασίστηκε σε διάφορες ιδέες που είχα τον τελευταίο καιρό σχετικά με το πως θα επιθυμούσα το UI ενός tablet.

Όλα έχουν γίνει με την χρήση του Photoshop, ενώ για χάρη ταχύτητας έχω χρησιμοποιήσει για τα εικονίδια έτοιμα γραφικά από το iconfinder.com. Παρακάτω θα βρείτε ένα video με μια παρουσίαση των βασικών στοιχείων που έχω ετοιμάσει μέχρι τώρα. Για τις ανάγκες του video, αλλά και για καλύτερη κατανόηση των όσων έχω σκεφτεί έχω δημιουργήσει και ένα interactive demo σε flash (με περιορισμένες προφανώς δυνατότητες) που θα βρείτε εδώ. 

 

Αργότερα θα σχεδιάσω και πως φαντάζομαι το κεντρικό μενού, αλλά και κάποιες ακόμα λειτουργίες και αντίστοιχα θα υπάρξουν εικόνες, video και interactive demos...

Interactive Demo

Gadget mockup Photoshop

Η παρακάτω εικόνα αποτελεί μια προσπάθεια μου να σχεδιάσω κάτι που δεν έχω ξαναδοκιμάσει ποτέ, το mockup ενός gadget (mp3 player στην προκειμένη) με την χρήση Photoshop. Η σχέση μου με το Photoshop είναι πολύ καλή όσον αφορά την σχεδίαση interfaces για websites, ωστόσο η σχεδίαση real life (ας μου επιτραπεί η έκφραση) αντικειμένων είναι κάτι το τελείως άγνωστο για εμένα που ασχολήθηκα καθαρά και μόνο από περιέργεια μαζί του για μια φορά.  

UPDATE: Το συγκεκριμένο post αναρτήθηκε και από το techblog.gr για να δείτε το σχετικό post πατήστε εδώ.

Pinboard Guestbook Concept

Ένα concept που ξεκίνησα αρχές του 2009 (και οφείλω να ομολογήσω πως δεν το προχώρησα καθόλου πάνω από χρόνο τώρα) και αφορά σε ένα διαφορετικό από τα συνηθισμένα guestbook, ξέρετε τα γνωστά σε όλους μας βιβλία επισκεπτών στα οποία μπορείτε να αφήσετε τα σχόλια σας για την εκάστοτε ιστοσελίδα.

Αρχικός στόχος ήταν να χρησιμοποιηθεί στην προσωπική μου ιστοσελίδα (η οποία δεν είχε ακόμα αρχίσει να αναπτύσσεται) ωστόσο για διάφορους λόγους σταμάτησε η ανάπτυξη του και δεν το βλέπω και πολύ πιθανό να ολοκληρωθεί ποτέ.

Το project δεν υπάρχει on line ωστόσο ακολουθεί video (για ακόμα μια φορά τα κολλήματα είναι πρόβλημα της βιντεοσκόπησης):

Primitiveart2009 Personal Website Concept

Ένα concept για την προσωπική μου ιστοσελίδα, αναπτύσσεται καιρό τώρα και έχει περάσει από πολλά στάδια. Στόχος δεν είναι τόσο η ολοκλήρωση της και χρήση της όσο η εκμάθηση και η δοκιμή κάποιων ιδεών που έχω. Η σελίδα βρίσκεται σε λειτουργία και μπορείτε να την δείτε πατώντας το σχετικό link στην sidebar του blog ή εδώ (απαιτείται flash player plugin).


Ακολουθεί ένα video με σύντομη παρουσίαση της(τα κολλήματα είναι θέμα βιντεοσκόπησης):