<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Nassos K.</title>
	<atom:link href="http://nassoskappa.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://nassoskappa.com</link>
	<description>Personal Portfolio and Blog</description>
	<lastBuildDate>Wed, 01 Feb 2012 13:29:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Random #hashtag disorder</title>
		<link>http://nassoskappa.com/thinking/hashtag/</link>
		<comments>http://nassoskappa.com/thinking/hashtag/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 10:02:36 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Σκέψεις]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Προσωπικά]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3754</guid>
		<description><![CDATA[Για άλλη μια φορά έχω βρεθεί σ&#8217;αυτή την ίδια κατάσταση. Με ένα τεράστιο κουβά από draft posts τα οποία δεν καταφέρνω να τελειώσω, είτε γιατί τελικά αποτελούν αφορμή για μια πιο λεπτομερή έρευνα και αναβάλλονται επ&#8217;αόριστο, είτε γιατί μέχρι να αποφασίσω ότι είμαι ικανοποίημένος με ό,τι έχω γράψει, χάνω το #timing. Στην πρώτη περίπτωση, τουλάχιστον, [...]]]></description>
			<content:encoded><![CDATA[<h3>Για άλλη μια φορά έχω βρεθεί σ&#8217;αυτή την ίδια κατάσταση. Με ένα τεράστιο κουβά από draft posts τα οποία δεν καταφέρνω να τελειώσω, είτε γιατί τελικά αποτελούν αφορμή για μια πιο λεπτομερή έρευνα και αναβάλλονται επ&#8217;αόριστο, είτε γιατί μέχρι να αποφασίσω ότι είμαι ικανοποίημένος με ό,τι έχω γράψει, χάνω το <em>#timing</em>.</h3>
<p>Στην πρώτη περίπτωση, τουλάχιστον, δεν χάνονται. Λίγο πιο εκτεταμένα και επεξεργασμένα μπορεί να καταλήξουν αργότερα σε post, σ&#8217;αυτό το blog, στο <strong><a title="Το #74 του +design" href="http://www.designmag.gr/issue-74/4703" target="_blank">+design</a></strong> ή κάπου άλλου. Και πουθενά να μη δημοσιευθούν μένει η &#8220;εμπειρία&#8221; <em>#pestenamefate</em></p>
<p>Στη δεύτερη περίπτωση, τα λυπάμε λίγο. Σαν συρτάρι γεμάτο <em>#design_drafts</em></p>
<p>Σκέφτηκα μια ιδέα για να μη φεύγουν άπατα κι αυτά, και να ζωντανέψω ίσως λίγο το blog. Σε κάθε post θα προσθέτω ένα απλό τίτλο/εικόνα, που το αρχείο .PSD θα προστίθεται στο post, διαθέσιμο για όποιον θέλει να το κατεβάσει <em>#free<span id="more-3754"></span></em></p>
<div class="hr hr_flag ">    	<span class="primary-background seperator-addon"></span>    	<span class="hr-seperator extralight-border"></span></div>
<a target="_blank" href="http://nassoskappa.com/wp-content/uploads/2012/01/Embosed-Letters.psd_.zip" class="avia-button  dark large" ><span class="avia-download">Download &#8220;Embosed Letters&#8221;</span></a>
<div class="hr hr_flag ">    	<span class="primary-background seperator-addon"></span>    	<span class="hr-seperator extralight-border"></span></div>
<p>Σχόλια στο <a title="@nassoskappa" href="https://twitter.com/#!/nassoskappa" target="_blank">Twitter</a> ή στο <a title="Nassos K. - Google+" href="https://plus.google.com/102928776184885662370/posts/8Kmjuzkb8ni" target="_blank">Google+</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/thinking/hashtag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Twitter. The bird&#8217;s design.</title>
		<link>http://nassoskappa.com/thinking/new-new-twitter/</link>
		<comments>http://nassoskappa.com/thinking/new-new-twitter/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 11:57:24 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Σκέψεις]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Κριτική]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3600</guid>
		<description><![CDATA[Το Twitter παρουσίασε σήμερα ένα νέο UI, το οποίο αρχικά εμφανίστηκε στην web έκδοση (browsers) αλλά και σαν update στις εφαρμογές για κινητά (iPhone και Android), ενώ σύντομα περιμένουμε και αυτή για το iPad. Προσωπικά χρησιμοποιώ τον web client αλλά και το Twitter από iPhone οπότε θα μιλήσω γι&#8217;αυτά. Το πουλί μεγάλωσε. Το Twitter ποτέ [...]]]></description>
			<content:encoded><![CDATA[<h3><a title="Twitter. Yours to discover" href="http://fly.twitter.com/" target="_blank">Το Twitter παρουσίασε σήμερα ένα νέο UI</a>, το οποίο αρχικά εμφανίστηκε στην web έκδοση (browsers) αλλά και σαν update στις εφαρμογές για κινητά (iPhone και Android), ενώ σύντομα περιμένουμε και αυτή για το iPad.</h3>
<p>Προσωπικά χρησιμοποιώ τον web client αλλά και το Twitter από iPhone οπότε θα μιλήσω γι&#8217;αυτά.</p>
<h4>Το πουλί μεγάλωσε.</h4>
<p>Το Twitter ποτέ δεν είχε σαφή περιγραφή και προορισμό. Ούτε καν business model. Από την πρώτη ερώτηση που υποτίθεται πως απαντούσες &#8220;Τι κάνεις τώρα;&#8221; μέχρι το &#8220;Το συμβαίνει τώρα;&#8221; και τελικά στο καινούγιο &#8220;Compose new Tweet&#8221; (;;;) έχουν αλλάξει πολλά σ&#8217;αυτή την πλατφόρμα, πόσο μάλλον στον τρόπο που τη χρησιμοποιεί ο καθένας.</p>
<p>Εδώ και καιρό βλέπω το Twitter σαν ένα μεγάλο <strong>grassroots news agency</strong> (πρακτορείο ειδήσεων από το κοινό). Και έτσι το χρησιμοποιώ. Πολλές λίστες και λίγοι following. Διαλέγεις την κατηγορία που θέλεις να διαβάσεις ανάμεσα σε θεματικές που έχεις ορίσει εσύ. Παραδείγματα λιστών: <a href="https://twitter.com/#!/nassoskappa/greeks" target="_blank">Greeks</a> (τοπική επικαιρότητα, απόψεις, συζητήσεις), <a href="https://twitter.com/#!/nassoskappa/design" target="_blank">Design</a> (το αναμενόμενο) κλπ.<span id="more-3600"></span></p>
<p>Ο καθένας όμως το χρησιμοποιεί με το δικό του τρόπο. Αυτό ακριβώς είναι που κάνει δύσκολο το να ανασχεδιάσεις σε μια τέτοιο υπηρεσία. Και το νέο Twitter σήμερα δεν άλλαξε απλά &#8220;σχεδιασμό&#8221;, ούτε απλά το user experience (εμπειρία χρήστη), άλλαξε περιγραφή. Ακόμα και στην homepage του φαίνεται η αλλαγή. Τόνισε το &#8220;Welcome to Twitter. Find out <strong>what&#8217;s happening, right now, with the people and organizations you care about</strong>&#8220;. Είναι ένα <em><a href="https://twitter.com/about" target="_blank">information network</a></em>. Με νέο design. Καλό design.</p>
<h4>Το πουλί στο γραφείο.</h4>
<p>Το νέο design του Twitter (τονίζω για browser) είναι αποκάλυψη. Είναι πιο ξεκάθαρο, πιο interactive, πιο &#8220;στιβαρό&#8221;.</p>
<ul class="bullet_arrow4 imglist">
<li><strong>Home</strong>. Αυτό που ξεκίνησε ως Timeline όσων γράφουν οι χρήστες που ακολουθώ έχει γίνει πλέον Home, και με υπέροχη εικονίδιο &#8220;bird home&#8221;, το οποίο λατρεύω! Εδώ έχω τα στατιστικά μου, πιο διακριτά και εύκολα από πριν ενώ στην sidebar έχω τα κλασικά trends κλπ. που είχα και πριν. Στην αρχή μου φάνηκε περίεργη η κίνηση να πάει δεξιά η λίστα με τα tweets αλλά είναι σαφές ότι πλέον η sidebar δουλεύει και ως μενού στις υπόλοιπες σελίδες / ενότητες κάτι που το κάνει <em>πιο σαφές</em> σε νέους χρήστες.</li>
<li><strong>@Connect</strong>. Εδώ μπήκαν τα interactions και mentions από άλλους χρήστες. Ουσιαστικά είναι όλες οι συζητήσεις σε δημόσιο επίπεδο, καθώς τα DMs μεταφέρθηκαν στο προφίλ (Me). Αρκετά σαφές ως ενότητα, αλλά μπερδεμένο σαν ορισμοί. Σαν απλώς χρήστης θα προτιμούσα να έχω από default επιλεγμένα τα Mentions και πιθανώς να &#8220;ενεργοποιώ&#8221; και τα υπόλοιπα interactions. Γενικά μου φαίνεται λίγο &#8220;αμήχανο&#8221;, καθώς η λύση κάθετο tab view μέσα σε οριζόντιο tab view δεν είναι η καλύτερη. Θα ήθελα να έχω οπτική ειδοποίηση για νέα mentions. Μου αρέσει όμως πολύ και η <em>αλλαγή στο κείμενο</em> στη search bar που από &#8220;Search&#8221; γίνεται &#8220;Search a @name or full name&#8221;.</li>
<li><strong>#Discover</strong>. Εδώ τα πράγματα μπερδεύονται πολύ! Το συγκεκριμένο tab είναι η απόδειξη για την πιο εμφανή μεταστροφή του Twitter σε news/information network. Η διαχείριση (curation?) των ειδήσεων και απόψεων σε όλο της το μεγαλείο. Έχουμε και λέμε:</li>
<ul>
<li><strong>Stories</strong>. Κάτι σαν παγκόσμιο &#8220;πρωτοσέλιδο&#8221;. Όχι πολύ ενδιαφέρον, τουλάχιστον μέχρι να εμφανιστούν επιλογές για πιο local περιεχόμενο ή βασισμένο σε followings ή λίστες.</li>
<li><strong>Activity</strong>, ή όταν το Twitter ζήλεψε το Facebook. Το ρουφιανο-tab του Twitter, που το είδαμε στο τελευταίο update, κρύφτηκε εδώ μέσα (ευτυχώς).</li>
<li><strong>Who to follow, Find friends, Browse</strong> κλπ.συμπληρώνουν το πιο βαρετό tab του κεντρικού μενού του νέου Twitter.</li>
</ul>
<li><strong>Me</strong> (ή προφίλ). Σχεδόν όλο το Twitter όπως το γνωρίζαμε ως τώρα σε ένα tab, και μάλιστα με drop-down μενού. Μπορείς να δεις:</li>
<ul>
<li><strong>Το προφίλ σου</strong>, πολύ πιο καλοσχεδιασμένο και ξεκάθαρο από πριν. Followers, Λίστες κλπ. όλα εδώ για εύκολη αναζήτηση και διαχείριση.</li>
<li><strong>DMs</strong>. Κι αυτά κρύφτηκαν εδώ. Ίσως σαν δείγμα ότι το Twitter δεν θέλει να γίνει ένα messaging service. Και πάλι, δεν τα βρίσκω καθόλου βολικά, ειδικά με την pop-up λύση που υιοθετήθηκε. Το οπτικό notifications όμως είναι πολύ χρήσιμο.</li>
<li><strong>Help</strong> &amp; <strong>Keyboard Shortcuts</strong> είναι δύο επιλογές που δεν βλέπω κανένα λόγο να είναι μέσα σ&#8217;αυτό το μενού!</li>
<li><strong>Settings</strong>. Όλα όσο χρειάζεσαι ή θα έπρεπε να χρειάζεσαι για το προφίλ σου. Ακόμα δεν έχει αλλάξει για να συμβαδίζει με το νέο design.</li>
</ul>
</ul>
<div>Γενικά, παρά την γκρίνια, μου αρέσει. Ειδικά στο αισθητικό κομμάτι του σχεδιασμού του UI με έχει εντυπωσιάσει η πολύ καλή δουλειά που έγινε. Τυπογραφία, interactions, κρυμμένα παράθυρα, mouse over menus, και άλλες λύσεις έχουν χρησιμοποιηθεί σωστά και όσο διακριτικά πρέπει. <strong>Είναι ένα διάφανο design που σε υποδέχεται και σου δείχνει πως να κάνει καλύτερο αυτό που θέλεις, χωρίς να φωνάζει &#8220;κοίτα τι ωραίο που είμαι&#8221;.</strong> Εξαιρετικό!</div>
<div>Ιδιαίτερη αναφορά θα πρέπει να γίνει στην <strong>απουσία λογοτύπου</strong> Twitter στον νέο σχεδιασμό. Το μόνο που υπάρχει είναι το σηματάκι που διακριτικά στο κέντρο της μπάρας/μενού, και το λεκτικό twitter στο τελευταίο πλαίσιο της αριστερής στήλης κι αυτό ίσα που φαίνεται. Μια λογική <em>&#8220;Αφού είσαι εδώ και το χρησιμοποιείς, γιατί να σε ζαλίζω με το που είσαι;&#8221; </em>που μου αρέσει πολύ!</div>
<h4>Το πουλί στο χέρι.</h4>
<div>Αντίθετα με την web έκδοση, το mobile app δεν μου άρεσε. Σίγουρα ο σχεδιασμός σε αισθητικό επίπεδο είναι πολύ καλύτερος από πριν, αλλά σαν UX με κουράζει. Είναι μια προσαρμογή του νέου site σε κινητό, κάτι που μπορεί να ακούγεται λογικό αλλά δεν είναι. Ο χρήστης όταν είναι στο δρόμο χρειάζεται λιγότερα αλλά πιο συγκεκριμένα features, ίσως και με διαφορετικές βαρύτητες σε σχέση με όταν βρίσκεται μπροστά στην οθόνη του υπολογιστή.</div>
<div>Συγκεκριμένα, το να έχω στο κεντρικό μενού του app, τα Connect και Discover το βρίσκω άχρηστο, αφού οι λειτουργίες που χρησιμοποιώ συχνότερα είναι τα mentions/interactions και οι λίστες, το πολύ πολύ και τα DMs. Επίσης, δεν είναι καθόλου βολικό το να παρακολουθήσεις μια συζήτηση, ενώ η χρήση πολλαπλών λογαριασμών είναι πονοκέφαλος.</div>
<div>Το καλό είναι το Twitter δίνει ένα πλήρες api σε τρίτους developers και έτσι έχουμε apps όπως το <a href="http://tapbots.com/software/tweetbot/" target="_blank">Tweetbot</a> το UI και η δομή του οποίου είναι case-study.</div>
<p>Σχόλια στο <em>(νέο)</em> <strong><a title="@nassoskappa" href="https://twitter.com/nassoskappa" target="_blank">Twitter</a></strong> ή το <strong><a href="https://plus.google.com/102928776184885662370/posts/GRxNQfehkF2?hl=en">Google+</a></strong></p>
<div class="tip-box"><strong>Διαβάστε ακόμη</strong>: <a href="http://jeremy.calepin.co/twitter-iphone-history.html">Twitter for iPhone: A history by Jeremy Stanley</a></div>
<blockquote class="twitter-tweet"><p>✎ New Twitter. The bird’s design. <a title="http://bit.ly/uVDZNl" href="http://t.co/eHE212W5">bit.ly/uVDZNl</a> (νέο post)</p>
<p>— Nassos K. (@nassoskappa) <a href="https://twitter.com/nassoskappa/status/145116621101469696" data-datetime="2011-12-09T12:24:33+00:00">December9, 2011</a></p></blockquote>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/thinking/new-new-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Τα πειράματα της Google</title>
		<link>http://nassoskappa.com/design/google-chrome-experiments/</link>
		<comments>http://nassoskappa.com/design/google-chrome-experiments/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 10:45:28 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Σκέψεις]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3582</guid>
		<description><![CDATA[Η ολοένα και μεγαλύτερη ενασχόληση σχεδιαστών με το χώρο του digital και interactive, η ανάπτυξη νέων εργαλείων, οι νέες τεχνολογίες (hardware και software) αλλά και η συνολική γνώση και εμπειρία που αυξάνεται συνεχώς σε παγκόσμιο επίπεδο, βοήθησαν το web design να εξελιχθεί δραματικά τα τα τελευταία χρόνια. Η Google ως μια εταιρεία που βρίσκεται στην [...]]]></description>
			<content:encoded><![CDATA[<h3>Η ολοένα και μεγαλύτερη ενασχόληση σχεδιαστών με το χώρο του digital και interactive, η ανάπτυξη νέων εργαλείων, οι νέες τεχνολογίες (hardware και software) αλλά και η συνολική γνώση και εμπειρία που αυξάνεται συνεχώς σε παγκόσμιο επίπεδο, βοήθησαν το web design να εξελιχθεί δραματικά τα τα τελευταία χρόνια.</h3>
<p>Η Google ως μια εταιρεία που βρίσκεται στην καρδιά του web, έχει στραφεί προς το design σε μεγάλο βαθμό. Κορυφαίο παράδειγμα αυτής της στροφής είναι ο καθολικός ανασχεδιασμός όλων των υπηρεσιών της σε ένα ενιαίο art direction με ξεκάθαρο UI (user interface) όπως color coding, τυπογραφία κλπ. αλλά και UX (user experience) όπως πλοήγηση, κοινός λογαριασμός χρήστη κλπ.</p>
<p>Εκτός όμως από το &#8220;εταιρικό&#8221; design της, έχει προχωρήσει πολύ και στην εξέλιξη της λειτουργικότητας του web design, με τα <strong><a title="Chrome Experiments" href="http://www.chromeexperiments.com/" target="_blank">Chrome Experiments</a></strong>. τα οποία, σύμφωνα με την ίδια, είναι: «μια βιτρίνα για <em>δημιουργικά web experiments</em>, η πλειονότητα των οποίων έχει σχεδιαστεί με τις πιο σύγχρονες ανοιχτές τεχνολογίες, όπως HTML5, Canvas, SVG, και WebGL. Όλα αυτά τα πειράματα έχουν σχεδιαστεί και παραχθεί από ταλαντούχους καλλιτέχνες, σχεδιαστές και προγραμματιστές από όλο τον κόσμο».<span id="more-3582"></span></p>
<p>Από τα πιο γνωστά, και βραβευμένα, είναι το <a title="The Wilderness Downtown" href="http://www.thewildernessdowntown.com/" target="_blank">The Wilderness Downtown</a>, μια interactive ταινία για τους Arcade Fire, με υπέροχες εικονογραφήσεις σε συνδυασμό με video και περιεχόμενο από το Google Maps και, φυσικά, μουσική!</p>
<p><img class="alignnone size-large wp-image-3584" title="chrome-experiments-5" src="http://nassoskappa.com/wp-content/uploads/2011/10/chrome-experiments-5-785x332.jpg" alt="" width="550" /></p>
<p>Εξίσου καλό παράδειγμα είναι το <a title="All Is Not Lost" href="http://www.allisnotlo.st/" target="_blank">All Is Not Lost</a>, ένα πραγματικό πείραμα με συνδυασμό πολλών(!) παραθύρων του browser, video και interactions.</p>
<p>Παρόλο που είναι σαφές ότι όλα αυτά τα πειράματα έχουν σαν κύριο στόχο της παρουσίαση των δυνατοτήτων του <a href="http://www.google.com/chrome" target="_blank">browser της Google</a>, αποτελούν και πάρα πολύ καλά παραδείγματα για το που μπορεί να φτάσει το web design και πως μπορούμε να δούμε το μέσο και πιο δημιουργικά.</p>
<p>Ανάμεσα στα διάφορα πειράματα θα βρούμε και περιπτώσεις που αν και πολύ εντυπωσιακές, όπως για παράδειγμα το <a href="http://www.chromeexperiments.com/detail/gravity/" target="_blank">Google Gravity</a> που σχεδίασαν οι εξαιρετικοί <a title="Hi-Res!" href="http://hi-res.net/" target="_blank">Hi-Res!</a>, ίσως μοιάζουν άχρηστες, κυρίως λόγω της εφαρμογής τους. Μπορεί η λογική της βαρύτητας να μοιάζει αδιάφορη <a href="http://mrdoob.com/projects/chromeexperiments/google_gravity/" target="_blank">εδώ</a>, όμως θα μπορούσε να εφαρμοστεί κάπου αλλού με πολύ ενδιαφέρον και πιο δημιουργικό τρόπο. Τα περισσότερα έχουν στόχο να αποτελέσουν <em>έμπνευση</em>, όπως το <a href="http://www.chromeexperiments.com/detail/surface/" target="_blank">Surface</a> του <a href="http://www.aerotwist.com/" target="_blank">Paul Lewis</a>.</p>
<p><img class="alignnone size-large wp-image-3585" title="chrome-experiments-1" src="http://nassoskappa.com/wp-content/uploads/2011/10/chrome-experiments-1-785x431.jpg" alt="" width="550" /><br />
<img class="alignnone size-large wp-image-3586" title="chrome-experiments-2" src="http://nassoskappa.com/wp-content/uploads/2011/10/chrome-experiments-2-785x431.jpg" alt="" width="550" /></p>
<p>Το τελευταίο πείραμα που παρουσίασε η Google όμως, είναι πραγματικά ένα πολύ καλό παράδειγμα (και) εφαρμογής μια ιδέας/λύσης. Η <strong><a href="http://workshop.chromeexperiments.com/bookcase" target="_blank">Βιβλιοθήκη</a></strong> της Google, είναι μια μπορχική προσέγγιση σχεδιασμού ενός νέου τρόπου αναζήτησης βιβλίων. Πρόκειται για μια κυριολεκτικά <em>ατελείωτη</em> βιβλιοθήκη όπου ο χρήστης αναζητά βιβλία με βάση την κατηγορία και το εξώφυλλο, όπως θα έκανε πιθανώς στο βιβλιοπωλείο ή στη βιβλιοθήκη του σπιτιού του, χωρίς φίλτρα και φόρμες αναζήτησης.</p>
<p>Όταν ο χρήστης βρει αυτό που τον ενδιαφέρει μπορεί να το επιλέξει και να δει μια περιγραφή του βιβλίου και αν θέλει να δει περισσότερες λεπτομέρειες στο Google Books, από όπου μπορεί να το αγοράσει.</p>
<p>Το web design είναι ακόμα σε βρεφικό στάδιο ιστορικά και ιδέες όπως οι παραπάνω ανοίγουν νέους δρόμους για το design στα ψηφιακά μέσα.</p>
<div class="info-box">Το άρθρο γράφτηκε για το <a href="http://www.designmag.gr/" target="_blank">περιοδικό +Design</a>. Η συζήτηση <a href="http://www.designmag.gr/google-chrome-experiments/3275" target="_blank">εκεί</a>.</div>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/google-chrome-experiments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ρεκόρντινγκ Σέσσιονς</title>
		<link>http://nassoskappa.com/design/%cf%81%ce%b5%ce%ba%cf%8c%cf%81%ce%bd%cf%84%ce%b9%ce%bd%ce%b3%ce%ba-%cf%83%ce%ad%cf%83%cf%83%ce%b9%ce%bf%ce%bd%cf%82/</link>
		<comments>http://nassoskappa.com/design/%cf%81%ce%b5%ce%ba%cf%8c%cf%81%ce%bd%cf%84%ce%b9%ce%bd%ce%b3%ce%ba-%cf%83%ce%ad%cf%83%cf%83%ce%b9%ce%bf%ce%bd%cf%82/#comments</comments>
		<pubDate>Tue, 18 Oct 2011 12:08:05 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Ελληνικό Design]]></category>
		<category><![CDATA[Μουσική]]></category>
		<category><![CDATA[Τυπογραφία]]></category>
		<category><![CDATA[Φωτογραφία]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3573</guid>
		<description><![CDATA[Τους &#8220;γνώρισα&#8221; μέσω του Zpi. Πάνε μερικοί μήνες από όταν μου ανακοίνωσε ότι, ανάμεσα στα άλλα που καταπιάνεται, θα ανοίξει ένα ανεξάρτητο label, την Sudden Pause. Πρώτο του project θα ήταν ένα 7&#8243; βινύλιο για τους Sugar Factory. Οι Sugar Factory δημιουργήθηκαν το 2009 από τον Stelreverb (κιθάρες, samples) και την Sophie K. (ακορντεόν, μπάσο, samples) [...]]]></description>
			<content:encoded><![CDATA[<h3>Τους &#8220;γνώρισα&#8221; μέσω του <a title="ZPIderland" href="http://zpiderland.blogspot.com/">Zpi</a>. Πάνε μερικοί μήνες από όταν μου ανακοίνωσε ότι, ανάμεσα στα άλλα που καταπιάνεται, θα ανοίξει ένα ανεξάρτητο label, την <a title="Sudden Pause" href="http://sudden-pause.tumblr.com/" target="_blank">Sudden Pause</a>. Πρώτο του project θα ήταν ένα 7&#8243; βινύλιο για τους <strong><a title="Sugar Factory Band" href="http://sugarfactoryband.blogspot.com/">Sugar Factory</a></strong>.</h3>
<p>Οι <strong><a title="Sugar Factory Band" href="http://sugarfactoryband.blogspot.com/">Sugar Factory</a></strong> δημιουργήθηκαν το 2009 από τον <strong>Stelreverb</strong> (κιθάρες, samples) και την <strong>Sophie K.</strong> (ακορντεόν, μπάσο, samples) . Εμπνευσμένοι από την αυτοσχεδιαστική σύγχρονη μουσική και τις μελωδικές γραμμές ελλήνων και ξένων καλλιτεχνών, αναμιγνύουν ‘γλυκές’ μελωδίες κλείνοντας το μάτι στους βιομηχανοποιημένους ήχους!<span id="more-3573"></span></p>
<p>Μου άρεσε πολύ η σκέψη ενός νέου συγκροτήματος και η ιδέα να σχεδιάσω το πρώτο τους βινύλιο.</p>
<p>Δοκιμάσαμε μερικές προσεγγίσεις σε εικονογράφηση στην αρχή, αλλά τα παιδιά δεν ήταν πολύ ικανοποιημένα από το αποτέλεσμα. Από την πρώτη προσέγγιση κρατήσαμε μόνο το ότι θα θέλαμε να δούμε ένα <strong>ζαχαροεργοστάσιο</strong>. Έτσι πήγαμε σε μια λύση με φωτογραφία. Λύση η οποία αποδείχθηκε ότι δεν ήταν και η πιο εύκολη. Μετά από πολλές αναζητήσεις, βρήκαμε πως στο Brooklyn της Νέας Υόρκης υπάρχει το εγκαταλελειμμένο Domino Sugar Factory. Ανακαλύψαμε στο Flickr μια φωτογραφία του Alessandro Busà και δουλέψαμε πάνω της.</p>
<p><em>Good Luch Guys And Thanks for All the Fish!</em></p>
<p><iframe src="http://www.youtube.com/embed/Ap5C4oL0S9Q?rel=0" frameborder="0" width="550" height="309"></iframe></p>
<h4>Σχετικά links:</h4>
<p>Ακούς Sugar Factory <a href="http://soundcloud.com/sugarfactoryband">soundcloud</a><br />
Βλέπεις Sugar Factory <a href="http://www.youtube.com/sugarfactoryband">youtube</a><br />
Διαβάζεις Sugar Factory <a href="http://twitter.com/thesugarfactory">twitter</a></p>
<p>Σχόλια στο <a href="https://twitter.com/#!/nassoskappa/" target="_blank">Twitter</a> ή το <a href="https://plus.google.com/102928776184885662370/posts/ZhfVoDGM1hy?hl=en" target="_blank">Google+</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/%cf%81%ce%b5%ce%ba%cf%8c%cf%81%ce%bd%cf%84%ce%b9%ce%bd%ce%b3%ce%ba-%cf%83%ce%ad%cf%83%cf%83%ce%b9%ce%bf%ce%bd%cf%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook – Design, σημειώσατε Χ</title>
		<link>http://nassoskappa.com/design/facebook-design-x/</link>
		<comments>http://nassoskappa.com/design/facebook-design-x/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 14:31:17 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Σκέψεις]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[mobile apps]]></category>
		<category><![CDATA[Social Networks]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Άρθρα]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3537</guid>
		<description><![CDATA[Μπορεί το site που επισκέπτονται καθημερινά εκατομμύρια χρήστες να έχει καλό design; Ναι. Θα έπρεπε να έχει; Σίγουρα. Έχει; Χμ… Το μεγαλύτερο site κοινωνικής δικτύωσης ξεκίνησε με εμφανή έλλειψη σχεδιασμού. Υπήρξε μια πρώτη μελέτη σε επίπεδο χρηστικότητας (usability) και κάποιες βασικές λύσεις σε επίπεδο σχεδιασμού περιβάλλοντος χρήστη (UI = user interface) αλλά αυτό δεν είναι [...]]]></description>
			<content:encoded><![CDATA[<h3>Μπορεί το site που επισκέπτονται καθημερινά εκατομμύρια χρήστες να έχει <strong>καλό design</strong>; Ναι. Θα έπρεπε να έχει; Σίγουρα. Έχει; Χμ…</h3>
<p>Το μεγαλύτερο site κοινωνικής δικτύωσης ξεκίνησε με εμφανή έλλειψη σχεδιασμού. Υπήρξε μια πρώτη μελέτη σε επίπεδο χρηστικότητας (usability) και κάποιες βασικές λύσεις σε επίπεδο σχεδιασμού περιβάλλοντος χρήστη (UI = <a href="http://en.wikipedia.org/wiki/User_interface" target="_blank">user interface</a>) αλλά αυτό <strong>δεν είναι αρκετό</strong>.</p>
<p>Οι λόγοι για τους οποίους το <a href="http://www.facebook.com/" target="_blank">Facebook</a> έφτασε εκεί που είναι σήμερα είναι πολλοί και διάφοροι, αλλά δεν θα τους αναλύσουμε σ&#8217;αυτό το άρθρο. Αυτό που μας ενδιαφέρει είναι το design του και πιο συγκεκριμένα <strong>η εξέλιξή του</strong> στους τελευταίους μήνες.</p>
<p>Πριν λίγο καιρό, είδαμε μια μεγάλη αναβάθμιση σε εργαλεία και χαρακτηριστικά, αλλά όχι κάτι ιδιαίτερο από πλευράς σχεδιασμού. Έφτασε όμως, πριν λίγες εβδομάδες, <strong>η μέρα του <a href="https://f8.facebook.com/" target="_blank">f8</a></strong>, του ετήσιου &#8220;συνεδρίου&#8221; του Facebook όπου παρουσιάζει κάθετι νέο. Εκεί ο <em><a href="https://www.facebook.com/zuck" target="_blank">Mark Zuckerberg</a></em> παρουσίασε πολλές αλλαγές σε επίπεδο λειτουργιών αλλά και <strong>σχεδιασμού</strong>.<span id="more-3537"></span></p>
<p>Το βασικότερο στοιχείο είναι αυτό του <strong><a href="https://www.facebook.com/about/timeline" target="_blank">Timeline Profile</a></strong>. Πρόκειται για ένα νέο σχεδιασμό στο προφίλ του χρήστη που παρουσιάζει ό,τι δραστηριότητα έχει δηλώσει ή έχει κάνει στο Facebook, από τη μέρα που γεννήθηκε. Ο νέος σχεδιασμός είναι εξαιρετικά λεπτομερής σε σχεδιασμό και αρκετά πλήρης από interactions, ενώ δίνει ακόμα μεγαλύτερη έμφαση στις επιλογές του χρήστη. Ακόμα και η νέα μεγάλη φωτογραφία στο πάνω μέρος δείχνει αυτές τις νέες βαρύτητες.</p>
<p><img class="alignnone size-large wp-image-3538" title="facebook-design-profile" src="http://nassoskappa.com/wp-content/uploads/2011/10/facebook-design-profile-785x471.jpg" alt="" width="550" /></p>
<p>Στο νέο προφίλ θα έχουν πρόσβαση και τα νέα <strong>Lifestyle apps</strong> τα οποία μπορούν να εμφανίσουν, εφόσον ο χρήστης το επιλέξει, πληροφορίες ή περιεχόμενο με πιο ενδιαφέρον τρόπο.</p>
<p>Παρατηρώντας το νέο προφίλ, βλέπουμε αμέσως μια <strong>σημαντική διαφορά στο σχεδιασμό</strong> σε σχέση με το υπόλοιπο Facebook. Η αρχική σελίδα του, παρά τις μικρές προσθήκες διατηρεί τον <strong>τρίστηλο σχεδιασμό</strong> και την ενοχλητικά <strong>μονότονη τυπογραφία</strong> ενώ στο προφίλ βλέπουμε πολλές βελτιώσεις, πχ. στα κουμπιά και στα tooltips αλλά και στις εσωτερικές σελίδες όπως οι <strong>Πληροφορίες</strong>, οι <strong>Φωτογραφίες</strong> ή τα <strong>Likes</strong>.</p>
<p>Είναι ένας σχεδιασμός σίγουρα πιο φρέσκος και πιο καθαρός και μονοσήμαντος, χωρίς μεγάλη ενόχληση από διαφημίσεις και άλλου είδους &#8220;θόρυβο&#8221;, με καλύτερη ισορροπία στα χρώματα και πιο λεπτομερή και σωστά εικονίδια, ενώ τα πολλαπλά επίπεδα interactions τον κάνουν πιο &#8220;ζωντανό&#8221;. Δεν υπάρχει επίσημη πληροφόρηση για το αν το Facebook θα υιοθετήσει το νέο σχεδιασμό σε όλο το site, αλλά έχει ενδιαφέρον το ότι <span class="hihglight1">έχει αρχίσει να δίνει <strong>μεγαλύτερη βαρύτητα στο design</strong></span> <strong></strong>.</p>
<p>Το τελευταίο αποδεικνύει και ο όλος σχεδιασμός του <strong>νέου <a href="http://itunes.apple.com/el/app/facebook/id284882215?mt=8" target="_blank">iPad application του Facebook</a></strong> (διαθέσιμο από σήμερα) το οποίο συνοδεύτηκε και από αναβάθμιση του iPhone app.</p>
<p>Οι ίδιες αλλαγές έγιναν και στα <a href="http://m.facebook.com/" target="_blank">m.facebook.com</a> και <a href="http://touch.facebook.com/" target="_blank">touch.facebook.com</a>, στα οποία προφανώς έχουν πρόσβαση και οι συσκευές με Android.</p>
<p><img class="alignnone size-large wp-image-3539" title="facebook-ipad-1" src="http://nassoskappa.com/wp-content/uploads/2011/10/facebook-ipad-1-785x588.png" alt="" width="550" /></p>
<p>Το <strong>design της εφαρμογής</strong> έχει πολλά κοινά στοιχεία ανάμεσα στις δύο πλατφόρμες όπως και με το site, αλλά οι σχεδιαστές της προχώρησαν ένα επίπεδο πιο πέρα, υιοθετώντας στοιχεία από τα guidelines της Apple παρουσιάζοντας έτσι ένα πολύ ενδιαφέρον αποτέλεσμα. Κατάφεραν να φέρουν πολλά στοιχεία από το νέο σχεδιασμό του Facebook και να <strong>διατηρήσουν το &#8220;art direction&#8221;</strong> του (όποιο κι αν είναι αυτό) αλλά να προσθέσουν και νέα στοιχεία και λύσεις κυρίως στην πλοήγηση και την όλη εμπειρία του χρήστη (UX = <a href="http://en.wikipedia.org/wiki/User_experience" target="_blank">user experience</a>), στα interactions και στην τυπογραφία, κάνοντας την εφαρμογή να μοιάζει καλύτερη και από το ίδιο το site.</p>
<h4>Γιατί όμως &#8220;σημειώνουμε Χ&#8221;;</h4>
<p>Πράγματι, το Facebook κάνει <strong>βήματα προς το design</strong>. Αντίστοιχα βήματα που δοκίμασε να κάνει και το <a href="http://www.myspace.com/" target="_blank">MySpace</a> με τον ολικό ανασχεδιασμό του (αν και άργησε πολύ και έτσι δεν κατάφερε τίποτα). Αντίστοιχα <a href="http://googleblog.blogspot.com/2011/06/evolving-google-design-and-experience.html" target="_blank">βήματα</a> που κάνει το <a href="http://www.google.gr/" target="_blank">Google</a> με επίσης ολικό ανασχεδιασμό όλων των υπηρεσιών του κάτω από μία κοινή αισθητική.</p>
<p>Το παράδειγμα της Google είναι αυτό που θα χαρακτηρίζαμε ως &#8220;νίκη&#8221; του σωστού design. Τα βήματα του Facebook όμως μοιάζουν συγκρατημένα. Είναι γιατί απευθύνεται σε μεγάλο αριθμό χρηστών; Σίγουρα παίζει το ρόλο του. Είναι γιατί τεχνικά δεν μπορεί να προχωρήσει σε μεγάλη αλλαγή; Πολύ λογικό. Είναι γιατί οι αλλαγές στο τεχνικό κομμάτι είναι τόσο συχνές που δεν επιτρέπουν να διατεθεί χρόνος στη μελέτη του σχεδιασμού; Πολύ πιθανό.</p>
<p>Άρα σε σχέση με την ως τώρα &#8220;ήττα&#8221; του design από το Facebook είμαστε σε κατάσταση &#8220;ισοπαλίας&#8221;.</p>
<h4>Συμπεράσματα;</h4>
<p>To design είναι <strong>απαραίτητο κομμάτι</strong> των νέων Μέσων. Ακόμα κι αν έχει κανείς το πιο ενδιαφέρον περιεχόμενο, ή τους πιο πολλούς χρήστες δεν μπορεί να το αφήσει στην τύχη ή σε πειραματισμούς. Επίσης, η κίνηση του Facebook να σχεδιάσει iPad app παρόλο που ο ίδιος ο Zuckerberg το είχε &#8220;αποκλείσει&#8221; ένα χρόνο πριν, δείχνει το <span class="hihglight1">πόσο <strong>σημαντικό</strong> είναι πλέον το mobile web design</span>  αλλά και οι ταμπλέτες.</p>
<p>Τέλος, η όμορφη παρουσίαση των καθημερινών στιγμών και επιλογών της ζωής μας, δηλαδή του &#8220;ψηφιακού προσώπου&#8221; μας είναι μια τάση που όλο και αυξάνεται. Το (ψηφιακό ή μη) design γίνεται ανάγκη και υπόθεση όχι μόνο των επιχειρήσεων αλλά και του καθενός.</p>
<div class="avia-box info large   "><span class="avia-innerbox" ><strong>Το άρθρο γράφτηκε για το <a href="http://www.designmag.gr/" target="_blank">περιοδικό +Design</a>. Η συζήτηση <a href="http://www.designmag.gr/facebook-design-%CF%83%CE%B7%CE%BC%CE%B5%CE%B9%CF%8E%CF%83%CE%B1%CF%84%CE%B5-%CF%87/3177" target="_blank">εκεί</a></strong>.</span></div>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/facebook-design-x/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ιστορίες ΕΡΤ (ertwebgate)</title>
		<link>http://nassoskappa.com/design/ert-tv-stories/</link>
		<comments>http://nassoskappa.com/design/ert-tv-stories/#comments</comments>
		<pubDate>Thu, 15 Sep 2011 12:56:13 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Σκέψεις]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Ελληνικό Design]]></category>
		<category><![CDATA[Μη χειρότερα]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3467</guid>
		<description><![CDATA[Προσπάθησα να μη γράψω &#8220;εν θερμώ&#8221;, έτσι μετά από δύο μέρες και αρκετές συζητήσεις με συναδέλφους και γνωστούς, προσπαθώ για μια πρώτη καταγραφή του &#8220;ertwebgate&#8221;. Η ΕΡΤ Πριν κάποια χρόνια εμφανίστηκε το κίνημα &#8220;Δεν πληρώνω ΕΡΤ&#8221;. Τότε, μάλιστα, η κρίση ούτε είχε φανεί. Από τότε αναθερμαίνεται ανά τακτά διαστήματα, χωρίς όμως ουσιαστικό αποτέλεσμα. Αντίθετα, ο [...]]]></description>
			<content:encoded><![CDATA[<h3>Προσπάθησα να μη γράψω &#8220;εν θερμώ&#8221;, έτσι μετά από δύο μέρες και αρκετές συζητήσεις με συναδέλφους και γνωστούς, προσπαθώ για μια πρώτη καταγραφή του &#8220;ertwebgate&#8221;.</h3>
<h3>Η ΕΡΤ</h3>
<p>Πριν κάποια χρόνια εμφανίστηκε το κίνημα <strong>&#8220;Δεν πληρώνω ΕΡΤ&#8221;</strong>. Τότε, μάλιστα, η κρίση ούτε είχε φανεί. Από τότε αναθερμαίνεται ανά τακτά διαστήματα, χωρίς όμως ουσιαστικό αποτέλεσμα. Αντίθετα, ο λογαριασμός της ΔΕΗ μοιάζει πως θα αντικαταστήσει το χαρτί της Εφορίας.</p>
<p>Οι διαγωνισμοί</p>
<p>Τα τελευταία 2-3 χρόνια παρατηρείται στην Ελλάδα μια έξαρση σε <strong>κακοοργανωμένους</strong> (για να μη πω &#8220;κακοστημένους&#8221;) διαγωνισμούς design, με πιο τρανταχτό παράδειγμα αυτόν του <a title="ΕΓΕ | Διαμαρτυρία για τον διαγωνισμό του λογοτύπου της Ολυμπιακής" href="http://gda.gr/content/ενωση-διαμαρτυρία-για-τον-διαγωνισμό-του-λογοτύπου-της-ολυμπιακής" target="_blank">λογοτύπου της Ολυμπιακής</a> και πιο αστείο αλλά εξίσου ενδεικτικό αυτόν του <a title="ΟΝΝΕΔ" href="http://logo.onned.gr/" target="_blank">λογοτύπου της ΟΝΝΕΔ</a>, γνωστός και ως <a title="#logo31" href="http://logo31.com/" target="_blank">#logo31</a>.<span id="more-3467"></span></p>
<h3>Ο διαγωνισμός της ΕΡΤ</h3>
<p>Πριν λίγο καιρό <a href="http://www.enet.gr/?i=news.el.article&amp;id=286866" target="_blank">ανακοινώθηκε διαγωνισμός</a> από την ΕΡΤ για το <strong>σχεδιασμό της νέας ιστοσελίδας της</strong>.</p>
<h4>Η ανακοίνωση</h4>
<ol>
<li>Η ανακοίνωση ήταν τον Ιούνιο και ζητούσε <strong>κατάθεση πρότασης</strong> 22 Ιουλίου.</li>
<li>Στο διαγωνισμό <strong>μπορούν να συμμετέχουν</strong> φοιτητές ή απόφοιτοι τμημάτων Γραφιστικής, Καλών Τεχνών, Πληροφορικής, όλων των εκπαιδευτικών βαθμίδων (ΑΕΙ, ΤΕΙ, Εργαστηρίων Ελευθέρων Σπουδών κ.ά.), ηλικίας έως 30 ετών.</li>
<li>Το περιεχόμενο της πρότασης που θα κατατεθεί να είναι σε μορφή <strong>psd layers</strong> και <strong>jpeg</strong> για γρήγορη απεικόνιση και θα περιλαμβάνει τουλάχιστον μια (1) εικόνα για το κεντρικό site και μια (1) για ένα οποιοδήποτε εσωτερικό μενού.</li>
<li>Οι <strong>νικητές</strong> (θα ανακοινωθούν στις 9 Σεπτεμβρίου) θα διεκδικήσουν χρηματικά έπαθλα των 5.000 ευρώ , 3.000 ευρώ και 1.000, ενώ η δημιουργική πρόταση που θα κερδίσει το πρώτο βραβείο <strong>θα εφαρμοστεί</strong> στο κεντρικό website της ΕΡΤ.</li>
<li>Εάν οι νικητές του διαγωνισμού έχουν ανάγκη πρακτικής άσκησης, τους προσφέρεται η δυνατότητα να ασκήσουν την πρακτική τους για διαστημα 6 μηνών στα τμήματα γραφιστικής της ΕΡΤ Α.Ε.</li>
</ol>
<p>Συνοψίζοντας, η ΕΡΤ προσκαλεί σπουδαστές ή junior web designers, να κάνουν την πρότασή τους για την αρχική σελίδα του site της, θα μοιράσει χρήματα και θέσεις πρακτικής άσκησης. Μερικές παρατηρήσεις:</p>
<ol>
<li>Η ΕΡΤ <strong>δεν παίρνει στα σοβαρά</strong> τον ανασχεδιασμό της σελίδας της. Η συγκεκριμένη περιγραφή και τα έπαθλα θα ήταν ίσως συζητήσημα στην περίπτωση ενός ΙΕΚ, αλλά σίγουρα δεν είναι αποδεκτά για ένα τέτοιου μεγέθους δημόσιο οργανισμό.</li>
<li><strong>&#8220;Σκορπάει&#8221; αρκετά χρήματα</strong> στη συγκεκριμένη παρωδία διαγωνισμού. Συγκεκριμένα: €5000 + €3000 + €1000 = €9000 + 6μήνες πρακτική: 6 x 3 x €700 = €12600 Σύνολο: <strong>€21600</strong> Ποσό το οποίο προσωπικά θεωρώ μια καλή πρόταση για πλήρη μελέτη και σχεδιασμό (όχι developing) ολόκληρου του portal της ΕΡΤ.<br />
Παρένθεση: Η <a href="http://www.mediablog.gr/archives/2513" target="_blank">ΕΡΤ to 2008 ξόδεψε <strong>€1.200.000</strong></a> για το σχεδιασμό της οπτικής ταυτότητάς της από τη <a href="http://www.redbeemedia.com/" target="_blank">Red Bee Media</a>. Το μεγαλύτερο μέρος αυτού του σχεδιασμού έχει ήδη ακυρωθεί από τη ΝΕΤ και την ΕΤ3 οι οποίες σχεδίασαν εκ νέου (εσωτερικά) πολλά σήματα.</li>
<li>Δεν υπάρχει πουθενά αναφορά για τα <strong>δικαιώματα χρήσης</strong> των προτάσεων, ούτε ποιος θα δουλέψει με αυτά για να βγει το τελικό αποτέλεσμα, το οποίο, σαφώς, δεν αποτελείται από &#8220;μια αρχική και μια εσωτερική σελίδα&#8221;. Οι συμμετέχοντες απλώς στέλνουν τις προτάσεις τους (<strong>και με ανοιχτά αρχεία</strong>) χωρίς καμιά δέσμευση.</li>
<li>Δεν υπάρχει πουθενά αναφορά για την <strong>εταιρεία ή την ομάδα</strong> που θα αναλάβει το developing (κρατήστε το αυτό).</li>
</ol>
<h4>Η κριτική επιτροπή</h4>
<p>Ιδιαίτερο ενδιαφέρον έχουν κάποιες περιγραφές θέσης εργασίας:</p>
<ol>
<li><strong><a href="http://aretisblog.blogspot.com/" target="_blank">Αρετή Καλεσάκη</a></strong> &#8211; Υπεύθυνη χορηγιών και αναπληρώτρια, Υπεύθυνη δημοσίων σχέσεων ΕΡΤ Α.Ε.</li>
<li><strong><a href="http://www.ifigeniailiadou.com/" target="_blank">Ιφιγένεια Ιλιάδου</a></strong> &#8211; Web designer (Διεύθυνση Πολυμέσων ΕΡΤ Α.Ε.)</li>
<li><strong><a href="http://www.terrypolitis.com/" target="_blank">Τέρρυ Πολίτης</a></strong> &#8211; Graphic designer-art director στο Τμήμα Προβολής Γ.Δ. Τηλεόρασης ΕΡΤ Α.Ε.</li>
</ol>
<h4>Τα αποτελέσματα / Οι νικητές</h4>
<p>Την περασμένη Τρίτη βγήκαν τα <a href="http://www.ert.gr/company/index.php/home/anakoinoseis/1532-web-design-apotelesmata.html" target="_blank">αποτελέσματα</a>. Παρά το &#8220;low profile&#8221; του διαγωνισμού, μαθεύτηκαν γρήγορα μέσω κοινωνικών δικτύων, κυρίως λόγω του 2ου βραβείου, στο οποίο, μια γρήγορη ματιά, ακόμα και στο μοναδικό thumbnail (μόνο της αρχικής) που συνόδευε την ανακοίνωση, αρκεί για να δει κανείς την <strong>ομοιότητα της πρότασης με το site του BBC</strong>.</p>
<p><img class="alignnone size-medium wp-image-3471" title="ERT_-_BBC" src="http://nassoskappa.com/wp-content/uploads/2011/09/ERT_-_BBC-550x283.jpg" alt="" width="550" height="283" /></p>
<p>Ας τα δούμε όμως ένα-ένα. Τις καλύτερες συμμετοχές έστειλαν οι:</p>
<ol>
<li><strong><a href="http://www.oneintwo.gr/" target="_blank">Γιώργος Καλοκαίρης</a></strong> &#8211; 1ο βραβείο (€5.000)</li>
<li><strong><a href="http://www.seretis.info/" target="_blank">Δημήτρης Σερέτης</a></strong> &#8211; 2ο βραβείο (€3.000)</li>
<li><strong>Σταματίνα Νερούτσου</strong> &#8211; 3ο βραβείο (€1.000)</li>
</ol>
<h3>Στην κορυφή του παγόβουνου</h3>
<ol>
<li>Ένας <strong>απαράδεκτος διαγωνισμός</strong> από κάθε άποψη, από την περιγραφή του μέχρι τις απαιτήσεις, τους όρους συμμετοχής και τα βραβεία του.</li>
<li>Μια <strong>κριτική επιτροπή</strong>, φαινομενικά σωστά επιλεγμένη, αλλά τελικώς αποδεικνύεται κάθε άλλο παρά σωστά έκανε την δουλειά της. Οι πιθανοί και πραγματικοί λόγοι για το παραπάνω δεν μας απασχολούν αυτή τη στιγμή.</li>
<li><strong>Συμμετοχές</strong> που βραβεύτηκαν ενώ θα έπρεπε να &#8220;κοπούν&#8221; ως μη αποδεκτές. Εσκεμένα δεν θα αναφερθώ σε θέμα αισθητικής, ενώ θα αποφύγω την κριτική σε επίπεδο &#8220;ταυτότητας&#8221; και design, αφού αυτό θα έπρεπε να το κάνει η κριτική επιτροπή.</li>
<ul>
<li>Η πρώτη, με προφανείς αναφορές σε εικαστικά γνωστού καναλιού αλλά <em>κυρίως</em> λόγω βασικών λαθών σε θέματα user experience αλλά ευκολίας εξέλιξης του σχεδιασμού σε εσωτερικές σελίδες και ενότητες με διαφορετικές ανάγκες.</li>
<li>Η δεύτερη, δεν χρειάζεται σχόλια.</li>
<li>Η τρίτη, είναι η καλύτερη λύση από τις άλλες αν ήταν ένα πρώτο draft &#8220;χωροθέτησης&#8221;, αλλά αν αυτό είναι το 3ο βραβείο με κάνει περίεργο να δω τα επόμενα 3 που δεν επιλέχθηκαν.</li>
</ul>
<li>Μια <strong>μεγάλη σπατάλη χρημάτων</strong> που δεν προέρχονται από ιδιωτική ταμείο αλλά δημόσιο(!) οργανισμό.</li>
</ol>
<h4>Και τώρα;</h4>
<p>Παρά τον όλο ντόρο και τη φασαρία και παρά την επικοινωνία από το περιοδικό +design, <strong>δεν έχουμε (ακόμα) επίσημη απάντηση</strong>.</p>
<p>Η ΕΓΕ βέβαια, ως γνωστόν, δεν έχει το δυναμικό μελών που θα της επέτρεπαν να επέμβει πιο δραστικά.</p>
<p>Πέρα από την κατακραυγή και τα πρώτα αστειάκια σε facebook, twitter, <a href="http://www.vcdc.gr/forum/viewtopic.php?p=227431&amp;&amp;utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+vcdc+%28Visual+Communication+Designers%27+Club+-+VCDC+Forum+-+Νέα+Topics%29#p227431" target="_blank">fora</a>, <a href="http://www.designmag.gr/oops-ert/2797" target="_blank">blog</a> κλπ. οι επαγγελματίες του χώρου δεν φαίνεται να μπορούμε ή να θέλουμε να κάνουμε κάτι γι&#8217;αυτό.</p>
<p>Έχουμε ένα διαγωνισμό που θα <strong>έπρεπε να ακυρωθεί</strong> και τελικά&#8230; θα τον φάμε.</p>
<h3>Πέρα από την κορυφή του παγόβουνου</h3>
<p>Πρόκειται για ένα πρόβλημα που είναι μεγαλύτερο από το web design στην Ελλάδα και πέρα από την αγορά της digital οπτικής επικοινωνίας.</p>
<p>Την ίδια στιγμή που γράφεται αυτό το κείμενο, έχουμε επεισόδια έξω από τη Βουλή με εργαζόμενους της ΕΡΤ, που αντιδρούν στο ανακοινωθέν κλείσιμο της &#8220;κερδοφόρου&#8221; ΕΡΤ.</p>
<p>Μιλάμε για χειροπιαστά παραδείγματα που οδήγησαν (και) τον χώρο μας σε οικονομικά προβλήματα. Μιλάμε για ένα μόνο κομμάτι ντόμινο στη συνολική κατασκευή που καταρέει.</p>
<p>Συζήτηση στο <a href="https://twitter.com/#!/nassoskappa/" target="_blank">Twitter</a> ή το <a href="https://plus.google.com/102928776184885662370/posts/jKYytQjy6k9" target="_blank">Google+</a></p>
<p><strong>ΕΝΗΜΕΡΩΣΗ:</strong> Έγινε επαναξιολόγηση του διαγωνισμού. Με τα <strong><a href="http://www.ert.gr/company/index.php/home/anakoinoseis/1536-web-design-apotelesmata.html">νέα αποτελέσματα</a></strong> το 2ο βραβείο ακυρώθηκε, ενώ εμφανίστηκε νέο 3ο βραβείο, το οποίο προσωπικά θεωρώ καλύτερο και από τα προηγούμενα 3!</p>
<p>Και για να είμαστε ξεκάθαροι, <strong>η ΕΡΤ θα έπρεπε τουλάχιστον να ακυρώσει όλο το διαγωνισμό</strong> και όχι μόνο τη μία συμμετοχή. Το πρόβλημα είναι στη διοργάνωση και την κριτική επιτροπή, όχι στον ένα συμμετέχοντα.</p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/ert-tv-stories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Netrobe launch!</title>
		<link>http://nassoskappa.com/design/netrobe-launch/</link>
		<comments>http://nassoskappa.com/design/netrobe-launch/#comments</comments>
		<pubDate>Fri, 26 Aug 2011 09:05:40 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobile apps]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Ελληνικό Design]]></category>
		<category><![CDATA[Ιδέες]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3449</guid>
		<description><![CDATA[Πριν λίγους μήνες με προσέγγισε η ομάδα του Netrobe με μια πολύ ενδιαφέρουσα ιδέα. Μια εφαρμογή (web και mobile app) όπου θα μπορείς να κάνεις διαχείριση την γκαρνταρόμπα σου φωτογραφίζοντας τα ρούχα, φτιάχνοντας συνδυασμούς κλπ. και όλα αυτά και με μια social network υποστήριξη. Ξεκινήσαμε λοιπόν να σχεδιάζουμε την εταιρική ταυτότητας της εταιρείας και στη συνέχεια [...]]]></description>
			<content:encoded><![CDATA[<h3>Πριν λίγους μήνες με προσέγγισε η ομάδα του <strong><a title="Netrobe" href="http://netrobe.com/" target="_blank">Netrobe</a></strong> με μια πολύ ενδιαφέρουσα ιδέα. Μια εφαρμογή (web και mobile app) όπου θα μπορείς να κάνεις διαχείριση την γκαρνταρόμπα σου φωτογραφίζοντας τα ρούχα, φτιάχνοντας συνδυασμούς κλπ. και όλα αυτά και με μια social network υποστήριξη.</h3>
<p>Ξεκινήσαμε λοιπόν να <a title="Netrobe project" href="http://nassoskappa.com/portfolio/netrobe/" target="_blank">σχεδιάζουμε</a> την εταιρική ταυτότητας της εταιρείας και στη συνέχεια το ίδιο το προϊόν (mobile app). To logo είχε μια σαφή γραμμή από την αρχική του ιδέα και μια συνολική μελέτη καταλήξαμε στο παρακάτω, το οποίο συνοδεύεται από σειρά εφαρμογών λόγω χρήσεων (web design, mobile apps, newsletter κλπ.)</p>
<p><img class="aligncenter size-full wp-image-3454" title="Netrobe Logo" src="http://nassoskappa.com/wp-content/uploads/2011/08/netrobe-logo.png" alt="" width="273" height="79" /></p>
<p>Το επόμενο βήμα ήταν ο σχεδιασμός του <a title="Netrobe blog" href="http://blog.netrobe.com/" target="_blank">Netrobe blog</a>. Η αρχική σελίδα ήταν ένα ενημερωτικό μήνυμα (φαίνεται πλέον μόνο <a href="http://nassoskappa.com/portfolio/netrobe/" target="_blank">εδώ</a>) ενώ πλέον έχει αντικατασταθεί από την register/login σελίδα η οποία αρχίζει υιοθετεί όλο και περισσότερα στοιχεία από την εφαρμογή.<span id="more-3449"></span></p>
<p>Από σήμερα και η <strong><a title="Κατέβασε την εφαρμογή." href="http://itunes.apple.com/us/app/netrobe/id456666176" target="_blank">εφαρμογή είναι διαθέσιμη στο App Store</a></strong>.</p>
<blockquote><p>NETROBE for iPhone is the easiest way to manage your clothes and share your style with friends.</p>
<p>This wardrobe management application helps you upload your clothes online by photographing them on the spot and removing the background image or by searching through a database of clothes to find what you own.</p>
<p>Create outfits, share your stylish looks with your friends and discover what your friends are wearing too.</p>
<p>Use NETROBE to plan what to wear in your upcoming events, pack your suitcase for your next trip and create your own personal cookbook from the outfits you&#8217;ve worn or things you like.</p></blockquote>
<p>Μπορείς να επισκεφτείς το <a title="Netrobe site" href="http://netrobe.com/" target="_blank">site του Netrobe</a> ή τη <a title="Netrobe @ Facebook" href="https://www.facebook.com/netrobe" target="_blank">σελίδα του στο Facebook</a>.</p>
<p>Σχόλια στο <a href="https://twitter.com/#!/nassoskappa/" target="_blank">Twitter</a> ή το <a href="https://plus.google.com/102928776184885662370/posts/1MFKZk82ouR" target="_blank">Google+</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/netrobe-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>minima</title>
		<link>http://nassoskappa.com/design/minima/</link>
		<comments>http://nassoskappa.com/design/minima/#comments</comments>
		<pubDate>Tue, 02 Aug 2011 19:38:35 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Βιβλίο]]></category>
		<category><![CDATA[Ελληνικό Design]]></category>
		<category><![CDATA[Θεσσαλονίκη]]></category>
		<category><![CDATA[Περιοδικά]]></category>
		<category><![CDATA[Προσωπικά]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3439</guid>
		<description><![CDATA[Ήταν ένα τυπικό πρωινό Μαΐου του 2004, όταν χτύπησε το τηλέφωνο. Απάντησα κάπως μηχανικά. «Έλα ρε!», ακούστηκε η φωνή του Αντρέα, «έχεις πολύ δουλειά; Έχω μια πρόταση να σου κάνω», συνέχισε χωρίς να έχω απαντήσει ακόμα. Την περίοδο των Ολυμπιακών ήταν πολύ συνηθισμένη φράση στις τηλεφωνικές επικοινωνίες &#8211; ακόμα και στη Θεσσαλονίκη. «Αν είναι κάτι [...]]]></description>
			<content:encoded><![CDATA[<h3>Ήταν ένα τυπικό πρωινό Μαΐου του 2004, όταν χτύπησε το τηλέφωνο. Απάντησα κάπως μηχανικά. «Έλα ρε!», ακούστηκε η φωνή του Αντρέα, «έχεις πολύ δουλειά; Έχω μια πρόταση να σου κάνω», συνέχισε χωρίς να έχω απαντήσει ακόμα. Την περίοδο των Ολυμπιακών ήταν πολύ συνηθισμένη φράση στις τηλεφωνικές επικοινωνίες &#8211; ακόμα και στη Θεσσαλονίκη.</h3>
<p>«Αν είναι κάτι καλό, ξέρεις ότι θα βρω χρόνο», είπα. «Περιοδικό, ένθετο σε εφημερίδα. Είσαι;», απάντησε. Ήμουν. <a href="http://naftilos.blogspot.com/2004/09/minima-001.html" target="_blank">Ξεκινήσαμε</a> το Σεπτέμβριο.</p>
<p>Αν μου έλεγες τότε ότι θα καταφέρναμε δύο άτομα (ένας αρχισυντάκτης κι ένας γραφίστας) με τη βοήθεια μερικών εξωτερικών συνεργατών (δημοσιογράφοι και φωτογράφοι), εβδομαδιαίο ένθετο ποικίλης ύλης δεν θα το πίστευα. Κι όμως έγινε και είναι από τις δουλειές που χάρηκα περισσότερο. Το δεύτερο χρονικά αλλά το πρώτο πραγματικό &#8220;δικό μου&#8221; από πλευράς σχεδιασμού περιοδικό. Το <strong>minima του Αγγελιοφόρου</strong>.</p>
<p><img class="alignnone size-full wp-image-3443" title="Θεσσαλονίκη Graphic Design 1980-2009" src="http://nassoskappa.com/wp-content/uploads/2011/08/PS_214748364721474836472147483647_222147483647.jpg" alt="" width="550" /></p>
<p>Πριν λίγο καιρό ήρθε στα χέρια μου η (εξαιρετική και πολύ συγκινητική) έκδοση του δημιουργικού γραφείου <strong><a href="http://www.redcreative.gr/" target="_blank">Red Creative</a></strong> <em>«<a href="http://nassoskappa.com/design/thessaloniki-graphic-design-1980-2009/" target="_blank">Θεσσαλονίκη Graphic Design 1980-2009</a>»</em>. Το minima βρίσκεται ανάμεσα στις σελίδες του. Ανάμεσα σε εξώφυλλα από Ξύλινα Σπαθιά και Τρύπες και σε αφίσες των Δημήτριων, στην εταιρική ταυτότητα του Music Kitchen και του Ντορέ, στα περιοδικά SOUL και Parallaxi, στα Goody&#8217;s και την μπύρα ΠΑΟΚ(!), είναι μέρος της ιστορίας design της Θεσσαλονίκης.</p>
<p>Πολλά ευχαριστώ.</p>
<p>Για συζήτηση, στο <a href="https://plus.google.com/102928776184885662370/posts/2ffKqBfhS1a" target="_blank">Google+</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/minima/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digitized 2011</title>
		<link>http://nassoskappa.com/design/digitized-2011/</link>
		<comments>http://nassoskappa.com/design/digitized-2011/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 08:14:26 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Ελληνικό Design]]></category>
		<category><![CDATA[Προσωπικά]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3425</guid>
		<description><![CDATA[Μια ημέρα αφιερωμένη στη δημιουργικότητα στα ψηφιακά μέσα, με κεντρικούς ομιλητές τους Rory Oliver, Director of Production των Fantasy Interactive και Florian Schmidt, Creative Director των Hi-ReS! αυτό τον Οκτώβριο στην Αθήνα! Πριν λίγο καιρό ο Δημήτρης Φακίνος μοιράστηκε μαζί μου μια σκέψη του για μια ημερίδα σχετικά με το web design. Όπως το περιέγραψε [...]]]></description>
			<content:encoded><![CDATA[<h4>Μια ημέρα αφιερωμένη στη δημιουργικότητα στα ψηφιακά μέσα, με κεντρικούς ομιλητές τους <strong><a title="@rrorry" href="http://www.twitter.com/#!/@rrorry" target="_blank">Rory Oliver</a></strong>, Director of Production των <strong><a title="f-i.com" href="http://www.f-i.com/" target="_blank">Fantasy Interactive</a></strong> και <strong><a title="@jesusbeuys" href="http://www.twitter.com/#!/@jesusbeuys" target="_blank">Florian Schmidt</a></strong>, Creative Director των <strong><a title="hi-res.net" href="http://www.hi-res.net/" target="_blank">Hi-ReS!</a></strong> αυτό τον Οκτώβριο στην Αθήνα!</h4>
<p>Πριν λίγο καιρό ο <a title="+Design man twitter" href="https://twitter.com/#!/designmaggreece" target="_blank">Δημήτρης Φακίνος</a> μοιράστηκε μαζί μου μια σκέψη του για μια ημερίδα σχετικά με το web design. Όπως το περιέγραψε τότε &#8220;κάτι σαν το Πανόραμα, όμως όχι με παρουσίαση εργασιών αλλά με παρουσιάσεις πάνω σε θέματα ειδικού ενδιαφέροντος&#8221;. Ή κάπως έτσι&#8230;</p>
<p><img class="alignnone size-medium wp-image-3430" title="Screen shot 2011-07-20 at 11.16.23 π.μ." src="http://nassoskappa.com/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-11.16.23-π.μ.-550x146.png" alt="" width="550" height="146" /></p>
<p>Τώρα, αυτή η ιδέα οδήγησε στη δημιουργία του <a title="@digitizedgr" href="https://twitter.com/#!/digitizedgr" target="_blank"><strong>Digitized</strong></a> την 01/10/2011 στην Αθήνα. Σύμφωνα με το <a title="digitized.gr" href="http://www.digitized.gr/" target="_blank">site</a>, είναι μια νέα διοργάνωση που <em>φιλοδοξεί να γίνει θεσμός</em> και σκοπός της είναι να <em>δημιουργήσει μια πλατφόρμα συνάθροισης, συζήτησης και συνεργασίας που να απαιτεί τη φυσική παρουσία των ανθρώπων που το αντικείμενο της εργασίας τους, περιορίζει να ενεργούν ως επί το πλείστον μπροστά στην οθόνη τους</em>.</p>
<p>Εκτός από τα δύο κεντρικά ονόματα, τα οποία εμφανίζονται για πρώτη φορά στην Ελλάδα, <strong><a title="Digitized Speakers" href="http://www.digitized.gr/speakers" target="_blank">το πάνελ των ομιλητών</a></strong> του πρώτου Digitized φιλοξενεί και ονόματα του ελληνικού web design. Τους <a title="@cdemetriadis" href="https://twitter.com/#!/cdemetriadis" target="_blank">Κωνσταντίνο Δημητριάδη</a> και <a title="@onyro_com" href="https://twitter.com/#!/onyro_com" target="_blank">Anthony Κυριαζή</a> Creative Director και Director of Creative Services αντίστοιχα στην <a title="Tribal DDB Athens" href="http://www.tribalddb.com/" target="_blank">Tribal DDB Athens</a>, τον <a title="@hararis" href="http://www.twitter.com/#!/@hararis" target="_blank">Χάρη Χάραρη</a> Director στη <a title="radial.gr" href="http://www.radial.gr/" target="_blank">Radial</a>, και τον <a title="@nassoskappa" href="http://www.twitter.com/#!/@nassoskappa" target="_blank">υποφαινόμενο</a> Creative Director στην <a title="ogilvyone.gr" href="http://www.ogilvyone.gr/" target="_blank">OgilvyOne Athens</a> και ιδρυτικό μέλος των <a title="bitniks.gr" href="http://bitniks.gr/" target="_blank">Bitniks</a>.</p>
<p>Ελπίζω να σας <a title="Digitized Tickets" href="http://www.digitized.gr/tickets" target="_blank">δω όλους εκεί</a>.</p>
<p>Για συζήτηση, στο <a href="https://plus.google.com/102928776184885662370/posts/X5N4YTon5RV" target="_blank">Google+</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/digitized-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobile Web &amp; App Design</title>
		<link>http://nassoskappa.com/design/mobile-web-app-design/</link>
		<comments>http://nassoskappa.com/design/mobile-web-app-design/#comments</comments>
		<pubDate>Fri, 24 Jun 2011 09:03:30 +0000</pubDate>
		<dc:creator>Νassos K.</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[design for mobiles]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Άρθρα]]></category>

		<guid isPermaLink="false">http://nassoskappa.com/?p=3403</guid>
		<description><![CDATA[Το Web Design, είναι ένας ιδιαίτερος και μάλλον άστατος κλάδος του Σχεδιασμού Οπτικής Επικοινωνίας, που έχει υποστεί μια συνεχόμενη και ιδιαίτερα γρήγορη εξέλιξη. Αυτό που ξεκίνησε σαν ένα “παιχνίδι”, ελεύθερο, ανοιχτό και μόνο για λάτρεις του Διαδικτύου, έχει πλέον καταστεί ένα ώριμο και πλούσιο μέσο με ισχυρή αισθητική και ολοένα αυξανόμενη λειτουργικότητα, αλλά και πιο [...]]]></description>
			<content:encoded><![CDATA[<h3>Το Web Design, είναι ένας ιδιαίτερος και μάλλον άστατος κλάδος του Σχεδιασμού Οπτικής Επικοινωνίας, που έχει υποστεί μια συνεχόμενη και ιδιαίτερα γρήγορη εξέλιξη. Αυτό που ξεκίνησε σαν ένα “παιχνίδι”, ελεύθερο, ανοιχτό και μόνο για λάτρεις του Διαδικτύου, έχει πλέον καταστεί ένα ώριμο και πλούσιο μέσο με ισχυρή αισθητική και ολοένα αυξανόμενη λειτουργικότητα, αλλά και πιο αυστηρούς κανόνες.</h3>
<blockquote><p>“People ignore design that ignores people.”<br />
~Frank Chimero</p></blockquote>
<p>Κατ’αρχάς, ας θυμηθούμε την πορεία εξέλιξης της οθόνης στην ιστορίας της τεχνολογίας. Ο κινηματογράφος, η πρώτη οθόνη και η μεγαλύτερη, ήταν δημόσια. Η δεύτερη, η τηλεόραση, εισχώρησε στα σπίτια μας και έγινε συλλογική, αλλά όχι δημόσια. Η τρίτη, ακόμα μικρότερη, η οθόνη του υπολογιστή, έγινε ιδιωτική αλλά είχε τη δυνατότητα να μοιραστεί. Η τέταρτη και μικρότερη, αυτή του κινητού, είναι η πιο οικεία και προσωπική, καθόλου κοινόχρηστη, ενώ μας συνοδεύει οπουδήποτε. Το μέγεθός της, μάλιστα, αυξάνεται, καθώς ολοένα και εξελίσσεται η τεχνολογία και εμφανίζονται τα κινητά νέας γενιάς (βλ. τεχνολογίες 3G και WiFi).</p>
<p>Στη διάρκεια των τελευταίων ετών παρατηρήθηκε μια σημαντική αλλαγή στο ποσοστό των χρηστών του Διαδικτύου που έχουν πρόσβαση σε ιστοσελίδες μέσω των τηλεφώνων και άλλων φορητών συσκευών. Με την μεταπήδηση λοιπόν χρηστών από την τρίτη στην τέταρτη οθόνη, είναι λογικό, να ασχολούνται και ολοένα και περισσότεροι web designers με αυτό που αποκαλούμε <strong>Mobile Web Design</strong>.<span id="more-3403"></span></p>
<p>Πριν προχωρήσουμε στην ανάλυση αυτού του ολοκαίνουργιου και πολύ δραστήριου κλάδου, θα πρέπει να κάνουμε ένα βασικό διαχωρισμό ανάμεσα α) στο <strong>σχεδιασμό ιστοτόπων</strong> (websites) για προβολή στους browser των φορητών συσκευών και β) στο <strong>σχεδιασμό εφαρμογών</strong> (application) για συγκεκριμένα μοντέλα και πλατφόρμες, όπως είναι το App Store της Apple ή το Android Market για την αντίστοιχη πλατφόρμα λογισμικού της Google.</p>
<h5>Σχεδιασμός Ιστοτόπων</h5>
<p>Η βασικές διαφορές σε σχέση με τον αντίστοιχο σχεδιασμό για οθόνες υπολογιστές είναι δύο. Οι αναλύσεις της οθόνης (κατά αντιστοίχηση οι διαστάσεις του καμβά), και οι συνθήκες πλοήγησης.</p>
<p>Η πρώτη είναι αρκετά σαφής καθώς είναι πολύ διαφορετικό για τον σχεδιαστή να έχει στη διάθεσή του πλάτος οθόνης 1024 pixels (η πιο κοινή διάσταση αυτή τη στιγμή, αν και η εξελίξεις δείχνουν ότι προχωράμε σε αναλογίες κοντά στα 1280) από το να έχει αναλύσεις με πλάτος περίπου 300 ή 480 pixels. Θα πρέπει να διαχειριστεί διαφορετικά τα δεδομένα, να αλλάξει τη δομή και το layout των σελίδων, την τυπογραφία αλλά, ίσως, και την πλοήγηση, κρατώντας, φυσικά, κοινά στοιχεία με τον αρχικό σχεδιασμό.</p>
<p>Η δεύτερη είναι η πιο σημαντική και έχει να κάνει με δύο βασικά χαρακτηριστικά του web design: τη λειτουργικότητα (usability) και την εμπειρία χρήστη (user experience). Σ’αυτά επιδρούν δύο κύριοι παράγοντες, η ταχύτητα σύνδεσης και download από το κινητό και οι συνθήκες περιβάλλοντος του χρήστη (στο δρόμο, ανάμεσα σε κόσμο, φασαρία και λίγο χρόνο στη διάθεσή του).</p>
<p>Ας πάρουμε ένα απλό παράδειγμα. Φανταστείτε κάποιον που θέλει να πάει στο θέατρο. Στην μία περίπτωση είναι στο σπίτι του, χαλαρός και μπροστά στον υπολογιστή του με τη γρήγορη σύνδεση. Μπορεί να επισκεφτεί πάνω από δύο site να ψάξει για περισσότερες πληροφορίες, έχει το χρόνο να παρακολουθήσει κάποιο βίντεο ή να ακολουθήσει ένα διαφημιστικό banner για κάποια παράσταση, ενώ ίσως βρει και κάποιο φίλο στο chat για να τον ρωτήσει αν είδε κάποια καλή παράσταση.</p>
<p>Στη δεύτερη περίπτωση, είναι σε κάποιο εστιατόριο ή καφέ, με μουσική και κόσμο να του αποσπά την προσοχή και σαφώς πιο αργή σύνδεση. Τότε μπορεί να θέλει μία ή δύο προτάσεις από κάποιο site που επισκέπτεται, αλλά, το βασικότερο, είναι η εύκολη και γρήγορη πλοήγηση και αναζήτηση στις στις διαθέσιμες παραστάσεις, ενώ αντί να σπαταλήσει χρόνο σε κάποιο βίντεο, του είναι πιο χρήσιμες πληροφορίες για το που βρίσκεται στο χάρτη το θέατρο ή αν υπάρχουν διαθέσιμα εισιτήρια.</p>
<p>Καταλαβαίνουμε, λοιπόν, ότι ο σχεδιασμός και η ιεράρχηση της πληροφορίας θα πρέπει να προσαρμοστεί, όχι μόνο λόγω του μεγέθους και της ανάλυσης της οθόνης, αλλά και γιατί θα πρέπει να γίνει με τέτοιο τρόπο ώστε να ο χρήστης να βρίσκει γρήγορα και άμεσα αυτό που θέλει.</p>
<p>Για να πετύχουμε τα παραπάνω, υπάρχουν μερικοί βασικοί κανόνες που καλό είναι να ακολουθεί ο σχεδιαστής.</p>
<ol>
<li><strong>Μείνετε στα βασικά</strong>. Σωστή χρήση της HMTL και των tag της όπως: p, br, b, i header (H1-6), blockquote, κλπ.</li>
<li><strong>Σχεδιάστε με προσαρμόσιμο πλάτος</strong> (fluid width layout), καθώς έτσι θα έχετε καλύτερα αποτελέσματα σε διαφορετικές πλατφόρμες.</li>
<li><strong>Αποφύγετε τεχνικές</strong> όπως frames, layers, image maps, plugins. Χρησιμοποιήστε σωστά τη Javascript και κρατήστε καθαρό το CSS.</li>
<li><strong>Σχεδιάστε για μικρές διαστάσεις</strong>, και αποφύγετε την “αταξία” (clutter).</li>
<li>Δώστε μεγάλη προσοχή στον <strong>τρόπο που εμφανίζονται οι εικόνες</strong> και οι διάφοροι πίνακες και λίστες.</li>
<li><strong>Δοκιμάστε το site</strong> και σε smartphone αλλά και σε κάποιο παλιότερης τεχνολογίας.</li>
</ol>
<p>Παρατηρούμε, λοιπόν, την ανάγκη του web design να ανταποκρίνεται στη συμπεριφορά του χρήστη και του περιβάλλοντος με βάση το μέγεθος της οθόνης, την πλατφόρμα και τον προσανατολισμό της συσκευής αλλά και το περιβάλλον χρήσης της. Η πρακτική αυτή συνίσταται σε ένα συνδυασμό προσαρμόσιμου κάνναβου (flexible grid), βασικών layout, εικόνων και έξυπνης χρήσης CSS. Όλα τα παραπάνω είναι αυτό που αποκαλούμε <strong>Responsive Web design</strong>, κάτι που θα πρέπει να αναλυθεί σε άλλο άρθρο.</p>
<h5>Σχεδιασμός Εφαρμογών</h5>
<p>Εδώ τα πράγματα είναι λίγο διαφορετικά αλλά εξίσου ενδιαφέροντα. Σε γενικές γραμμές, ο σχεδιασμός μιας εφαρμογής για κινητά έχει τις ίδιες ανάγκες με αυτόν ενός ιστοτόπου σε ό,τι αφορά την τυπογραφία, τη δομή, την ιεράρχηση της πληροφορίας και την πλοήγηση. Έχει, όμως, δύο πολύ βασικές διαφορές. Από τη μία, έχει την ανάγκη προσαρμογής σε οθόνες (τουλάχιστον όχι σε τόσο πολλές), αλλά απ’ την άλλη, κάθε πλατφόρμα έχει τις δικές της ιδιαιτερότητες και απαιτήσεις.</p>
<p>Όσον αφορά την ανάγκη σχεδιασμού για πολλές αναλύσεις, αυτή μειώνεται στην περίπτωση των εφαρμογών εφόσον μιλάμε για μία μόνο πλατφόρμα. Για παράδειγμα αν θέλουμε να σχεδιάσουμε μια εφαρμογή για το iPhone, τότε έχουμε δύο διαστάσεις να υπολογίζουμε, μάλιστα η μία είναι απλώς η διπλάσια της άλλης (βλ. Retina display) άρα τα πράγματα μοιάζουν κάπως πιο εύκολα. Το iPad είναι καλύτερο να θεωρείται διαφορετική πλατφόρμα που απαιτεί εντελώς διαφορετικό σχεδιασμό, λόγω διαφορετικών δυνατοτήτων και συνθηκών χρήσης.</p>
<p>Αντίθετα, ο σχεδιαστής πρέπει να μελετήσει πολύ περισσότερο για μια εφαρμογή καθώς θα πρέπει να γνωρίζει τους περιορισμούς αλλά και τις ιδιαίτερες δυνατότητες μιας συσκευής ή πλατφόρμας. Για παράδειγμα ο σχεδιασμός ενός iPhone app μπορεί να μοιάζει περιοριστικός λόγω των διάφορων κανόνων που ορίζει η Apple, πχ. navigation bar, αλλά, από την άλλη, γίνεται πιο ενδιαφέρον με τις τεχνικές και τα animation που παρέχει η ίδια η εταιρεία στον κώδικά της, πχ. από όμορφες εναλλαγές ανάμεσα στις διάφορες οθόνες, μέχρι πλήρες “ντύσιμο” (theming) των εικαστικών στοιχείων της εφαρμογής. Ένα παράδειγμα προσαρμογής του σχεδιασμού ενός site σε εφαρμογή είναι αυτό του <a href="http://nassoskappa.com/design/elculture-iphone-app/" target="_blank">ελculture.gr</a> όπου μπορούμε να δούμε τις διαφορές στο σχεδιασμό της αρχικής σελίδας (homepage).</p>
<p>Καταλαβαίνουμε, λοιπόν, ότι υπάρχει ανάγκη για διαφορετικό σχεδιασμό ενός app από ένα mobile site ακόμη κι αν πρόκειται για τη μεταφορά/προσαρμογή των υπηρεσιών του ίδιου site. Στις εικόνες φαίνεται καλύτερα η διαφορά μεταξύ της προβολής στην οθόνη του iPhone, του κανονικού site των <a href="http://www.nytimes.com/" target="_blank">NYTimes</a> με το αντίστοιχο mobile site (και τα δύο στον Safari) αλλά και την διαφορετική σε σχεδιασμό εφαρμογή του.</p>
<p>Καθώς ο τομέας του σχεδιασμού εφαρμογών είναι πολύ καινούργιων δεν είναι εύκολο να ορίσουμε “κανόνες”, πέραν φυσικά από τους γενικά εφαρμόσιμων κανόνων της οπτικής επικοινωνίας, όπως τυπογραφία κλπ., αλλά μπορούμε να παρατηρήσουμε ορισμένα λάθη αλλά και τάσεις.</p>
<h5>Λάθη στο σχεδιασμό εφαρμογών</h5>
<ol>
<li><strong>Υπερβολικά σχεδιασμένες</strong>. Τυπικό πλέον πρόβλημα είναι τα υπερβολικά γραφικά και οι “διακοσμητικές” πινελιές που δεν έχουν πραγματική χρησιμότητα, και οδηγούν σε “ασυνέπεια” (inconsistency) ανάμεσα στις εφαρμογές μια συσκευής. Το να σπας τέτοιου είδους “συμβάσεις” κάνει το design λιγότερο άμεσα αντιληπτό, ενώ το branding (βασικός λόγος που οδηγεί το σχεδιασμό σ’αυτό το πρόβλημα) μπορεί να επιτευχθεί και με άλλους, καλύτερους τρόπους.</li>
<li><strong>Η παραμέληση των τεχνικών περιορισμών</strong>, όπως αργή σύνδεση στο Διαδίκτυο ή μικροί σε ισχύ επεξεργαστές.</li>
<li><strong>Πολύπλοκη πλοήγηση</strong>. Κακή δομή περιεχομένου, μπερδεμένα layout.</li>
<li><strong>Σύγχυση της φορητής συσκευής με έναν υπολογιστή</strong>. <em> </em><span class="hihglight1"><em>(Σ&#8217;αυτό θα επανέλθω σύντομα)</em></span> Το να μη χρησιμοποιείς διαδράσεις που προσφέρουν οι νέες συσκευές όπως, κατάδειξη με δάχτυλα αντί ποντίκι (touch screen), σύνθετες διαδράσεις με πολλά δάχτυλα (multi-touch gestures), αλλά και τεχνολογίες όπως ενσωματωμένο GPS ή επιταχυνσιόμετρο (accelerometer).</li>
<li><strong>Αδιαφορία για το περιβάλλον/πλαίσιο χρήσης</strong> (context). Που, πότε, πως και γιατί χρησιμοποιείται η εφαρμογή και η συσκευή.</li>
</ol>
<h5>Τάσεις στο σχεδιασμό εφαρμογών</h5>
<ol>
<li><strong>Απλοποίηση του σχεδιασμού</strong>. Όχι με την λογική του minimal, αλλά του simplicity. Δεν είναι τόσο “αυτοματοποιημένη” διαδικασία όσο ακούγεται και έχει να κάνει με αυτόν για τον οποίο δουλεύουμε. Το χρήστη. Σκοπός είναι να τον κάνουμε να νιώσει οικεία με την εφαρμογή και να μπορέσει να κάνει αυτό που θέλει εύκολα και απλά.</li>
<li><strong>“Ρεαλιστικός” σχεδιασμός</strong>. Ακριβώς επειδή υπάρχουν τεχνικοί περιορισμοί αλλά και μια τάση στις εφαρμογές ο χρήστης να (μπορεί να) κάνει ένα πράγμα σε κάθε οθόνη, και ο σχεδιασμός μοιάζει πολύ λιτός, έχει επικρατήσει η τάση (μάλλον trend) να σχεδιάζονται οι εφαρμογές με μια λογική προσομοίωσης πραγματικότητας. Για παράδειγμα η εφαρμογή iBooks που σχεδιάστηκε σαν μια βιβλιοθήκη με κανονικά ράφια και βιβλία.</li>
<li><strong>Ιδιαίτερη βαρύτητα στις λίστες, τα κουμπιά και τα εικονίδια</strong>. Κατά κύριο λόγω οι εφαρμογές έχουν να κάνουν με παρουσίαση λιστών από άρθρα, φωτογραφίες, προϊόντα κλπ., αλλά και ρυθμίσεων και εργαλείων πάνω σ’αυτές (επιλογή, προώθηση, εκτύπωση, διαγραφή, βαθμολόγηση κλπ.). Έτσι οι σχεδιαστές τείνουν να δίνουν προσοχή στη λεπτομέρεια του σχεδιασμού αυτών καθώς αυτά θα κάνουν ιδιαίτερο και ξεχωριστό το design της εφαρμογής. Η λογική ότι “το UI είναι το branding” ισχύει πολύ περισσότερο στις εφαρμογές από ότι στα site.</li>
<li><strong>Πολυεπίπεδο περιβάλλον χρήστη</strong>. Ενώ στα site η τάση, λόγω διαστάσεων οθόνης, είναι να παρουσιάζονται το δυνατόν περισσότερες επιλογές στο χρήστη, στις εφαρμογές λειτουργεί περισσότερο η λογική των “κρυμμένων” μενού επιλογών και εργαλείων τα οποία εμφανίζονται στο χρήστη τη στιγμή που πρέπει, δίνοντάς του έτσι περισσότερο χώρο για το καθαρό περιεχόμενο (κείμενο, εικόνα κλπ.)</li>
<li><strong>Χρήση των δυνατοτήτων των touch screen</strong>. Όσο εξαπλώνονται τα κινητά νέας γενιάς (smartphones) τόσο περισσότερο οι χρήστες εξοικειώνονται με τα gestures. “Κινήσεις” όπως το scroll down στην οθόνη ή η ανακίνηση (shake) ολόκληρης της συσκευής για να εμφανιστεί ένα κρυμμένο πεδίο αναζήτησης ή για να ανανεωθούν τα δεδομένα που παρουσιάζονται αρχίζουν να υιοθετούνται ολοένα και περισσότερο από τους σχεδιαστές των εφαρμογών.</li>
</ol>
<p><a href="http://nassoskappa.com/wp-content/uploads/2011/06/072.png"><img class="alignleft size-medium wp-image-3405" title="072" src="http://nassoskappa.com/wp-content/uploads/2011/06/072-245x300.png" alt="" width="280" /></a>Τελειώνοντας, βλέπουμε ότι το Mobile Web Design και το Mobile App Design είναι δύο ξεχωριστές ενότητες του κλάδου του Web Design με τους δικούς τους κανόνες και περιορισμούς. Οι επαγγελματίες σχεδιαστές θα πρέπει να γνωρίζουμε ότι ασχολούμαστε με ένα μέσο το οποίο επιδέχεται συνεχώς αλλαγές και, συνεπώς, απαιτεί τη συνεχή προσαρμογή και ανάπτυξη των δεξιοτήτων μας, ενώ θα πρέπει να μη ξεχνάμε δύο βασικά πράγματα: α) να λαμβάνουμε υπ’όψιν ότι οι βασικές αρχές του σχεδιασμού οπτικής επικοινωνίας παραμένουν οι ίδιες, ενώ οι ιδιαιτερότητες και οι δυσκολίες θα πρέπει να αντιμετωπίζονται ως πρόκληση για συνεχή αναζήτηση λύσεων και μεθόδων και, β) όπως σε κάθε άλλη εφαρμοσμένη τέχνη, υπάρχει κάποιος για τον οποίο κάνουμε όλα αυτά, ο χρήστης/θεατής/αναγνώστης, ο οποίος δεν είμαστε μόνο εμείς.</p>
<p>&nbsp;</p>
<div class="info-box">Το άρθρο γράφτηκε για το τεύχος #72 του <a href="http://www.designmag.gr/" target="_blank"><strong>περιοδικού +Design</strong></a> το οποίο <a href="http://www.designmag.gr/newsyn/2119" target="_blank">κυκλοφορεί</a> με νέο λογότυπο (το τέταρτο από την ίδρυσή του) και εντελώς νέο layout από τους <strong>Designers United</strong>.</div>
<p>&nbsp;</p>
<p>Απαντήσεις στο <a href="mailto:nassoskappa@me.com" target="_blank">email</a> ή στο <a href="http://twitter.com/nassoskappa" target="_blank">twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://nassoskappa.com/design/mobile-web-app-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

