<?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>Freelancing.gr Blog</title>
	<atom:link href="http://blog.freelancing.gr/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.freelancing.gr</link>
	<description>Articles, opinions, suggestions! Fresh content that reveals the valuable world of outsourcing.</description>
	<lastBuildDate>Wed, 23 Mar 2011 12:40:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Βέλτιστες Πρακτικές και Εργαλεία για μια Φιλική προς τα Κινητά Ιστοσελίδα.</title>
		<link>http://blog.freelancing.gr/2011/03/22/website-%cf%86%ce%b9%ce%bb%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%82-%ce%ba%ce%b9%ce%bd%ce%b7%cf%84%ce%ac/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=website-%25cf%2586%25ce%25b9%25ce%25bb%25ce%25b9%25ce%25ba%25ce%25ac-%25cf%2580%25cf%2581%25ce%25bf%25cf%2582-%25ce%25ba%25ce%25b9%25ce%25bd%25ce%25b7%25cf%2584%25ce%25ac</link>
		<comments>http://blog.freelancing.gr/2011/03/22/website-%cf%86%ce%b9%ce%bb%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%82-%ce%ba%ce%b9%ce%bd%ce%b7%cf%84%ce%ac/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 09:29:55 +0000</pubDate>
		<dc:creator>freelancing.gr</dc:creator>
				<category><![CDATA[Τεχνολογίες]]></category>
		<category><![CDATA[Χρήσιμες Συμβουλές]]></category>
		<category><![CDATA[mobile friendly]]></category>
		<category><![CDATA[mobile internet]]></category>
		<category><![CDATA[smart phones]]></category>

		<guid isPermaLink="false">http://blog.freelancing.gr/?p=8</guid>
		<description><![CDATA[Τα νούμερα είναι σίγουρα ψαρωτικά! Οι προβλέψεις κάνουν πλέον λόγο για 1,6 δισεκατομμύρια χρήστες του internet μέσω κινητών μέχρι το 2013. Οπότε και οι ανάγκες πλέον για website φιλικά προς τις μικρές οθόνες καθίστανται μη αμφισβητήσιμες. Όποιος ενδιαφέρεται σοβαρά για να έχει μερίδιο στην επισκεψιμότητα του άμεσου μέλλοντος, θα πρέπει να αρχίσει να κινείται πάνω σε κάποιες βέλτιστες πρακτικές και εργαλεία τα οποία θα επιτρέπουν την πρόσβαση στους ολοένα και αυξανόμενους χρήστες των smart phones και των tablet pc. Στο παρόν άρθρο σας παρουσιάζουμε μια τέτοια συλλογή από πρακτικές και εργαλεία.]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste">Τα νούμερα είναι σίγουρα ψαρωτικά! Οι προβλέψεις κάνουν πλέον λόγο για 1,6 δισεκατομμύρια χρήστες του internet μέσω κινητών μέχρι το 2013. Οπότε και οι ανάγκες πλέον για website φιλικά προς τις μικρές οθόνες καθίστανται μη αμφισβητήσιμες. Όποιος ενδιαφέρεται σοβαρά για να έχει μερίδιο στην επισκεψιμότητα του άμεσου μέλλοντος, θα πρέπει να αρχίσει να κινείται πάνω σε κάποιες βέλτιστες πρακτικές και εργαλεία τα οποία θα επιτρέπουν την πρόσβαση στους ολοένα και αυξανόμενους χρήστες των smart phones και των tablet pc. Στο παρόν άρθρο σας παρουσιάζουμε μια τέτοια συλλογή από πρακτικές και εργαλεία. Ξεκινάμε…</div>
<h3>Σχεδιασμός Website με Βάση τα Κινητά</h3>
<div>Δεν υπάρχει λόγος να περιμένει κάποιος το τελικά διαμορφωμένο του προϊόν – υπηρεσία, προκειμένου να αρχίσει να σκέπτεται του χρήστες του internet της κινητής. Και αυτό γιατί ακριβώς ο σχεδιασμός με βάση τα κινητά έχει κάποια άμεσα οφέλη:</div>
<div>
<ul>
<li><strong>Η Απλότητα είναι Πολυτέλεια.</strong> Τα παλιά site, τα οποία έδιναν απλόχερα χώρο σε όμορφα javascript και flash εφέ, φωτογραφίες και εντυπωσιακά intro, έχουν πλέον ξεπεραστεί. Η απλότητα είναι το κλειδί. Και αυτό γιατί οι οθόνες των smart phones (εξαιρούνται τα tablet pc) είναι αρκετά μικρές ώστε να κάνουν επώδυνη την εμπειρία του χρήστη ο οποίος θα χρειαστεί να σκρολάρει ψάχνοντας το περιεχόμενο του ανάμεσα σε πολλές εικόνες. Και αν τα smart phones έπονται, τα μικρά και ευέλικτα netbooks έχουν εγκατασταθεί στη ζωή μας εδώ και μερικά χρόνια ήδη. Επίσης, σε ότι αφορά το flash και την javascript, καλό θα είναι να κρατάμε στο μυαλό μας ότι δεν υποστηρίζονται από τους περιηγητές όλων των κινητών, οπότε η χρήση τους στα βασικά στοιχεία του site όπως μενού πλοήγησης και φόρμες επιλογών, καθίσταται απαγορευμένη.</li>
<li><strong>Απλά Μενού Πλοήγησης.</strong> Αν κάποιος χρήστης κινητού μπει στη διαδικασία να ψάχνει το περιεχόμενο που τον ενδιαφέρει μέσα από πολύπλοκα μενού δύο, τριών ή και περισσότερων επιπέδων, το πιο πιθανό είναι ότι θα εγκαταλείψει την αναζήτηση του. Αυτό φυσικά, δεν ισχύει μόνο για τους χρήστες των κινητών αλλά και για τους συμβατικούς χρήστες του διαδικτύου αφού η πληθώρα επιλογών στα αποτελέσματα μιας αναζήτησης και ο ανταγωνισμός είναι τόσο μεγάλα, ώστε κάθε site έχει στη διάθεση του μόλις μερικά δευτερόλεπτα προκειμένου να κρατήσει το ενδιαφέρον του επισκέπτη.</li>
<li><strong>Το Μέγεθος είναι Σημαντικότερο από την Τέχνη!</strong> Δεν είναι φυσικά έτσι όπως ακούγεται, απλώς η κινητή έκδοση του website θα πρέπει να είναι εξαιρετικά ελαφριά. Υπάρχουν χρήστες κινητού internet με περιορισμούς ως προς το bandwidth, για τους οποίους, ένα βαρύ σε πόρους site θα είναι πλήρως απρόσιτο. Σχεδιάζουμε λοιπόν site με απλό κώδικα, λιτά γραφικά και κατάλληλη κωδικοποίηση στα βίντεο που χρησιμοποιούμε.</li>
<li><strong>Αναγνώριση του Τύπου του Κινητού.</strong> Καλό θα είναι να υπάρχουν εκδόσεις του site βελτιστοποιημένες για τους αντίστοιχους τύπους κινητών, οπότε είναι απαραίτητος και ο αντίστοιχος κώδικας ανίχνευσης αυτού του τύπου. Για τους οπαδούς του ελεύθερου λογισμικού και της PHP, μπορείτε να βρείτε <a title="Detect Mobile Browsers" href="http://detectmobilebrowsers.mobi/" target="_blank">εδώ τον κατάλληλο κώδικα</a>, το αντίστοιχο <a title="Mobile Joomla Extension" href="http://www.mobilejoomla.com/" target="_blank">Mobile Joomla Extension</a>, και ένα σχετικό <a title="Mobile Detection with Varnish and Drupal" href="http://fangel.github.com/mobile-detection-varnish-drupal/" target="_blank">άρθρο για τους οπαδούς του Drupal</a>.</li>
</ul>
</div>
<h3>Ζητείστε Βοήθεια</h3>
<div style="float: right; padding-left: 5px;"><a href="http://blog.freelancing.gr/wp-content/uploads/2011/03/mobile-internet.jpg"><img class="alignnone size-medium wp-image-9" title="Mobile Friendly Experience" src="http://blog.freelancing.gr/wp-content/uploads/2011/03/mobile-internet-300x200.jpg" alt="Γραφικό για ιστοσελίδες φιλικές προς τους χρήστες smart phones." width="300" height="200" /></a></div>
<div>Ο σχεδιασμός για το internet της κινητής στηρίζεται σε διαφορετική λογική από αυτήν του παραδοσιακού σχεδιασμού των ιστοσελίδων και είναι αρκετά δύσκολος. Ιδίως λοιπόν σε περιπτώσεις όπου υπάρχει πίεση χρονική ή δεν υπάρχει η κατάλληλη εμπειρία για πειραματισμούς, καλό θα ήταν να ξεκινήσουμε χρησιμοποιώντας κάποια συγκεκριμένα έτοιμα εργαλεία:</div>
<div>
<ul>
<li><strong>WPTouch</strong>: Για τα blog της WordPress το <a title="WPTouch" href="https://www.bravenewcode.com/store/plugins/wptouch-pro/" target="_blank">WPTouch</a> είναι το ιδανικό plugin το οποίο εμφανίζει αυτόματα εκδόσεις του blog βελτιστοποιημένες για iPhone, iPod, Android, Blackberry, Palm OS και Samsung Touch. Το WPTouch δίνει τη δυνατότητα επεξεργασίας ενός νέου theme χωρίς να χρειαστεί να πειράξουμε το ήδη υπάρχον.</li>
<li><strong>MoFuse</strong>: Για όσους ψάχνουν για ένα καλό CMS για κινητές συσκευές, το <a title="MoFuse" href="http://www.mofuse.com/" target="_blank">MoFuse</a> αποτελεί μια εξαιρετική επιλογή. Χρησιμοποιώντας τα RSS της ιστοσελίδας μας, το MoFuse δημιουργεί εύκολα και γρήγορα μια έκδοση του site μας για όλες τις γνωστές πλατφόρμες κινητής. Σε περίπτωση μη ύπαρξης RSS, το MoFuse παρέχει ένα ιδιαίτερα εύκολο και εύχρηστο περιβάλλον σχεδιασμού για κινητά.</li>
<li><strong>Mobify</strong>: Ένα άλλο δημοφιλές CMS για κινητά site είναι το <a title="Mobify" href="http://mobify.me/" target="_blank">Mobify</a>, το οποίο επιτρέπει την επιλογή του κατάλληλου περιεχομένου από μια υπάρχουσα ιστοσελίδα, το οποίο θα προωθείται προς την αντίστοιχη έκδοση για τα κινητά.</li>
</ul>
</div>
<h3>Συνεχείς Έλεγχοι</h3>
<div>Μέχρι πρόσφατα ήταν γνωστή η ανάγκη ελέγχου του webstite στους διάφορους δημοφιλείς περιηγητές (browsers). Πλέον έφτασε η εποχή όπου θα πρέπει να ελέγχουμε συνεχώς την παρουσίαση του website μας όχι  μόνο για τις δημοφιλείς πλατφόρμες κινητής, αλλά και για τα διαφορετικά smart phones που κυκλοφορούν στην αγορά. Παρακάτω παρατίθεται μια λίστα από κάποιους δημοφιλείς εξομοιωτές κινητών που μας κάνουν τη ζωή εύκολη:</div>
<div>
<ul>
<li><strong>Blackberry</strong>: Το <a title="Blackberry Device Simulator" href="http://www.blackberry.com/developers/downloads/simulators/" target="_blank">Blackberry Device Simulator</a> είναι ένα εξαιρετικό περιβάλλον στο οποίο μπορούμε να ελέγχουμε εύκολα, αν και κατά πόσο μπορεί ένας blackberry χρήστης να πλοηγηθεί στο site μας.</li>
<li><strong>Android</strong>: Για να μπορέσετε να δείτε το site σας με τα μάτια ενός χρήστη συσκευής Android, το <a title="Android Emulator SDK" href="http://developer.android.com/guide/developing/tools/emulator.html" target="_blank">Android Emulator SDK</a> αποτελή μια αξιόπιστη επιλογή.</li>
<li><strong>iPhone</strong>: Το <a title="iPhone Simulator" href="http://iphone-simulator.com/" target="_blank">iPhone Simulator</a> είναι ένα πολύ καλό εργαλείο το οποίο επιτρέπει τον έλεγχο της παρουσίασης του website μας σε iPhone, σε κατακόρυφη αλλά και οριζόντια προβολή.</li>
</ul>
</div>
<div>Κλείνοντας, θα πρέπει ακόμη μια φορά να τονίσουμε ότι ο σχεδιασμός ενός mobile site μπορεί να είναι εύκολος, δύσκολος, πολύπλοκος ή εξαιρετικά απλός. Με την εποχή όμως του internet της κινητής προ των πυλών, είναι σαφές ότι εκεί που δεν υπάρχει καμία επιλογή είναι στην ανάγκη ύπαρξης έκδοσης της ιστοσελίδας μας για κινητά. Πείτε μου σας παρακαλώ ότι έχετε καταστρώσει τη mobile στρατηγική σας για την επόμενη μέρα…</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.freelancing.gr/2011/03/22/website-%cf%86%ce%b9%ce%bb%ce%b9%ce%ba%ce%ac-%cf%80%cf%81%ce%bf%cf%82-%ce%ba%ce%b9%ce%bd%ce%b7%cf%84%ce%ac/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

