Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble

Anastasis

Moderators
 View Profile  See their activity

  • Content Count

    304

  • Joined

  • Last visited

  • Days Won

    2

  • Feedback

    N/A

Everything posted by Anastasis

  1. Anastasis
    βάζουμε στο head (ανάμεσα στο <head> και το </head>) αυτό: κώδικας: <style type="text/css"> A:LINK {text-decoration: none;} A:ACTIVE {text-decoration: none;} A:VISITED {text-decoration: none;} A:HOVER {text-decoration: none;} </style>
  2. Anastasis
    Για να κάνουμε την σελίδα μας να εμφανίζεται πάντα στα ελληνικά θα πρέπει να το δηλώσουμε με κάποια meta tags μέσα στην περιοχή head του html αρχείου μας. Δηλαδή μετά το <head> και πριν το </head>... Πχ. κώδικας: <head> <meta http-equiv=Content-Type content="text/html; charset=iso-8859-7"> <meta http-equiv="Content-Language" content="el"> </head> αυτές οι δύο εντολές meta που βάλαμε λένε στον browser του επισκέπτη μας ότι η σελίδα μας είναι γραμμένη στα ελληνικά και θα πρέπει να του την εμφανίσει με ελληνική γραμματοσειρά...
  3. Anastasis
    Μπορείτε να αλλάξετε τα χρώματα στην scrollbar και να την κάνεται στα χρώματα της σελίδας σας. Για να το κάνετε αυτό χρησιμοποιείτε τον παρακάτω κώδικα : κώδικας: body { scrollbar-face-color: HEXCODE; scrollbar-arrow-color: HEXCODE; scrollbar-track-color: HEXCODE; scrollbar-3dlight-color: HEXCODE; scrollbar-highlight-color: HEXCODE; scrollbar-shadow-color: HEXCODE; scrollbar-darkshadow-color: HEXCODE; } Τα υπόλοιπα χρώματα τα βλέπετε στον κώδικα παραπάνω ! Δοκιμάστε τα με διαφορετικούς συνδιασμούς χρωμάτων για να δείτε τις διαφορές. Επίσης πολλές φορές δεν μπορείτε να πετύχετε ακριβώς το χρώμα του background ! Σε αυτή την περίπτωση χρησιμοποιείστε τον κώδικα : κώδικας: body { scrollbar-base-color: HEXCODE; }
  4. Anastasis
    Ο Filter είχε βγάλει παλιότερα ένα βοήθημα το οποίο είχε την ονομασία: Ορίστε κάποια πράγματα στο link για το email ! Έτσι τώρα εγώ σας παρουσιάζω ένα νέο βοήθημα το οποίο σας αναφέρει πώς να ορίσετε κάποια πράγματα για τα link της σελίδα σας. Λοιπόν ένα απλό link σε μία σελίδα θα είναι κάπως έτσι: κώδικας: <a href="http://www.freestuff.gr">Freestuff.gr</a> Όπου στον κώδικα μας όπου βλέπουμε το href= είναι η περιοχή στην οποία θέλουμε να πηγαίνει το link μας και εκεί που υπάρχει το Freestuff.gr βάζουμε το όνομα που θέλουμε να έχει ο δεσμός μας. Όταν τώρα θέλουμε να ανοίγει η σελίδα που έχουμε βάλει στο link μας σε νέο παράθυρο τότε βάζουμε: κώδικας: <a href="http://www.freestuff.gr" target="_blank" >Freestuff.gr</a> Προσθέτουμε δηλαδή το κομμάτι target="_blank" λέμε δηλαδή να ανοίξει τον δεσμό μας σε νέο άδειο παράθυρο προσθέτοντας μέσα τα περιεχόμενά του. Τι γίνετε τώρα εάν έχουμε κάποιο iframe στην σελίδα μας και θέλουμε το link μας να ανοίγει το περιεχόμενο μέσα στο frame μας; Ας υποθέσουμε πως ο κώδικας στο iframe μας είναι ο εξής: κώδικας: <IFRAME name=main src="main.html" frameBorder=0 width="100%" height=339></IFRAME> Βλέπουμε πως έχουμε ορίσει το όνομα του iframe σε main. Οπότε το Link μας θα έχει την εξής μορφή: κώδικας: <A href="main.html" target="main">Περιεχόμενο</a> Επίσης ίσως θα θέλετε να περάσετε κάποιο style στο link σας έτσι ώστε να μην παίρνει την αρχική μορφή του. Έτσι ο κώδικας μας είναι ο εξής: κώδικας: <a href="http://www.freestuff.gr" target="_blank" class="Links2">Freestuff.gr</a> Όπου class="Links2" βάζουμε το δικό μας στοιχείο μέσα από το style που έχουμε δημιουργήσει. Πολλές φορές βλέπουμε σε κάποια links να υπάρχει το εξής περίεργο. Όταν πηγαίνεις πάνω του τότε αυτόματα στην status bar δημιουργείτε κάποιοι κείμενο. Αυτό γίνετε εάν προσθέσουμε στον κώδικα μας ένα πολύ μικρό χαρακτηριστικό: κώδικας: <a href="http://www.freestuff.gr" target="_blank" onMouseOver="window.status='Freestuff.gr'; return true;" onMouseOut="window.status=''; return true;">Freestuff.gr - Free Internet Services</a> Προσθέσαμε δηλαδή το κομμάτι: κώδικας: onMouseOver="window.status='Freestuff.gr'; return true;" onMouseOut="window.status=''; return true;" Τι κάνουμε τώρα με αυτό το κομμάτι. Λέμε στο link μας πως όταν ο επισκέπτης θα πάει το mouse πάνω στον δεσμό μας τότε στην Status bar γράψε Freestuff.gr (onMouseOver="window.status='Freestuff.gr'; return true;"). Μετά επιστρέψουμε της status bar στο κανονικό: onMouseOut="window.status=''; return true;"> Εάν θέλουμε όταν πάρει το mouse πάνω από το link να γράφει κάτι άλλο τότε τον παραπάνω κώδικα τον αντικαθιστούμε με αυτό: onMouseOut="window.status='Freestuff.gr - Ελληνικό Portal'; Όπου αντί να μην γράφει τπτ η status bar μας θα γράφει Freestuff.gr – Ελληνικό Portal Τώρα ακόμη κάτι το οποίο μας προκαλεί περιέργεια. Έχετε παρατηρήσει πως κάποιες φορές όταν αφήσεις το link σου πάνω στον δεσμό πως ανοίγει ένα κίτρινο κουτάκι το οποίο γράφει κάποια πράγματα; Αυτό μπορείτε να το κάνετε προσθέτοντας στο link σας το εξής στοιχείο title="Freestuff.gr – Αρχκή σελίδα" Έτσι το link σας ολοκληρωμένο θα είναι: κώδικας: <a href="http://www.freestuff.gr" target="_blank" onMouseOver="window.status='Freestuff.gr'; return true;" onMouseOut="window.status=''; return true;" title="Freestuff.gr – Αρχκή σελίδα">Freestuff.gr - Free Internet Services</a> Μπορώ να κάνω ένα κουμπί να φέρετε σαν δεσμός; Βεβαίως με ένα πολύ απλό κομμάτι κώδικα. Θα ήταν καλή ιδέα να το κάνετε αυτό αλλά προσοχή γιατί τα κουμπιά για δεσμούς δεν θα είναι και τόσο όμορφα για την σελίδα σας. Βέβαια θα μπορούσατε να βάλετε μερικά και να προσθέσετε και κάποιο style για να τα ομορφύνετε και να μην τα έχετε με ένα απλό γρι όπως είναι τα προεπιλεγμένα κουμπιά φορμών. Ο κώδικας για να κάνετε ένα κουμπί δεσμό είναι ο εξής: κώδικας: <form><input type="button" value="Freestuff.gr" onClick="window.location.href='http://www.freestuff.gr'"></form> Όπου value βάζετε το όνομα το οποίο θέλετε να έχει το κουμπί σας και όπου window.location.href βάζετε το url που θέλετε να πηγαίνει το κουμπί σας. Θα πρέπει να αναφέρουμε και κάτι ακόμη το οποίο θα μας χρησιμεύσει αρκετά. Μπορούμε να βάλουμε link το οποίο θα πηγαίνει σε κάποιο σημείο της σελίδας μας. Αυτό που πρέπει να κάνουμε είναι να βάλουμε τα εξής στοιχεία: κώδικας: <a name="top"></a> Αυτό στο σημείο το οποίο θέλουμε να πηγαίνει το εσωτερικό μας link και το link μας πρέπει να είναι κάπως έτσι: κώδικας: <a href="#top">Επιστροφή στην αρχή</a> Όπου top και στα 2 κομμάτια κώδικα είναι το όνομα το οποίο θέλουμε να βάλουμε στο σημείο στο οποίο θα πηγαίνει η σελίδα μας. Τι είδους link μπορώ να έχω; Μπορείτε να έχετε links τα οποία εκτός από σελίδες θα μπορούν να οδηγούν και σε άλλα: Url – http:// Ftp – ftp:// Email Someοnone – mailto: Telnet – telnet:// Νομίζω ένα αρκετά αναλυτικό βοήθημα. Προσθέστε το σε αυτά εάν θέλετε.
  5. Anastasis

    Scrolling div

    Anastasis posted a topic in Html

    Τα Scrolling div μπορούν να χρησιμοποιηθούν σε μια σελίδα αντί για iframes ! κώδικας: <div style="background: #ffffff; overflow: auto; width:200px; height:150px;">Τοποθετήστε εδώ το περιεχόμενο.... Μπορείτε επίσης να χρησιμοποιήσετε HTML !!!</div> Επεξήγηση του κώδικα : Tο χρώμα του background του DIV κώδικας: background: #ffffff; Πρέπει να ορίσετε το overflow σε auto για να δουλεύει το scroll, αλλιώς θα εξαφανιστεί η scrollbar κώδικας: overflow: auto; Και το μόνο που μένει είναι να ορίσετε τις διαστάσεις του DIV κώδικας: width:200px; height:150px;
  6. Anastasis
    εάν θέλουμε η σελίδα μας να ανανεώνετε κατά τακτά χρονικά διαστήματα μπροστά στα μάτια του επισκέπτη μας και χωρίς αυτός να χρειαστεί να κάνει τίποτα μπορούμε να προσθέσουμε αυτή την απλή γραμμή μέσα στην περιοχή <HEAD> του HTML αρχείου μας κώδικας: <meta http-equiv="refresh" content="20; url=index.html"> με αυτήν την γραμμή η σελίδα μας (index.html) θα ανανεώνετε αυτόματα κάθε 20 δευτερόλεπτα. το ίδιο αποτέλεσμα έχουμε και με το παρακάτω javascript, όταν το τοποθετήσουμε στην περιοχή <HEAD> του HTML αρχείου μας, το οποίο δείχνει στην μπάρα του επισκέπτη μας πόσα δεύτερα απομένουν για να γίνει η ανανέωση της σελίδα μας... εδώ τα δευτερόλεπτα τα ορίζουμε στην δήλωση του refreshinterval κώδικας: <script language="JavaScript"> // CREDITS: // Automatic Page Refresher by Peter Gehrig and Urs Dudli // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com. // 8/30/2001 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a link to http://www.24fun.com on the webpage // where this script will be running. /////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE // Configure refresh interval (in seconds) var refreshinterval=20 // Shall the coundown be displayed inside your status bar? Say "yes" or "no" below: var displaycountdown="yes" // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////// // Do not edit the code below var starttime var nowtime var reloadseconds=0 var secondssinceloaded=0 function starttime() { starttime=new Date() starttime=starttime.getTime() countdown() } function countdown() { nowtime= new Date() nowtime=nowtime.getTime() secondssinceloaded=(nowtime-starttime)/1000 reloadseconds=Math.round(refreshinterval-secondssinceloaded) if (refreshinterval>=secondssinceloaded) { var timer=setTimeout("countdown()",1000) if (displaycountdown=="yes") { window.status="Page refreshing in "+reloadseconds+ " seconds" } } else { clearTimeout(timer) window.location.reload(true) } } window.onload=starttime </script> το παραπάνω script το βρήκαμε στην πλούσια συλλογή του http://www.grjava.com/
  7. Anastasis
    πρώτα δίνουμε ένα όνομα στο IFRAME μας με την ιδιότητα name που μας παρέχει πχ myframe κώδικας: <IFRAME src="famepage01.html" width=300 height=300 name="myframe"></IFRAME> και μετά σε άλλο σημείο της σελίδας μας μπορούμε να γράψουμε κώδικας: <a href="famepage02.html" target="myframe">page 02</a> που βασικά λέει στον browser να εμφανίσει τα περιεχόμενα της σελίδας famepage02.html μέσα στο myframe που ορίσαμε προηγουμένως...
  8. Anastasis
    Η HTML5 μας έφερε το element canvas για το οποίο και θα κάνουμε μία μικρή εισαγωγή εδώ. Το canvas στο HTML μας γράφεται έτσι: κώδικας: <canvas /> και ουσιαστικά δεν κάνει και πολλά πράγματα από μόνο του. Χρειάζεται να το εντοπίσουμε (όπου βρίσκεται μέσα στο DOM) και να το επεξεργαστούμε μέσω JavaScript. Ουσιαστικά το canvas είναι ένας καμβάς (ας πούμε τελάρο ζωγραφικής) και μας δίνει ένα API για να κάνουμε πράγματα πάνω του. Συγκεκριμένα μας επιτρέπει να ζωγραφίσουμε, αλλά και να ρωτήσουμε για τιμές χρωμάτων που έχει πάνω του. Το παράδειγμα προυποθέτει το εξής βασικό HTML: κώδικας: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body { margin: 0; padding: 0; } canvas { border: 1px solid #777; margin: 2em auto; display: block; } p.no-canvas { color: red; font-size: 2em; } </style> </head> <body> <canvas width="500" height="400" id="demo"><p class="no-canvas">no canvas support</p></canvas> </body> <html> Για όσους δεν έχουν ξαναδεί HTML5, to DOCTYPE (η πρώτη γραμμή πάνω) μπορεί να φανεί περίεργη και λιτή. Είναι το DOCTYPE του HTML5 και μπορούμε άφοβα να το χρησιμοποιούμε από τώρα. Οπότε δηλώνουμε ένα απλό σκελετό HTML με ένα μόνο element (το canvas) στο οποίο έχουμε πει οτι θέλουμε περιβάλλον ζωγραφικής μεγέθους 500x400 pixels. Αυτό δηλώνεται πάνω στο element μέσω HTML (ή JavaScript) ως παράμετροι του, και όχι ως δηλώσεις στο CSS. Αν το βάζαμε στο CSS τότε η ενεργή περιοχή ζωγραφικής δεν θα μεγάλωνε σε αριθμό pixels αλλά ως εμφάνιση (δηλαδή απλά θα έκανε zoom/"ξεzoom"). Τέλος, το περιεχόμενο του canvas είναι ένα κομμάτι HTML το οποίο θα εμφανιστεί στους browsers που δεν υποστηρίζουν canvas. Οπότε πχ στον IE6 θα εμφανιστεί ένα <p> με ανάλογο μήνυμα και class για να στυλάρουμε από το CSS. Με αυτό το βασικό setup το μόνο που βλέπουμε είναι ένα κεντραρισμένο πλαίσιο στο browser διαστάσεων 500x400. Αφού έχουμε το βασικό setup πρέπει να εντοπίσουμε το canvas μας μέσω JavaScript για να μπορούμε να κάνουμε πράγματα. κώδικας: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body { margin: 0; padding: 0; } canvas { border: 1px solid #777; margin: 2em auto; display: block; } p.no-canvas { color: red; font-size: 2em; } </style> </head> <body> <canvas width="500" height="400" id="demo"><p class="no-canvas">no canvas support</p></canvas> <script type="text/javascript"> var canvas = document.getElementById("demo"); </script> </body> <html> Μέσα σε ένα JavaScript block πιάσαμε το canvas και τώρα είμαστε έτοιμοι να ζωγραφίσουμε. Από εδώ και πέρα οι JavaScript εντολές ανήκουν σε αυτό το block. κώδικας: var context = canvas.getContext("2d"); context.fillStyle = 'rgb(255, 0, 0)'; context.fillRect(10, 10, 100, 50); Από το canvas παίρνουμε ένα context. Το περιβάλλον δηλαδή με το οποίο θα αλληλεπιδράμε. Προσέξτε τη παράμετρο "2d" που μας λέει οτι θέλουμε το δισδιάστατο περιβάλλον. Υπάρχει και "3d" για όποιους browsers το υποστηρίζουν. Στη συνέχεια πάνω στο context δηλώνουμε το fillStyle δηλαδή το χρώμα με το οποίο θα βάψουμε. Αυτό γίνεται με διάφορους τρόπους όπως ακριβώς και στο CSS. Δηλαδή θα μπορούσαμε να πούμε 'red' ή '#ff0000' ή και 'rbga(255, 0, 0, 0.5)' αν θέλουμε transparency. Τέλος βάφουμε τετράγωνη επιφάνεια που ορίζεται από το πάνω αριστερά σημείο 10, 10 στο κάτω δεξιά 100, 50. Ας κάνουμε και μερικές γραμμές. Το canvas είναι δικό μας και κάνουμε ότι θέλουμε (όπως έλεγε και ο Bob Ross). κώδικας: context.strokeStyle = 'blue'; context.lineWidth = 10; context.beginPath(); context.moveTo(100, 50); context.lineTo(200, 70); context.stroke(); Το API για τις γραμμές είναι λίγο πιο πολύπλοκο. Αφού πούμε με τι χρώμα και πάχος θέλουμε να ζωγραφίσουμε του λέμε οτι ξεκινάμε ένα path. Στη συνέχεια μετακινούμε την έναρξη του path στο σημείο 100, 50 και κάνουμε γραμμή έως το 200, 70. Τέλος του λέμε να το ζωγραφίσει. Μέσα στο ίδιο path μπορούμε να κάνουμε πολλές γραμμές, είτε συνεχόμενες είτε ανεξάρτητες. κώδικας: context.strokeStyle = '#44ff88'; context.lineWidth = 4; context.beginPath(); context.moveTo(10, 200); context.lineTo(200, 200); context.lineTo(170, 300); context.lineTo(300, 290); context.stroke(); context.strokeStyle = '#66bbdd'; context.lineWidth = 6; context.beginPath(); context.moveTo(300, 110); context.lineTo(340, 120); context.moveTo(300, 140); context.lineTo(350, 150); context.moveTo(300, 170); context.lineTo(370, 180); context.moveTo(300, 190); context.lineTo(390, 200); context.stroke(); Ας κάνουμε και μερικούς κύκλους. κώδικας: context.fillStyle = 'rgba(255, 128, 255, 0.5)'; context.beginPath(); context.arc(100, 100, 30, 0, Math.PI*2, true); context.closePath(); context.fill(); context.beginPath(); context.arc(130, 100, 40, 0, Math.PI*2, true); context.closePath(); context.fill(); context.beginPath(); context.arc(160, 100, 50, 0, Math.PI*2, true); context.closePath(); context.fill(); Εδώ έχουμε 3 ανεξάρτητους κύκλους και βλέπουμε και την ωραία επίδραση του 50% transparency που βάλαμε για χρώμα. Αυτά για την ώρα. Πλήρες API έχει στο http://www.whatwg.org/specs/web-apps/current-work/multipage/the-can...he-canvas-element και ένα cheat sheet στο http://simon.html5.org/dump/html5-canvas-cheat-sheet.html Κάποια canvas demos που έχω φτιάξει τα οποία έχουν animation και interaction με το mouse: - http://temp.cherouvim.com/forums/canvas/jc-canvas-demo-13.html - http://temp.cherouvim.com/forums/canvas/jc-canvas-demo-15.html - http://temp.cherouvim.com/forums/canvas/jc-canvas-demo-16.html canvas-demo.txt Description: sample code Download Filename: canvas-demo.txt Filesize: 1.75 KB Downloaded: 382 Time(s)
  9. Anastasis
    Ανοίγουμε το αρχείο που θα ελέγχει αν έχουμε ή όχι κάποιο πρόγραμμα απαραίτητο: Μετά πάμε Behaviors και επιλέγουμε Check Plugin (κάπως έτσι): Μας εμφανίζεται το εξής παράθυρο και επιλέγουμε το plugin που χρειάζεται το site μας: Και εδώ ρυθμίζουμε σε ποια σελίδα θα ανακατευθυνθούν αν έχουν ή αντίστοιχα αν δεν έχουν το κατάλληλο plugin:
  10. Anastasis
    Εδώ έχουμε μία φόρμα επικοινωνίας: Πηγαίνουμε στο μενού "Behaviors" Επιλέγουμε form validation και μας εμφανίζεται αυτό το παράθυρο: Μετά επιλέγουμε το πεδίο που θέλουμε να έχει απαραίτητα email και επιλέγουμε αυτά που σημειώνονται στην εικόνα: Στο επόμενο πεδίο που είναι για το μήνυμα: Και πατάμε OK. Μετά ανοίγουμε την σελίδα σε ένα browser, δεν συμπληρώνουμε κανένα πεδίο και πατάμε "Αποστολή" Το javascript μήνυμα μας ειδοποιεί ότι κάτι δεν έχουμε συμπληρώσει. Μετά συμπληρώνουμε ένα λανθασμένο email και ένα μήνυμα και βλέπουμε: αυτό γίνεται γιατί έχουμε επιλέξει πιο πριν στο πεδίο email να ζητάει e-mail διεύθυνση. Τώρα μπορείτε από εδώ: να αλλάξετε τα μηνύματα. Καλή επιτυχία
  11. Anastasis
    Η σελίδα έχει αναφερθεί ως κακόβουλη! η σελίδα μου έχει δηλωθεί ότι περιέχει κακόβουλο λογισμικό (malaware) και τώρα τι κάνω; το πρώτο που κάνουμε όταν συμβεί αυτό είναι να πάμε στην σελίδα που μας εξηγεί το γιατί η σελίδα μας έχει χαρακτηριστεί έτσι. π.χ. http://safebrowsing.clients.google.com/safebrowsing/diagnostic?clie...ttp://mysite.tld/ εκεί θα δούμε πόσα malaware ή Trojan υπάρχουν στην σελίδα μας. πληροφορίες σχετικές με αυτά μπορούμε να πάρουμε και από την σχετική σελίδα που υπάρχει στα webmaster tools του google http://www.google.com/webmasters/tools/ αλλά και στο stopbadware.org http://www.stopbadware.org/home/reportsearch αφού έχουμε πάρει όλες τις πληροφορίες για τον τύπο της επίθεσης που έχουμε δεχθεί προσπαθούμε να βρούμε την πηγή του για να την εξουδετερώσουμε. . Κοιτάμε για IFRAME κώδικα που έχει προστεθεί στην σελίδα μας, αλλά ελέγχουμε και όλα τα IFRAME που ήδη περιέχει για τον κώδικα που παράγουν (ad server, κτλ) . Κοιτάμε τον κώδικα της σελίδας μας για να δούμε εάν έχει προστεθεί κάποιο javascript που δεν έχουμε βάλει εμείς. . Κοιτάμε το .htaccess για redirects που δεν έχουμε βάλει εμείς. . Κοιτάμε για links προς σελίδες που μπορεί να περιέχουν κακόβουλο λογισμικό. . Κοιτάμε τα downloads που έχουμε μην έχει μπει κάποιο που χαρακτηρίζετε κακόβουλο ή spyware. Αφού έχουμε ταυτοποιήσει την απειλή, την έχουμε εξουδετερώσει κι έχουμε κλείσει και τις τρύπες στο λογισμικό μας που επέτρεψαν της αλλαγές αυτές (upgrade σε όλα τα scripts, και διαγραφή σε όσα δεν χρησιμοποιούνται) ζητάμε επανέλεγχο της σελίδας μας για να βγει από την λίστα του badware. αυτό γίνετε από το webmasters tools του google http://www.google.com/webmasters/tools/ και από το http://www.stopbadware.org/home/reportsearch αφού κάνουμε το search στο domain. συνήθως μέσα σε λίγες ώρες βγαίνεις από της λίστες, αλλά μέχρι να ενημερωθούν όλα τα datacenter του google και οι firefox/chrome clients που χρησιμοποιούν την υπηρεσία αυτή, θα περάσουν έως και 12 ώρες.
  12. Anastasis
    Κατεβασε το απο εδω φιλε
  13. Anastasis
    Η κατασκευή ιστοσελίδας είναι το σύνολο των διαδικασιών εκείνων που πρέπει να ακολουθηθούν έτσι ώστε το περιεχόμενό μας να δημοσιευθεί και να είναι διαθέσιμο στο διαδίκτυο. Αυτή είναι η δουλειά που κάνει το designhost για εσάς! Η κατασκευή ιστοσελίδων απαιτεί το συνδυασμό τεχνογνωσίας και αισθητικής με τη σωστή μεθοδολογία Τεχνογνωσία κι αισθητική Για να κατασκευαστεί μια ιστοσελίδα με σωστό τρόπο πρέπει να ικανοποιούνται μια σειρά από απαιτήσεις, οι οποίες είναι τόσο τεχνικές όσο και εικαστικές. Διαφορετικά, το αποτέλεσμα δε θα είναι ομοιογενές και δε θα μπορεί να εξυπηρετεί τους επιτυχημένα τους στόχους μας. Η δουλειά του κατασκευαστή ιστοσελίδων είναι να ισορροπήσει τις απαιτήσεις αυτές και να τις ικανοποιήσει στο μέγιστο βαθμό. Ανάλυση απαιτήσεων για την κατασκευή ιστοσελίδας Το πρώτο και βασικότερο βήμα είναι η ιστοσελίδα να αναλυθεί σωστά. Αυτό σημαίνει ότι ο κατασκευαστής της πρέπει να έχει εμβαθύνει στην προσωπικότητα του πελάτη του, είτε αυτός είναι μια μεγάλη εταιρεία είτε ένας ελεύθερος επαγγελματίας. Αν ο τελευταίος έχει ήδη μια ιστοσελίδα από παλιά, οφείλει να ανιχνεύσει γιατί αυτή χρειάζεται ανανέωση. Τι σκοπό θα έχει η νέα ιστοσελίδα; Γιατί δεν τον εξυπηρετεί η παλιά ιστοσελίδα. Σε ποιους απευθύνεται και γιατί; Μόνο γνωρίζοντας καλά το παρελθόν και το παρόν του πελάτη του μπορεί ο κατασκευαστής να προχωρήσει με ασφάλεια στην ίδια την ανάπτυξη της ιστοσελίδας. Αυτή η διαδικασία είναι χρονοβόρα αλλά κρίσιμη και πρέπει να υπάρχει διάθεση και χρόνος και από τις δύο πλευρές ώστε να ολοκληρωθεί με τη μεγαλύτερη δυνατή πληρότητα. Σχεδιασμός ιστοσελίδας (web design) Αφού αναλυθεί με πληρότητα και ακρίβεια η ιστοσελίδα μπορεί να προχωρήσει στο σχεδιασμό της. Στο σημείο αυτό τα ηνία αναλαμβάνει η δημιουργική δεινότητα του γραφίστα (web designer), του ανθρώπου αυτού που μπορεί να αποτυπώσει γραφικά όλα αυτά που η ανάλυση έχει καταγράψει. Ο σχεδιασμός της ιστοσελίδας δεν είναι απλή υπόθεση. Απαιτεί εμπειρία στο διαδίκτυο, γνώσεις σχετικά με την ευχρηστία των συστημάτων και των προγραμμάτων, δυνατότητα σύνθεσης νέων ιδεών και, φυσικά, καλλιτεχνικό πνεύμα. Μετά από αυτό το βήμα μια ιστοσελίδα έχει πάρει όψη. Μένει να πάρει και πνοή. Σωστή ανάλυση, καλαίσθητος σχεδιασμός και ανάπτυξη με σύγχρονες μεθοδολογίες είναι τα βασικά δομικά υλικά για μια επιτυχημένη κατασκευή ιστοσελίδας Για την κατασκευή μιας ιστοσελίδας απαιτείται η συνεργασία ανθρώπων που διαθέτουν καλλιτεχνικές αρετές, από τη μία, και υψηλή τεχνογνωσία, από την άλλη Ανάπτυξη ιστοσελίδας (web development) Το καθοριστικό βήμα στην κατασκευή μιας ιστοσελίδας είναι η τελική ανάπτυξή της. Τότε η ιστοσελίδα αποκτά ζωή. Γίνεται λειτουργική, αποκτά περιεχόμενο και είναι πλέον έτοιμη για δημοσίευση. Η ανάπτυξη (web development) απαιτεί πολύ καλή και συνδυαστική γνώση των πιο σύγχρονων τεχνολογιών του διαδικτύου. Ο κώδικας πρέπει να είναι καθαρός, καλογραμμένος και αναγνώσιμος από τις μηχανές αναζήτησης, όλοι οι browsers να υποστηρίζονται με τον ομαλότερο τρόπο και η δομή να είναι καλά σχεδιασμένη και επεκτάσιμη. Δημιουργικότητα Σε όλη αυτή τη διαδρομή καταλύτη αποτελεί ο χαρακτήρας και η προσωπικότητα των ανθρώπων που αναλαμβάνουν την κατασκευή της ιστοσελίδας. Στο Nevma πιστεύουμε ακράδαντα ότι μια επιτυχημένη ιστοσελίδα δε μπορεί να αναπτυχθεί χωρίς τη δημιουργική παρέμβαση των ειδικών. Ο «ειδικός» οφείλει να είναι και να φαίνεται ειδικός. Και η μακριά λίστα επιτυχημένων ιστοσελίδων που έχουμε να επιδείξουμε το αποδεικνύει αυτό. Περιεχόμενο και προώθηση Πιστεύουμε, ακόμη, η δημοσίευση μιας ιστοσελίδας στο διαδίκτυο δεν είναι παρά η αρχή της ζωής της σε αυτό. Η πορεία της από εκεί και πέρα είναι μακριά, ενδιαφέρουσα και γεμάτη προκλήσεις. Μια πραγματικά ζωντανή ιστοσελίδα παρέχει χρήσιμο και πλούσιο περιεχόμενο που ανανεώνεται τακτικά και προκαλεί τους χρήστες της να επανέλθουν ξανά και ξανά. Το καλό περιεχόμενο είναι ο «βασιλιάς», λένε αυτοί που γνωρίζουν το internet. Αλλά για να γίνει γνωστή σε όσους απευθύνεται, μια ιστοσελίδα μετά την κατασκευή της, πρέπει να προωθηθεί σωστά και προσεκτικά. Το διαδίκτυο μας δίνει πλέον πληθώρα τρόπων προώθησης και προβολής, που περιλαμβάνουν online διαφημιστικές καμπάνιες (Google Adwords, Facebook campaigns), αξιοποίηση των κοινωνικών δικτύων (Facebook, Twitter, κλπ), email marketing (newsletters), διαφημιστικά banners κα.
  14. Anastasis
    Στο άρθρο αυτό θα επιχειρήσουμε να ορίσουμε και να διαχωρίσουμε μεταξύ τους τις έννοιες του Search Engine Optimization και του SEO Marketing. Με ψυχραιμία, γιατί υπάρχουν πολλοί μύθοι γύρω από αυτές. Σε κάθε περίπτωση, καταλήγουμε στο συμπέρασμα ότι και οι δύο είναι απαραίτητες για μια ολοκληρωμένη και επιτυχημένη προώθηση ενός web site στο internet. Search Engine Optimization (SEO) και SΕO Marketing, δύο διαφορετικές αλλά πολύ χρήσιμες έννοιες Τι είναι το Search Engine Optimization (SEO) Το Search Engine Optimization είναι το σύνολο εκείνων των διαδικασιών που έχουν σκοπό να βελτιστοποιήσουν μια ιστοσελίδα για τις μηχανές αναζήτησης. Κοινή παρανόηση είναι ότι σκοπός του SEO είναι απλά να εμφανίζεται μια ιστοσελίδα ψηλότερα στα αποτελέσματα των μηχανών αναζήτησης. Κάτι τέτοιο από μόνο του θα ήταν παράλογο, μιας και δε μπορεί να ισχύει γενικά, παρά μόνο σε συνδυασμό με συγκεκριμένα λήμματα αναζήτησης (λέξεις κλειδιά – keywords). Αυτό το τελευταίο, που άτυπα ονομάζεται SEO Marketing, είναι, κατά τα άλλα, μια απολύτως εύλογη επιθυμία από τον ιδιοκτήτη μιας ιστοσελίδας και το SEO είναι πράγματι ένας μία από τις μεθόδους που μπορεί να επιστρατεύσει κανείς για να το υλοποιήσει. Αλλά SEO δεν ισοδυναμεί με ψηλή κατάταξη στα αποτελέσματα αναζήτησης. Είναι μια διαδικασία που παίρνει χρόνο, θέλει τεχνογνωσία και ποτέ δε θεωρείται «τελειωμένη», μιας και το internet και το περιεχόμενό του συνεχώς εξελίσσονται. SEO Marketing και Search Engine Optimization Επομένως, είναι απαραίτητο εξαρχής να διαχωρίσουμε τις δύο αυτές έννοιες μεταξύ τους. Search Engine Optimization είναι η βελτιστοποίηση ενός web site για τις μηχανές αναζήτησης γενικά! Διότι ένα web site δεν είναι απαραίτητα φιλικό απέναντί τους αν δεν έχει κατασκευαστεί έτσι. Δοκιμάστε, για παράδειγμα, να δείτε την ιστοσελίδα που έχετε μπροστά σας απενεργοποιώντας τις εικόνες και τα CSS από το browser σας και θα πάρετε μια πρώτη γεύση για τι συναντά μια μηχανή αναζήτησης όταν το «διαβάζει». SEO Marketing, από την άλλη πλευρά, είναι η ad hoc στόχευση για υψηλή κατάταξη στα αποτελέσματα των μηχανών αναζήτησης σε συγκεκριμένα επιθυμητά keywords. Πχ αν πουλάω «επαναφορτιζόμενες τυρόπιτες» τότε θέλω να είμαι στους πρώτους στο keyword «επαναφορτιζόμενες τυρόπιτες». Το πρώτο, το Search Engine Optimization, ικανοποιείται μέσω συγκεκριμένης τεχνογνωσίας που είναι μεν πλήρως καταγεγραμμένη αλλά απαιτεί επιπλέον χρόνο ανάπτυξης, ενώ το δεύτερο, το SEO Marketing, είναι συνδυασμός τεχνογνωσίας και internet marketing. Επιπλέον, το πρώτο είναι απαραίτητο για να έχει καλά αποτελέσματα δεύτερο. Πώς δουλεύουν οι μηχανές αναζήτησης (search engines) Για να τα καταλάβουμε όλα αυτά πρέπει να κατανοήσουμε λίγο τον τρόπο με τον οποίο δουλεύουν οι μηχανές αναζήτησης για να παρουσιάζουν τα αποτελέσματά τους. Πρώτα από όλα «διαβάζουν» τακτικά, ακόμη και αν εμείς δεν το αντιλαμβανόμαστε, τα περιεχόμενα όλων των ιστοσελίδων του διαδικτύου. Όλων; Σχεδόν όλων! Είναι μια τεράστια διαδικασία και παίρνει πολύ χρόνο. Αλλά γίνεται. Έπειτα, εφαρμόζουν ειδικούς αλγορίθμους (μεθοδολογίες, δηλαδή) για να αναλύσουν το περιεχόμενο της εκάστοτε ιστοσελίδας, τη θεματολογία στην οποία αυτή αναφέρεται, το ποιες άλλες ιστοσελίδες έχουν συνδέσμους (links) προς αυτήν κλπ (αυτό λέγεται indexing). Καμία μηχανή αναζήτησης (πχ Google, Yahoo!, Bing, κοκ) δεν έχει αποκαλύψει πλήρως το τι ακριβώς κάνει κατά τη διαδικασία αυτή. Ό,τι γνωρίζουμε προέρχεται από συγκεκριμένα στοιχεία που μας έχουν αποκαλύψει, τις οδηγίες που μας δίνουν και από τα συμπεράσματα που βγάζουμε από τα αποτελέσματα και την εμπειρία. Με την παραπάνω διαδικασία οι μηχανές αναζήτησης καταφέρνουν να «ξέρουν» το περιεχόμενο του internet. Όταν ένας χρήστης αναζητά κάτι σε μια από αυτές, συνήθως, εισάγει ένα ή περισσότερα λήμματα στο πεδίο της αναζήτησης, τα keywords. Τότε, η μηχανή προσπαθεί να συμπεράνει ποιες από τις σελίδες του internet ταιριάζουν καλύτερα σε αυτό που ο χρήστης ζήτησε και του παρουσιάζουν τη σχετική λίστα. Το να είσαι ψηλά στις πρώτες σελίδες αυτής της λίστας είναι στις μέρες μας ζήτημα επιβίωσης (θυμηθείτε τις τυρόπιτες πιο πάνω). Πώς επιτυγχάνεται το search engine optimization Για να βελτιστοποιήσει κανείς ένα web site για τις μηχανές αναζήτησης οφείλει να κάνει δύο βασικά πράγματα. Το πρώτο είναι να το αναπτύξει τεχνικά σωστά και με σύγχρονες μεθοδολογίες. Αυτές είναι γνωστές, καταγεγραμμένες και προτεινόμενες από τις ίδιες τις μηχανές αναζήτησης online (πχ Google webmaster guidelines, Yahoo! search content quality guidelines). Και γιατί τότε δεν είναι όλες οι ιστοσελίδες ήδη optimized για τα search engines; Γιατί αυτή η διαδικασία απαιτεί κόπο από τη μεριά του web developer, του ανθρώπου εκείνου, δηλαδή, που «πραγματοποιεί» την ιστοσελίδα, που την μεταμορφώνει από σχέδια και αναλύσεις σε αυτό που φαίνεται στο browser του καθενός μας. Και δεν είναι διατεθειμένοι όλοι οι web developers να επενδύσουν στον κόπο αυτό. Αλλά μια ιστοσελίδα πρέπει να έχει περιεχόμενο. Στο διαδίκτυο εκείνοι που γνωρίζουν καλά τις μηχανές αναζήτησης λένε ότι «content is king». Το περιεχόμενο, δηλαδή, είναι ο βασιλιάς! Με δυο λόγια τίποτε δεν υποκαθιστά και τίποτε δεν έχει μεγαλύτερη αξία από αυτό που η ιστοσελίδα προσπαθεί να πει στον επισκέπτη της. Αυτό είναι που οι μηχανές «διαβάζουν» και αυτό είναι που οι χρήστες αναζητούν. Ενδιαφέρον, πρωτότυπο, ποιοτικό και πλούσιο περιεχόμενο. Πέρα από τα παραπάνω, μια ιστοσελίδα έχει να ανταγωνιστεί άλλες ιστοσελίδες στα αποτελέσματα των αναζητήσεων. Κανείς βγαίνει δεύτερος επειδή κάποιος άλλος βγαίνει πρώτος. Έτσι η προσπάθεια για υψηλή κατάταξη και search engine optimization είναι μια συνεχής διαδικασία που θέλει παρακολούθηση, μιας και ο ανταγωνισμός θέλει να κατατάσσεται εξίσου ψηλά, και πολλές δόσεις από SEO Marketing. Αυτός που αναλαμβάνει ένα τέτοιο εγχείρημα οφείλει να βελτιστοποιήσει με κάθε τεχνικά εφικτό τρόπο μια ιστοσελίδα αλλά και να στοχεύσει σε κάποια ρεαλιστικά keywords. Δεν είναι δυνατόν ο καθένας να μπορεί να κατατάσσεται πρώτος σε όποια keywords επιθυμεί έτσι απλά. Πρέπει να αποδείξει ότι το αξίζει! Και για να το κάνει αυτό χρειάζεται, το λιγότερο, μια ιστοσελίδα φιλική προς τις μηχανές αναζήτησης, με καλό περιεχόμενο και συνδέσμους προς αυτήν από άλλες ιστοσελίδες. Δεν υπάρχει εγγυημένο SEO. Δεν αρκεί, δε διαρκεί! Έχει συμβεί πολλές φορές να προσφέρεται ως υπηρεσία το «εγγυημένο SEO». Η υπόσχεση αυτή είναι υπερβολική εξορισμού. Για να υποσχεθεί κάτι τέτοιο μια εταιρεία κατασκευής ιστοσελίδων θα πρέπει να γνωρίζει εκ των προτέρων τον ανταγωνισμό του πελάτη της, ώστε να μπορεί να εκτιμήσει αν είναι εφικτό να τον ξεπεράσει στις αναζητήσεις συγκεκριμένων keywords. Επιπλέον, η κατάταξη εξαρτάται από αυτά τα ίδια τα keywords. Ποια είναι και πόσο δημοφιλή ή σπάνια; Είναι αδύνατον να υποσχεθεί κανείς πρωτιές αν δε γνωρίζει τα επιθυμητά keywords, το περιεχόμενο του πελάτη του και το περιεχόμενο του ανταγωνισμού του. Άλλωστε, όπως εξηγήσαμε, το search engine optimization δεν είναι μια διαδικασία που εκτελείται άπαξ, αλλά με διάρκεια. Γιατί την ίδια ώρα που εμείς προσπαθούμε να εμφανιζόμαστε πρώτοι το ίδιο κάνουν και οι ανταγωνιστές μας. Κι αν το πετύχουμε κάποια στιγμή θα πρέπει και να το διατηρήσουμε. Επομένως, μια τέτοια «εγγύηση» θα είχε ένα εντελώς απροσδιόριστο αποτέλεσμα και έναν αναξιόπιστο χρονικό ορίζοντα. Search engine optimization στο designhost Στο designhost πιστεύουμε ότι δεν πρέπει να εκβιάζουμε το μέσο, που είναι το διαδίκτυο. Αναπτύσσουμε τεχνικά άρτιες και εκ κατασκευής φιλικές προς τις μηχανές αναζήτησης ιστοσελίδες. Επιλέγουμε να προσθέσουμε τον επιπλέον κόπο που αυτό απαιτεί εξαρχής, γιατί αυτός είναι ο σωστός τρόπος να αναπτύσσει κανείς ιστοσελίδες σήμερα. Γνωρίζουμε το internet και τους τρόπους με τους οποίους λειτουργεί και μπορούμε να αναλάβουμε τόσο τη βελτιστοποίηση μιας ιστοσελίδας για τις μηχανές αναζήτησης (SEO) όσο και τη στοχευμένη προώθησή της για συγκεκριμένες λέξεις κλειδιά.
  15. Anastasis
    Μια ιστοσελίδα είναι ένας από τους πιο σύγχρονους τρόπους προβολής και προώθησης που μπορεί να επιστρατεύσει κανείς στις μέρες μας. Μάλιστα, με ιδιαίτερα χαμηλότερο κόστος, σε σύγκριση με τα παραδοσιακά μέσα διαφήμισης και marketing. Αν αναπτυχθεί σωστά! Διαφορετικά, μια μέτρια ιστοσελίδα ισοδυναμεί με μια μέτρια βιτρίνα καταστήματος. Δεν προσελκύει πελάτες. Δε «φωνάζει» ότι «Έι, κοίτα εδώ, κάνουμε μια ειλικρινή προσπάθεια να παρέχουμε καλά προϊόντα και αξιόπιστες υπηρεσίες»! Η διαδικασία ανάπτυξης μιας ιστοσελίδας, όπως επιβάλλουν οι σύγχρονες πρακτικές. Κατασκευή ιστοσελίδων με στόχους και αποτελέσματα Για να είναι επιτυχημένη η κατασκευή μιας ιστοσελίδας πρέπει να γίνει με δομημένο και αναλυτικό τρόπο. Για να το πετύχει αυτό πρέπει, πριν από όλα, να εξυπηρετεί καλά καθορισμένους στόχους που πρέπει να καταγραφούν και να εξηγηθούν επαρκώς. Στη συνέχεια, πρέπει να σχεδιαστεί με γνώμονα τους στόχους αυτούς, το κοινό στο οποίο απευθύνεται και την κουλτούρα της οντότητας την οποία παρουσιάζει, είτε αυτή είναι μια μεγάλη εταιρεία, είτε μια μικρή επιχείρηση, είτε οι υπηρεσίες ενός επαγγελματία. Στο Nevma τηρούμε ευλαβικά τις διαδικασίες εκείνες που εξασφαλίζουν ότι η κατασκευή μιας ιστοσελίδας θα γίνει από την αρχή ως το τέλος βασισμένη σε κανόνες που σέβονται τόσο το δικό μας πελάτη όσο και τον πελάτη του πελάτη μας. Προσπαθούμε να προσαρμόσουμε την τεχνολογία στα μέτρα εκείνων που απευθύνονται σε εμάς για συνεργασία ακολουθώντας μια μεθοδολογία που πιστεύουμε πως οδηγεί με επαγγελματισμό και ομαλότητα στην ολοκλήρωση ενός project. Αυτή τη μεθοδολογία σας παρουσιάζουμε παρακάτω. Προσφορά αναλυτική με προδιαγραφές, τρόπους υλοποίησης και χρόνους Μια καλή σχέση ξεκινά καλά από την αρχή. Η πρώτη επαφή οδηγεί σε μια οικονομική προσφορά από εμάς προς εσάς, πάνω στην οποία ακολουθεί δημιουργική συζήτηση και, γιατί όχι, λίγες διαπραγματεύσεις. Οι οικονομικές προσφορές που δίνουμε είναι αναλυτικές και κατανοητές από ανθρώπους που δεν έχουν εξειδικευμένες γνώσεις σχετικά με το διαδίκτυο! Περιγράφουν το τι προσπαθεί η ιστοσελίδα να επιτύχει και ποιες ανάγκες πρόκειται να καλύψει. Καταγράφουν με ακρίβεια το πώς θα επιτευχθεί αυτό, το πόσο θα κοστίσει η κάθε επί μέρους εργασία και ποιο χρονοδιάγραμμα υλοποίησης θα ακολουθηθεί με βάση τις πρώτες εκτιμήσεις. Είναι αρχή μας ότι μια σωστή οικονομική προσφορά είναι δυνατόν να συνταχθεί μόνο έπειτα από λεπτομερείς συζητήσεις με αυτόν που θα την παραλάβει. Δε είναι κουραστικό για εμάς! Τη θεωρούμε εξίσου σημαντική με την υπόλοιπη δουλειά που παράγουμε, μιας και είναι το πρώτο έμπρακτο δείγμα αντιμετώπισης αλλά και παραδοτέου που δέχεται κανείς από εμάς. Το brief. Η ιστοσελίδα αναλύεται σε όλο της το βάθος Βασική αρχή της ανάπτυξης στην επιστήμη της πληροφορικής είναι το γεγονός ότι η σωστή ανάλυση μπορεί να οδηγήσει στη σωστή υλοποίηση. Το ίδιο ακριβώς ισχύει και στην κατασκευή ιστοσελίδων. Προτού προχωρήσει κανείς στο να σχεδιάσει ή να αναπτύξει οφείλει να αναλύσει όσο πιο εξαντλητικά γίνεται. Η ανάλυση αυτή ξεκινά από την πλήρη κατανόηση της εταιρικής φιλοσοφίας και της εταιρικής εικόνας του ιδιοκτήτη της ιστοσελίδας. Αυτή είναι που πρέπει να αποτυπωθεί στην ιστοσελίδα με ξεκάθαρο και ρεαλιστικό τρόπο και πρέπει να γίνει απολύτως κατανοητή. Στη συνέχεια καταγράφονται λεπτομερώς οι στόχοι που η ιστοσελίδα θα επιχειρήσει να πετύχει. Πρόκειται για μια ιστοσελίδα απλής εταιρικής παρουσίασης; Λανσάρει δυναμικά μια ανανεωμένη εταιρική ταυτότητα; Παρουσιάζει προϊόντα; Έχει μεγάλη έκταση; Παρέχει υπηρεσίες στους χρήστες της; Ποιο είναι το κοινό της (target group); Τι πρέπει να καταφέρει για την επιχείρηση; Θα χρειαστεί να προωθηθεί διαφημιστικά με ηλεκτρονικά μέσα; Όλα αυτά και άλλα πολλά είναι ερωτήματα που είναι κρισιμο να απαντηθούν έγκαιρα και η φάση του brief είναι η καταλληλότερη για αυτό το σκοπό. Αν δε γίνει αυτό τότε η υπόλοιπη διαδικασία είναι καταδικασμένη σε αβέβαια αποτελέσματα με συχνά πισωγυρίσματα, ασυνεννοησίες και καθυστερήσεις. Με την ολοκλήρωση της ανάλυσης έχουμε κατανοήσει και καταγράψει τους σκοπούς που η κατασκευή της ιστοσελίδας καλείται να εκπληρώσει και τις ανάγκες που καλείται να καλύψει. Γνωρίζουμε καλά ποιος είναι ο πελάτης μας, τι τον χαρακτηρίζει, ποια είναι η εταιρική του κουλτούρα, ποια η είναι η στρατηγική του διαφοροποίηση και τι θέλει να πετύχει με την ιστοσελίδα του. Μπορούμε πλέον να περάσουμε στο επόμενο βήμα της διαδικασίας που είναι ο εικαστικός σχεδιασμός του project. Σχεδιασμός ιστοσελίδας με τα σωστά βήματα – web design Η φάση του σχεδιασμού έχει δύο βήματα. Το πρώτο είναι η πρόχειρη αποτύπωση των οργανικών στοιχείων μιας ιστοσελίδας σε όλη της την έκταση και με χωρικό προσδιορισμό. Αυτό σημαίνει ότι αυτά που η ανάλυση παρήγαγε πρέπει να αρχίσουν να γίνονται πράξη και να τοποθετηθούν στα σωστά σημεία. Είναι κάτι σαν τη δουλειά που κάνει ένας αρχιτέκτονας στο σχεδιασμό ενός οικοδομήματος (μόνο που, στην περίπτωση μιας ιστοσελίδας είναι συνήθως εφικτή). Σε αυτό το βήμα σχεδιάζεται η ραχοκοκκαλιά της ιστοσελίδας. Αποφασίζεται από ποια μέρη θα αποτελείται, ποιες θα είναι ακριβείς περιοχές της, σε ποια σημεία της θα δοθεί μεγαλύτερη έμφαση, ποια σημεία της θα πρέπει να αναδεικνύονται καλύτερα. Δίνεται ιδιαίτερη προσοχή ώστε η ιστοσελίδα να είναι λειτουργική, πράγμα που σημαίνει ότι πρέπει να βοηθά το χρήστη της να πλοηγηθεί με άνεση και να βρει αυτό που αναζητά. Έτσι παράγεται ένα γραφικό (το wireframe), δηλαδή ο σκελετός της. Χρειάζεται ακόμη δουλειά για να πάρει σάρκα και πνοή. Το wireframe συζητείται με τον πελάτη και διορθώνεται ή επεκτείνεται κατάλληλα και μόλις τελειοποιηθεί μπορεί να προχωρήσει στον εικαστικό σχεδιασμό. Αντίθετα με τα σπίτια, στις ιστοσελίδες ο «διακοσμητής» πρέπει να αναλάβει δράση πριν από τον κατασκευαστή. Αυτός είναι ο web designer, πιο κοινά γνωστός ως «γραφίστας». Καλείται να δημιουργήσει την εικόνα της ιστοσελίδας. Σχεδιάζει στον υπολογιστή όλο το εικαστικό της έτσι ακριβώς όπως θα εμφανίζεται στους τελικούς της χρήστες. Είναι ένα πολύ κρίσιμο τμήμα της όλης διαδικασίας μιας και είναι χρονοβόρο, απαιτεί δημιουργικότητα και καλλιτεχνικό πνεύμα και δε διορθώνεται εύκολα εκ των υστέρων. Είναι σημαντικό όμως για μια ιστοσελίδα να έχει ένα πρωτότυπο και μοναδικό design που να την ξεχωρίζει από όλες τις άλλες. Στο Nevma σχεδιάζουμε οι ίδιοι πάντοτε από το μηδέν ολόφρεσκα templates (μακέτες) αποκλειστικά για τον εκάστοτε πελάτη μας. Επιλέγουμε να μη χρησιμοποιούμε έτοιμες λύσεις γιατί θέλουμε να είμαστε δημιουργικοί και να αναλαμβάνουμε πλήρως την ευθύνη για αυτό. Το template παραδίδεται στον πελάτη και υφίσταται την ίδια επεξεργασία και διορθώσεις με το wireframe. Πηγαίνει από εμάς προς τον πελάτη και πάλι πίσω τόσες φορές όσες χρειάζεται μέχρι να είναι ικανοποιημένος με το αποτέλεσμα. Υλοποίηση και ανάπτυξη – web development Με το design ολοκληρωμένο μπορεί να μπουν στο παιχνίδι τα μαγικά δάχτυλα αυτών που θα μεταμορφώσουν την εικόνα του template σε πραγματικότητα. Αυτή είναι η διαδικασία της ανάπτυξης ή υλοποίησης της ιστοσελίδας και λέγεται web development. Στη φάση αυτή όλες οι προδιαγραφές είναι καταγεγραμμένες, οι σκοποί είναι γνωστοί και η εικόνα του τελικού αποτελέσματος έχει σχεδιαστεί. Για να ζωντανέψει η εικόνα χρειάζεται λίγη – ή λίγο περισσότερη – τεχνολογία. Αυτή είναι η δουλειά του προγραμματιστή (web developer). Οφείλει να είναι ικανός γνώστης των τεχνολογιών του διαδικτύου ώστε να μπορεί να αναπτύξει μια άρτια και λειτουργική ιστοσελίδα. Η φάση αυτή παρουσιάζει πολλές ιδιαιτερότητες. Ο προγραμματιστής του διαδικτύου διαφέρει από τον παραδοσιακό προγραμματιστή γιατί πρέπει να διαθέτει ένα εύρος τεχνογνωσίας που άπτεται τόσο τεχνικών αλλά αισθητικών ζητημάτων. Προγραμματίζει μεν, αλλά για ένα μέσο όπου η «εικόνα» είναι αυτό που κυριαρχεί. Ταυτόχρονα, η ανάπτυξη είναι απαραίτητο να γίνει έχοντας στο μυαλό του κανείς τις σύγχρονες μεθοδολογίες και απαιτήσεις του διαδικτύου έτσι όπως έχουν διαμορφωθεί από την ίδια την τεχνολογία αλλά και σε μεγάλο βαθμό από παράγοντες όμως οι μηχανές αναζήτησης. Για παράδειγμα, μια ιστοσελίδα είναι πολύ σημαντικό να κατασκευαστεί με τρόπο ώστε να είναι φιλική στις μηχανές αναζήτησης και να εμφανίζεται με τον ίδιο τρόπο σε όλους τους δημοφιλείς browsers. Για να είναι μια ιστοσελίδα φιλική στις μηχανές αναζήτησης (να μη χρειάζεται, επομένως, πρόσθετο κόστος για SEO – Search engine optimization) πρέπει το λιγότερο να διαθέτει κώδικα καλά δομημένο, περιεχόμενο ιεραρχημένο και να μην έχει λάθη. Αυτά είναι πράγματα που κανείς δε χρειάζεται να γνωρίζει μιας και είναι δουλειά του κατασκευαστή να παρέχει. Κι όμως ακόμη και σήμερα δεν είναι καθόλου αυτονόητα. Για να είναι η απεικόνιση των ιστοσελίδων μας ίδια σε όλους τους browsers χρειάζεται μεγάλη εμπειρία, πολύς χρόνος δοκιμών και κάμποση εφευρετικότητα. Στο Nevma υποστηρίζουμε όλους τους μεγάλους browsers καθώς και τους δημοφιλέστερους μικρούς (Internet Explorer 6, 7, 8, Firefox, Chrome, Opera, Safari) που καλύπτουν τη συντριπτική πλειοψηφία των χρηστών του διαδικτύου. Data entry. Γεμίζουμε την ιστοσελίδα με περιεχόμενο. Για πολλούς – πχ τις μηχανές αναζήτησης – το περιεχόμενο είναι το σημαντικότερο συστατικό μιας ιστοσελίδας. Πολλές φορές το ίδιο ισχύει και για τους χρήστες. Όταν κάποιος βρίσκεται σε μια ιστοσελίδα αυτό συμβαίνει γιατί κάτι αναζητά. Αν η ιστοσελίδα δεν του το παρέχει ή του παρουσιάζει δυσκολίες να το βρει, αντί να τον διευκολύνει, τότε ο χρήστης θα προτιμήσει να πάει αλλού. Και μάλιστα ο συνήθης χρήστης του internet θα φερθεί με περισσή ανυπομονησία. Αν έχετε φτάσει να διαβάζετε ως εδώ τότε εσείς δεν είστε αυτός! Στη φάση αυτή η ιστοσελίδα γεμίζει με περιεχόμενο. Κείμενα, εικόνες, αρχεία συντίθενται κάτω από την επιθυμητή κατηγοριοποίηση και καταχωρούνται στο σύστημα διαχείρισης της ιστοσελίδας (CMS – Content management system), ώστε να παρουσιάζονται με τον τρόπο που το template προστάζει. Η διαδικασία αυτή είναι καλό να γίνει με ιδιαίτερη φροντίδα και σε συνέπεια με το υπόλοιπο design, μιας και το κατά πόσο ευανάγνωστη εικαστικά είναι μια ιστοσελίδα (typography) είναι ένα πολύ σημαντικό στοιχείο της. Έχοντας προσθέσει το περιεχόμενό της στην ιστοσελίδα αυτή πρέπει να επιδειχθεί στον ιδιοκτήτη της. Είναι το τελικό τεστ πριν από τη δημοσίευσή της. Αν όλα πάνε όπως έχουν προβλεφθεί και τα προηγούμενα βήματα έχουν όλα ολοκληρωθεί ομαλά και με καλά αποτελέσματα τότε και αυτό το βήμα θα ολοκληρωθεί με τις καλύτερες συνθήκες. Συνήθως, στη φάση αυτή ένα project φτάνει με κάποια ανακούφιση. Όλες οι συζητήσεις, οι αντιπαραθέσεις, οι απαιτήσεις, τα σχέδια έχουν πάρει πλέον σάρκα και οστά. Η ιστοσελίδα είναι ενεργή μπροστά μας για να μπει κανείς και να πλοηγηθεί, να διαβάζει το περιεχόμενο και να κάνει τις τελικές παρατηρήσεις. Δημοσίευση και προώθηση. Η ιστοσελίδα βγαίνει στον «αέρα»και πρέπει να βρει τους χρήστες της. Στο desinghost συνηθίζουμε να λέμε ότι η δημοσίευση των ιστοσελίδων δε σηματοδοτεί παρά μια αρχή. Την αρχή του «δημόσιου» βίου τους. Ό,τι κι αν έχει προηγηθεί κι όσο καλά κι αν έχει σχεδιαστεί στη θεωρία μένει να αποδειχτεί και στην πράξη με την καθημερινή χρήση και ανταπόκριση που θα τύχουν από τους χρήστες τους. Επομένως, με τη δημοσίευση ενός web site ξεκινά στην πραγματικότητα ο κύκλος της ζωής του. Η επιβίωσή του είναι ένα άλλο ζήτημα που έχει ανάγκη από συνεχή παρακολούθηση και ανάλογη εξέλιξη. Για να εκμεταλλευτεί κανείς την τεράστια δυναμική που μας δίνει το internet σήμερα πρέπει να κάνει και τις αντίστοιχες κινήσεις προώθησης και διαφήμισης. Για αυτό το σκοπό υπάρχει πληθώρα εργαλείων και δυνατοτήτων, όπως η διαφήμιση στις μηχανές αναζήτησης (Google Adwords), τα ενημερωτικά δελτία-emails (Newsletters, Email Marketing), η διαφήμιση στα web sites κοινωνικής δικτύωσης (social media), όπως το Facebook, η δημιουργία κοινοτήτων ενδιαφέροντος σε αυτά (Facebook groups & pages, Twitter, κλπ). Μια συντονισμένη προσπάθεια προώθησης του περιεχομένου μιας ιστοσελίδας, έπειτα από την κατασκευή της, είναι η απαραίτητη κίνηση για την καλύτερη δυνατή προσέλκυση χρηστών και άρα πιθανών πελατών. Υποστήριξη και φιλοξενία Τέλος, για να συνεχίζει να ζει μια ιστοσελίδα χωρίς εμπόδια στη διάρκεια του χρόνου έχει ανάγκη για υποστήριξη από ανθρώπους εξειδικευμένους στις τεχνολογίες του διαδικτύου. Συνήθως, η υποστήριξη αυτή (support) παρέχεται από τους ίδιους τους κατασκευαστές της. Αυτοί μπορούν να επιλύσουν κάθε πρόβλημα που μπορεί να προκύψει στο μέλλον, να κάνουν διορθώσεις που δεν είχαν προβλεφθεί από την αρχή και να παρέχουν συμβουλευτικές υπηρεσίες σχετικά με τις νέες ανάγκες που είναι δυνατόν να προκύψουν κατά τη χρήση της. Είναι επιθυμητό οι όροι αυτής της συνεργασίας να έχουν προσδιοριστεί εξαρχής και να έχει εξασφαλιστεί ότι η ιστοσελίδα δε θα υπόκειται σε περιορισμούς σχετικά με το πλήθος των επισκέψεών της (bandwidth limit), τον όγκο των αρχείων και δεδομένων που θα περιέχει και τον αριθμό των emails που θα υποστηρίζει. Ακόμη, απολύτως απαραίτητο είναι να παρέχονται στους ιδιοκτήτες της τακτικά στατιστικά στοιχεία σχετικά με την επισκεψιμότητά της και να γίνεται ανάλυση των τρόπων με τον οποίο αυτή θα μπορέσει να αυξηθεί. Κατασκευή ιστοσελίδων στο designhost Στο άρθρο αυτό περιγράψαμε τη μεθοδολογία με την οποία πιστεύουμε ότι η δημιουργία μιας ιστοσελίδας μπορεί να γίνει με σωστό και αποτελεσματικό τρόπο, ξεκινώντας από την προσέγγιση την οποία πρέπει να έχει ένας πιθανός πελάτης κατά τη φάση της οικονομικής προσφοράς και συνεχίζοντας στις φάσεις της ανάλυσης, του σχεδιασμού μέχρι την υλοποίηση, τη δημοσίευση και την προώθησή της. Αυτή τη μεθοδολογία επιλέγουμε και οι ίδιοι στο Nevma, πιστεύοντας ότι με αυτό τον τρόπο παρέχουμε με επαγγελματισμό αξιόπιστη υπηρεσία με προβλέψιμα αποτελέσματα.
  16. Anastasis
    Ο τρόπος με τον οποίο το περιεχόμενό μας περνά από την παραδοσιακή του μορφή (και λέγοντας «παραδοσιακή» πλέον εννοούμε τα συνήθη μας αρχεία κειμένων, video και εικόνων) στην online εκδοχή του έχει αλλάξει πολύ τα τελευταία χρόνια. Μιλάμε, φυσικά, για τον τρόπο με τον οποίο κατασκευάζεται μια ιστοσελίδα με ιδιαίτερη έμφαση στη διαχείρισή της. Η διαχείρισή μιας ιστοσελίδας, όπως θα δούμε παρακάτω, είναι στις μέρες μας τις περισσότερες φορές ζήτημα ενός συστήματος διαχείρισης περιεχομένου (content management system – CMS). Ένα σύστημα διαχείρισης περιεχομένου (CMS) είναι ο σύγχρονος τρόπος για να διαχειριζόμαστε τις ιστοσελίδες μας. Σύστημα διαχείρισης περιεχομένου – Content management system (CMS) – Ορισμός Η ορολογία αυτή έχει μπει στη γλώσσα καθενός που έχει χρειαστεί να δημιουργήσει μια ιστοσελίδα είτε την κατανοεί πλήρως είτε όχι. Ένα σύστημα διαχείρισης περιεχομένου (στα αγγλικά content management system – CMS) είναι το λογισμικό εκείνο που βοηθά το χρήστη να διαχειρίζεται την ιστοσελίδα του και την παρουσιάζει σωστά στο διαδίκτυο. Επομένως, επιτελεί εξαρχής δύο διακεκριμένες λειτουργίες. Η πρώτη αφορά το χρήστη που διαχειρίζεται μια ιστοσελίδα (το διαχειριστή της) και η δεύτερη αφορά το διαδίκτυο και τους χρήστες που την επισκέπτονται. Και στις δύο περιπτώσεις αυτό που ένα CMS κάνει είναι να αυτοματοποιεί κάποιες διαδικασίες που γίνονται επαναλαμβανόμενα και να διευκολύνει κάποιες άλλες ώστε να μη χρειάζονται τεχνικές γνώσεις για να υλοποιηθούν. Και, φυσικά, όσο μεγάλο και πολυποίκιλο είναι το internet άλλο τόσο πολλά και με ποικιλία δυνατοτήτων είναι τα CMS του. Πού ζει ένα CMS Ας απαντήσουμε πρώτα σε μια απλή ερώτηση. Τι πάει να πει «διαχείριση ιστοσελίδας»; «Πού γίνεται αυτή»; Η διαχείριση μιας ιστοσελίδας γίνεται συνήθως από το ίδιο σημείο όπου εκδίδεται. Το internet. Για παράδειγμα, μέσα στο www.nevma.gr, όπου είστε τώρα και διαβάζετε αυτό το κείμενο, υπάρχουν άλλες κρυμμένες σελίδες, που ο κανονικός χρήστης ποτέ δε θα δει, και οι οποίες μας δίνουν τη δυνατότητα να επεξεργαζόμαστε το περιεχόμενό της. Με ένα username και ένα password, δηλαδή, ο διαχειριστής της ιστοσελίδας μπορεί να έχει πρόσβαση σε μια ειδική περιοχή της μέσα από την οποία έχει τη δυνατότητα να επεξεργάζεται το περιεχόμενο της ιστοσελίδας του. Αυτό αποτελεί τεράστια διαφοροποίηση σε σχέση με την παραδοσιακή επεξεργασία περιεχομένου μιας και αυτή μπορεί να γίνει από οπουδήποτε υπάρχει πρόσβαση στο διαδίκτυο. Εκεί που είναι η ιστοσελίδα εκεί είναι και η διαχείρισή της. Η διαχείριση του περιεχομένου Ένα σύστημα διαχείρισης περιεχομένου, όπως αναφέραμε παραπάνω, μας επιτρέπει να διαχειριζόμαστε το περιεχόμενο της ιστοσελίδας μας. Αυτό το περιεχόμενο αποτελείται από κείμενα (με εικόνες, video, flash κλπ), την κατηγοριοποίηση και καλαίσθητη εμφάνισή τους. Επομένως, το CMS μας επιτρέπει να επεξεργαζόμαστε τα κείμενα της ιστοσελίδας μας, να τα προσθέτουμε και να τα αφαιρούμε. Μας επιτρέπει να τα κατηγοριοποιούμε για να τα ιεραρχούμε αλλά και να τα διασυνδέουμε για να δημιουργούμε μενού. Ακόμη, να τους προσθέτουμε αρχεία εικόνας, video, ήχου, flash κλπ. Κι όλα αυτά χωρίς να απαιτεί τεχνικές γνώσεις από εμάς! Κοιτάξτε γύρω σας. Βλέπετε μια ιστοσελίδα που παράγεται με αυτόν ακριβώς τον τρόπο, παρόλο που ανήκει σε ανθρώπους που κατέχουν αυτές τις τεχνολογίες! Η εμφάνιση του περιεχομένου Με αυτό τον τρόπο, λοιπόν, μπορεί να ελέγχει κανείς πρακτικά όλο το περιεχόμενο της ιστοσελίδας του. Λέμε «πρακτικά» όλο και όχι «απόλυτα» όλο διότι το περιεχόμενο αυτό θα πρέπει να εμφανίζεται με τρόπο αισθητικά και λειτουργικά σωστό, ο οποίος να έχει προκύψει από το μια διαδικασία ανάλυσης απαιτήσεων και αναγκών και τον καλλιτεχνικό σχεδιασμό ενός web designer. Αυτό γιατί η τελική εμφάνιση της κάθε σελίδας περιεχομένου δεν είναι επιθυμητό να αφήνεται σε αυτόν που συγγράφει το εκάστοτε κείμενο. Οφείλει να συμβαδίζει με ένα συμφωνημένο και σταθερό εικαστικό που χαρακτηρίζει, διέπει και αναδεικνύει όλη την ιστοσελίδα. Η λογική, δηλαδή, που ακολουθείται είναι ότι ο διαχειριστής φορτώνει στο σύστημα διαχείρισης τα περιεχόμενα που χρειάζεται και αυτό τον βοηθά με απλό τρόπο να τα τοποθετήσει εκεί που αυτός θέλει να εμφανιστούν αλλά με τον τρόπο που το web design απαιτεί. Ταυτόχρονα, το σύστημα διαχείρισης περιεχομένου αναλαμβάνει την αυτόματη παρουσίαση της ιστοσελίδας στου εξωτερικούς της χρήστες και τις μηχανές αναζήτησης. Είναι υπεύθυνο να είναι η ιστοσελίδα πάντοτε διαθέσιμη και ευπαρουσίαστη αυτόματα, χωρίς άλλη παρέμβαση από ανθρώπινο χέρι, αρκεί να του έχει κανείς φορτώσει το κατάλληλο περιεχόμενο και να έχει σεβαστεί τη λογική με την οποία δουλεύει. Έτσι, web sites λίγων σελίδων μέχρι web sites εκατοντάδων μπορούν να είναι εξίσου απλά διαχειρίσιμα από τον καθένα που διαθέτει απλές γνώσεις χειρισμού ηλεκτρονικών υπολογιστών και πλοήγησης στο διαδίκτυο. Όλα αυτόματα; Τι κάνει το designhost; Το designhost, ή οποιοσδήποτε άλλος ικανός στο σχεδιασμό και την ανάπτυξη ιστοσελίδων, είναι απολύτως απαραίτητος στο στήσιμό τους. Πρώτα από όλα γιατί πρέπει να αναλύσει καλά τις ανάγκες του ιδιοκτήτη της ιστοσελίδας και να σχεδιάσει ένα εικαστικό (template) που να ταιριάζει σε αυτές. Ύστερα, γιατί το εικαστικό αυτό πρέπει να αποδομηθεί και να κωδικοποιηθεί προγραμματιστικά έτσι ώστε να μπορεί να το υποδεχθεί το content management system. Τέλος, το CMS πρέπει να εγκατασταθεί και να παραμετροποιηθεί κατάλληλα με τέτοιο τρόπο ώστε ικανοποιεί όλα τα προηγούμενα βήματα και τις απαιτήσεις που έχουν θέσει. Σχηματικά, θα λέγαμε ότι το σύστημα διαχείρισης έρχεται τρίτο στη σειρά προτεραιοτήτων ανάπτυξης μιας ιστοσελίδας, έπειτα από την ανάλυση των απαιτήσεων και τη δημιουργία του εικαστικού μιας ιστοσελίδας. Όλη αυτή η διαδρομή χρειάζεται έναν ειδικό. Το Nevma! (1) ΑΝΑΛΥΣΗ ⇒ (2) ΕΙΚΑΣΤΙΚΟ ⇒ (3) CMS Τρίτο; Και γιατί έχει τόση σημασία; Μα, φυσικά, γιατί από εκεί και πέρα αυτό είναι που αναλαμβάνει ένα μεγάλο μέρος της δράσης. Για την ακρίβεια αναλαμβάνει όλο το βαρετό και τεχνικό μέρος της δράσης και αφήνει στο διαχειριστή του το διασκεδαστικό κομμάτι, το ζουμί. Στο τέλος, αν το CMS είναι καλοσχεδιασμένο και λειτουργικό και αν ο κατασκευαστής της ιστοσελίδας το έχει ρυθμίσει κατάλληλα, ο διαχειριστής δεν έχει παρά να προσθέτει περιεχόμενο όσο τακτικά χρειάζεται. Τα υπόλοιπα τα αναλαμβάνει το σύστημα! WordPress και γιατί αυτό το CMS Στο designhost η φυσική επιλογή για CMS την εποχή αυτή είναι το WordPress. Πρόκειται για την παγκοσμίου φήμης open source μηχανή για blogs, με εκατομμύρια εγκαταστάσεις και τεράστια κοινότητα, που βρίσκεται σε τέτοιο επίπεδο ωριμότητας ώστε να καλύπτει με εξαιρετικά ευέλικτο τρόπο τις περισσότερες απαιτήσεις που ένα αποτελεσματικό σύστημα διαχείρισης περιεχομένου οφείλει να καλύπτει. Το WordPress είναι ένα ώριμο CMS, επεκτάσιμο και με ελκυστική και λειτουργική διεπαφή (user interface) για τους διαχειριστές των ιστοσελίδων που αναλαμβάνει να υποστηρίξει. Όταν αυτό δε μας είναι αρκετό αναπτύσσουμε τα δικά μας CMS για να καλύψουμε εξειδικευμένες ανάγκες που κατά καιρούς παρουσιάζονται, κάτι που έχουμε κάνει με επιτυχία αρκετές φορές στο παρελθόν. πηγή:nevma.gr
  17. Anastasis
    Στο άρθρο αυτό θα επιχειρήσουμε να αποσαφηνίσουμε τις έννοιες του «email marketing» και του «newsletter» και θα αναφερθούμε στα πλεονεκτήματα του να χρησιμοποιεί κανείς αυτά τα δύο, στα προβλήματά που παρουσιάζει η χρήση τους αλλά και στο πώς αυτά λύνονται σωστά. Κάνετε επιτυχημένο email marketing στέλνοντας καλοσχεδιασμένα newsletters που δείχνουν χαρακτήρα Τι είναι το email marketing; Τι πάει να πει newsletter; Email marketing είναι ο τρόπος προώθησης αγαθών ή υπηρεσιών μέσω email. Το μέσο προσέγγισης του υποψήφιου ενδιαφερομένου, δηλαδή, είναι το γνωστό σε όλους email. Κάθε τέτοιο email που αποστέλλεται προς πιθανούς ενδιαφερόμενους είναι ένα newsletter. Τα newsletters αποστέλλονται από εταιρείες σε υπάρχοντες πελάτες, για να τους ενημερώσουν σχετικά με νέα προϊόντα ή υπηρεσίες, αλλά και για να ενδυναμώσουν τη σχέση μαζί τους. Ακόμη, αποστέλλονται προς ανθρώπους και εταιρείες, που δεν είναι ακόμη πελάτες αλλά με τους οποίους υπάρχει αυτή η προοπτική συνεργασίας. Γιατί να στέλνουμε newsletters; Ο λόγος είναι στην πραγματικότητα απλός: για να αυξήσουμε τις πωλήσεις! Για να πετύχουμε, όμως, αυτό τον απώτερο στόχο τα newsletters μπορούν να μας βοηθήσουν με πολλούς άλλους έμμεσους ή άμεσους τρόπους. Οι κυριότεροι είναι: Ενημέρωση πελατών για νέα προϊόντα ή υπηρεσίες Με ένα newsletter μπορούμε να ενημερώνουμε άμεσα το υπάρχον πελατολόγιό μας για νέα προϊόντα και νέες υπηρεσίες που παρέχουμε. Αυτό επιτυγχάνεται i) με την ταχύτητα ενός email και ιi) με την πληρότητα περιεχομένου που αυτό μας δίνει (κείμενα, εικόνες, μενού κοκ). Ενδυνάμωση σχέσεων με το πελατολόγιό μας Στέλνοντας τακτικά newsletters στους πελάτες μας, που έχουν επιλέξει να τα λαμβάνουν, σταθεροποιούμε και ενδυναμώνουμε τη σχέση μας μαζί τους. Οι πελάτες μας εμπεδώνουν σιγά-σιγά την εταιρική μας ταυτότητα και μαθαίνουν τα προϊόντα και τις υπηρεσίες μας μέσα από μια σχέση εμπιστοσύνης. Εύρεση νέου πελατολογίου Αν και αυτός ο τρόπος προσέγγισης βρίσκεται στα όρια της νομιμότητας του ευρωπαϊκού δικαίου (spam), δεν παύει να είναι μια οδός εύρεσης νέου πελατολογίου. Αποστέλλοντας δηλαδή κανείς μαζικά ενημερωτικά emails προσεγγίζει ανθρώπους και εταιρείες που δε θα μπορούσε διαφορετικά ούτε να βρει ούτε να πλησιάσει εμπορικά. Χαμηλό κόστος Η αποστολή ενός newsletter συνοδεύεται από χαμηλό κόστος. Ανάλογα με τον όγκο των παραληπτών και τον τρόπο με τον οποίο γίνεται (κατά πόσο αυτός είναι αυτοματοποιημένος η μη) μπορεί να κοστίσει από τίποτε μέχρι μερικές δεκάδες ή εκατοντάδες ευρώ. Τα προβλήματα των newsletters Τα newsletters παραδοσιακά αντιμετωπίζονται από την αγορά με πολύ απλοϊκό και, πολύ συχνά, αντιπαραγωγικό τρόπο. Το αποτέλεσμα αυτού είναι όχι μόνο να μην πετυχαίνουν το στόχο τους αλλά, αντιθέτως, να λειτουργούν αρνητικά στην εικόνα αυτού που τα στέλνει. Μερικοί λόγοι είναι οι εξής: Ενοχλητικότητα (spam) Πρέπει κανείς να μπορεί να παραδεχθεί ότι η πολλή ανεπιθύμητη αλληλογραφία είναι ενοχλητική και πολλοί παραλήπτες μπορούν ακόμη και να εκνευριστούν από αυτή. Σκουπίδια (junk) Οι περισσότεροι mail servers (αυτοί που στέλνουν και παραλαμβάνουν τα email μας) αλλά και τα προγράμματα ανάγνωσης email (πχ Outlook, Thunderbird αλλά και GMail, Hotmail κοκ) έχουν πλέον διάφορες ασφαλιστικές δικλείδες για να καταπολεμήσουν την ενοχλητική αλληλογραφία κι επομένως υπάρχει μεγάλος κίνδυνος ένα newsletter να καταλήξει στο φάκελο με τα «σκουπίδια». Αυτό έχει αμέσως δύο αρνητικά αποτελέσματα. Πρώτον, ο παραλήπτης μας ούτε που θα μάθει ποτέ ότι του στείλαμε κάποιο email, ακόμη κι αν αυτό πραγματικά τον ενδιέφερε τελικά! Και, δεύτερον, το πρόγραμμα ανάγνωσης email, που έστειλε το newsletter μας στα «σκουπίδια», πιθανώς να ενημερώσει αυτόματα τις παγκόσμιες λίστες με mail servers που στέλνουν spam αναφέροντας και το δικό μας. Έλλειψη προγράμματος αποστολής μαζικών emails Είτε το πιστεύουμε είτε όχι υπάρχουν ακόμη στις μέρες μας επαγγελματίες και εταιρείες που στέλνουν μαζικά emails από το Outlook. Φυσικά, επειδή ξέρουν ότι ο internet provider τους δεν επιτρέπει να στείλουν ένα email σε περισσότερους από 20 παραλήπτες ταυτόχρονα το στέλνουν σε 20άδες. Αυτό, πέρα από θλιβερή σπατάλη ανθρώπινης ενέργειας και παραγωγικού χρόνου, αυξάνει δραματικά τις πιθανότητες το email να χαρακτηριστεί ως σκουπίδι (junk, spam) από το πρόγραμμα ανάγνωσης email του παραλήπτη ή από το mail server του. Eποχιακά και μόνο Πολλοί επιλέγουν να στέλνουν newsletters μόνο τον καιρό που έχουν απόλυτη ανάγκη από νέο πελατολόγιο ή με κάποια εποχιακή ευκαιρία, όπως τα Χριστούγεννα ή το Πάσχα. Με αυτό τον τυχοδιωκτικό τρόπο δεν είναι δυνατόν να οικοδομήσουν σταθερές σχέσεις με το κοινό τους. Ακόμη κινδυνεύουν να φανούν ενοχλητικοί μιας και τις εποχές εκείνες αυτού του είδους τα emails αυξάνοντα σε ρυθμούς. Κακή ή καθόλου αισθητική – Παραδείγματα Η κακή αισθητική δεν κάνει καλό. Κάνει κακό στην εικόνα μας. Δείχνει προχειρότητα και έλλειψη επαγγελματισμού. Συχνά, όμως η κακή αισθητική στα newsletters ξεπερνάει όλα τα όρια και δεν καταφέρνει να κάνει ούτε καν το πιο απλό: να ενημερώσει, τουλάχιστο, τον παραλήπτη για το ποιος είναι ο αποστολέας και τι προσπαθεί να του «πλασάρει». Φανταστείτε ένα «newsletter» που φθάνει στο inbox σας και μοιάζει όπως ένα από τα παρακάτω: Παράδειγμα 1: Το απόλυτο κενό! Ο αποστολέας ήθελε να στείλει μια εικόνα και μόνο. Ο Thunderbird – πολύ σωστά – δε φορτώνει αρχικά τις εικόνες στα emails παρά μόνο όταν ο χρήστης πατήσει το σχετικό κουμπί. Επιπλέον, ο Thunderbird ήδη έχει «μυριστεί» ότι αυτό το email είναι σκουπίδι (junk). Το newsletter αυτό έχει αποτύχει σε όλα και, μάλιστα, στα μάτια έμπειρων χρηστών ο αποστολέας του έχει χάσει κάμποσους πόντους συμπάθειας. Παράδειγμα 2: Το τμήμα πωλήσεων έχει προσπαθήσει μας «ενοχλήσει» για να μας στείλει «Θερμές Ευχές». Όμως, το email που μας έστειλε δε λέει πρακτικά τίποτε. Είναι γραμμένο στο χέρι (αν όχι «στο πόδι») κι ο Thunderbird έχει αντιληφθεί ότι πρόκειται για σκουπίδι (junk). Επιπλέον, αντί υστερογράφου έχει προστεθεί η παραπλανητική υποσημείωση ότι «το τρέχον email είναι έγκυρο επειδή…» κλπ κλπ. Τι κι αν είναι «έγκυρο» το email! Παραμένει σκουπίδι στα όλα του. Παράδειγμα 3: Ακόμη άλλο ένα αποτυχημένο email/newsletter. Δε φαίνεται καν ποιος είναι ο παραλήπτης και γιατί μας προσεγγίζει. Αντιθέτως μας προσκαλεί άχαρα να «πατήσουμε εδώ, αν δε βλέπουμε την εικόνα». Φυσικά, ο κάθε σώφρων χρήστης που έχει δει και την πρόβλεψη ότι το εν λόγω email πρόκειται για σκουπίδι (junk) δε θα πατήσει ούτε εκεί ούτε πουθενά αλλού! Παράδειγμα 4: Ακόμη περισσότερες προχειρογραμμένες ευχές. Μια εικόνα που δεν κολακεύει καθόλου μια εταιρεία που έχει κάνει τον κόπο να στείλει ένα newsletter με καμπόσο περιεχόμενο! Πώς κατασκευάζουμε σωστά ένα newsletter Για να κατασκευάσουμε σωστά ένα newsletter πρέπει πρώτα να θέσουμε ορισμένους στόχους που να επιτύχει. Οι σημαντικότεροι από αυτούς πρέπει να είναι: να το λάβουν όσο το δυνατόν περισσότεροι από αυτούς που έχουμε στη λίστα με τους παραλήπτες μας να το ανοίξουν όσο το δυνατόν περισσότεροι από αυτούς που τελικά θα το λάβουν να δουν όσο το δυνατόν μεγαλύτερο μέρος του αυτοί που θα το ανοίξουν να αναζητήσουν περισσότερες πληροφορίες σχετικά με τον αποστολέα του και να έχουμε όσο το δυνατόν πιο πλήρη στατιστικά της όλης διαδικασίας. Από τα παραπάνω γίνεται φανερό ότι ένα επιτυχημένο newsletter έχει να πετύχει στόχους οι οποίοι κλιμακώνονται. Αν δούμε τους στόχους 1 έως 5 θα αντιληφθούμε ότι ο κάθε ένας προσθέτει αξία στον προηγούμενο αλλά και απαιτεί ο προηγούμενος να έχει επιτευχθεί! Αυτό συμβαίνει κυρίως για τεχνικούς λόγους. Για παράδειγμα για να ανοίξουν το newsletter μας πολλοί χρήστες (στόχος 2) πρέπει πρώτα να το έχουν λάβει (στόχος 1) και για να διαβάσουν μεγάλο μέρος του (στόχος 3) πρέπει πρώτα να το έχουν ανοίξει (στόχος 2) κοκ. Ίσως να μην είναι αυτονόητο αλλά είναι πραγματικά δύσκολο να επιτευχθούν οι στόχοι αυτοί σε μεγάλο ποσοστό. Αυτό συμβαίνει γιατί συντρέχουν οι παρακάτω τεχνικοί και μη λόγοι: Οι λίστες με τους παραλήπτες δεν είναι πάντα επικαιροποιημένες. Με άλλα λόγια είναι δύσκολο να τηρεί κανείς μια λίστα παραληπτών που να έχει μέσα της μόνο έγκυρες διευθύνσεις. Το email δεν είναι και η πιο αξιόπιστη υπηρεσία στον κόσμο. Συχνά emails χάνονται ή δεν επαναπροωθούνται αν αποτύχουν μερικές φορές. Άλλες φορές καταλήγουν απευθείας στα «σκουπίδια» (junk, spam) των παραληπτών χωρίς αυτοί να τα δουν καν – τα newsletters είναι από τους πρώτους υποψήφιους για κάτι τέτοιο. Άλλες, πάλι, φορές μαρκάρονται ως σκουπίδια δείχνοντας στον παραλήπτη ότι κάτι ύποπτο έχει ληφθεί. Τα προγράμματα ανάγνωσης email είναι πολλά και διαφορετικά. Έτσι, δεν είναι απλό να κατασκευάσει και να μορφοποιήσει κανείς newsletters τα οποία θα φαίνονται σε όλα τα προγράμματα ανάγνωσης email πανομοιότυπα. Για την ακρίβεια το πλήθος τους είναι τόσο μεγάλο και οι διαφορές τους τόσο ετερογενείς που κάτι τέτοιο έχει ιδιαίτερα αυστηρούς περιορισμούς. Οι εικόνες δε φαίνονται εξαρχής μέσα emails. Όλοι θα έχουμε λάβει emails με εικόνες μέσα τους (όχι ως attachments) και θα έχουμε παρατηρήσει ότι το πρόγραμμα ανάγνωσης emails που χρησιμοποιούμε δεν τις δείχνει εξαρχής. Αντίθετα, μας ενημερώνει ότι μέσα στο εν λόγω email βρίσκονται εικόνες και μας καλεί να πατήσουμε ένα ειδικό κουμπί για να τις εμφανίσει. Αυτό είναι πάγια τακτική πλέον και εξυπηρετεί την ιδιωτικότητά και την ασφάλειά μας στο διαδίκτυο. Οι χρήστες προσπαθούν να προφυλαχθούν από το spam με πολλούς τρόπους. Αυτό σημαίνει ότι για να φτάσει ένα newsletter στα μάτια ενός χρήστη πιθανότατα έχει περάσει από κάμποσους ελέγχους τόσο κατά τη μεταφορά του στο χρήστη (σε επίπεδο mail servers) όσο και κατά την παραλαβή του από το πρόγραμμα ανάγνωσης emails που αυτός διαθέτει. Email marketing ως υπηρεσία – Η λύση Για να δοθεί η βέλτιστη λύση στα προβλήματα αυτά και να μπορούμε να αποστέλλουμε newsletters με τη μεγαλύτερη δυνατή αποτελεσματικότητα η πιο σύγχρονη και αποδοτική αντιμετώπιση είναι να χρησιμοποιήσουμε μια online υπηρεσία και να σχεδιάσουμε ένα εξειδικευμένο email template στα μέτρα μας. Αυτή είναι και η λύση που το Nevma προτείνει και προτιμά! Με μια εξειδικευμένη online υπηρεσία μπορούμε να διαχειριζόμαστε πλήρως τις λίστες με τους παραλήπτες μας. Επιπλέον, οι λίστες αυτές είναι πάντα επικαιροποιημένες με τους χρήστες που προτίμησαν να διαγραφούν, με αυτούς που μαρκάρισαν κάποιο newsletter μας ως spam και με αυτούς που δεν υπάρχουν πια. Με αυτό τον τρόπο στέλνουμε κάθε φορά σε πραγματικά ενδιαφερόμενους παραλήπτες. Ακόμη, η υπηρεσία διασφαλίζει τους καλύτερους δυνατούς όρους έτσι ώστε το newsletter μας να έχει τις λιγότερες πιθανότητες να χαρακτηριστεί ως spam από κάποιο mail server ή από κάποιο πρόγραμμα ανάγνωσης email. Κάτι τέτοιο επιτυγχάνεται, από τη μια πλευρά, επειδή η υπηρεσία μας ωθεί να σχεδιάζουμε και να δομούμε τα newsletters σωστά από πλευράς design και περιεχομένου και, από την άλλη, επειδή φροντίζει τεχνικά να αποστέλλει μαζικά τα emails με τέτοιο τρόπο ώστε να μην «ενοχλεί» τους άλλους mail servers (για να το πετύχει αυτό πρέπει να διαθέτει ένα μεγάλο αριθμό από servers στον κόσμο που διαμοιράζουν την ποσότητα σε όγκο και σε χρόνο). Όπως μόλις αναφέραμε, στα πλεονεκτήματα είναι και το γεγονός ότι η υπηρεσία μας ωθεί να σχεδιάζουμε σωστά τα newsletters μας. Κάτι τέτοιο είναι απαραίτητο εξαιτίας της μεγάλης ποικιλίας και ετερογένειας που παρουσιάζουν τα προγράμματα ανάγνωσης email με σκοπό οι παραλήπτες μας να μπορούν να δουν το newsletter μας με τη μεγαλύτερη δυνατή πιστότητα σε αυτό που σχεδιάσαμε αλλά και με τη μεγαλύτερη δυνατή ομοιομορφία ανάμεσά τους. Έτσι, μπορούμε να ελπίζουμε ότι οι χρήστες μας θα παραλαμβάνουν αξιοπρεπή εικόνα και πληροφορία σχετικά με εμάς και την εταιρική μας ταυτότητα και θα βοηθήσουμε να χτιστεί μια σταθερή σχέση μαζί τους. Τέλος, ένα μεγάλο εργαλείο που μας δίνουν οι υπηρεσίες αυτές είναι τα στατιστικά. Έχουμε τη δυνατότητα να βλέπουμε πλήρη στατιστικά του πώς έχει εξελιχθεί η κάθε αποστολή του newsletter μας σχετικά με το πόσοι άνοιξαν πραγματικά το email που έλαβαν, πόσες αποστολές απέτυχαν, πόσοι και ποιοι διαγράφηκαν από το newsletter, πόσοι το μαρκάρισαν ως spam, πόσοι πάτησαν κάποια links μέσα σε αυτό και ποια links κοκ. Έτσι έχουμε μια σφαιρική εικόνα της αποτελεσματικότητας του newsletter και των αντιδράσεων των παραληπτών μας σε αυτό. Είδαμε στο άρθρο αυτό συνολικά όλα όσα αφορούν το σχεδιασμό, την υλοποίηση και την αποστολή ενός newsletter. Του βασικού, δηλαδή, εργαλείου του email marketing. Εξετάσαμε τα προβλήματα που παρουσιάζονται στην κατασκευή και στην αποστολή των μαζικών emails αλλά και τους τρόπους με τους οποίους αυτά αντιμετωπίζονται σήμερα. Εξηγήσαμε ότι η βέλτιστη και πιο σύγχρονη λύση είναι η χρήση online υπηρεσιών που εξειδικεύονται στην αποστολή newsletters.
  18. Anastasis
    Τα έντυπα μέσα επικοινωνίας και ο χώρος της διαφήμισης έχουν επηρεαστεί δραματικά από τις νέες τεχνολογίες και το διαδίκτυο. Το Clic2C είναι μία από αυτές τις τεχνολογίες. Προσπαθεί να γεφυρώσει το έντυπο μέσο (περιοδικό, εφημερίδα, φυλλάδιο, διαφήμιση) με τις έξυπνες συσκευές (smartphones) και το διαδίκτυο «με ένα κλικ». Υπεύθυνη για τη διάθεση του Clic2C στην Ελλάδα είναι η Fast River. Τι είναι το Clic2C Το Clic2C είναι μια τεχνολογία η οποία επιτρέπει τη διασύνδεση ανάμεσα στο έντυπο περιεχόμενο και το ηλεκτρονικό περιεχόμενο του διαδικτύου. Φανταστείτε μια οποιαδήποτε εικόνα σε ένα περιοδικό, σε μια εφημερίδα, σε μια διαφήμιση, στο δρόμο ή οπουδήποτε αλλού. Ένας χρήστης στρέφει το κινητό του τηλέφωνο προς την εικόνα αυτή, την κλικάρει και αμέσως νέο ηλεκτρονικό περιεχόμενο (εικόνες, video, ιστοσελίδες) ζωντανεύει στη συσκευή του. Το παρακάτω video επιδεικνύει τη χρήση του Clic2C: (το video αυτό ανήκει στη Fast River) Η εικόνα αυτή δεν είναι μια οποιαδήποτε εικόνα. Έχει εμπεδωμένο πάνω της τον κώδικα του Clic2C (ως watermark). Ο χρήστης δε μπορεί να το διακρίνει αυτό. Βλέπει την εικόνα ακριβώς όπως έχει σχεδιαστεί και δημοσιευτεί χωρίς να έχει υποβιβαστεί η ποιότητά της! Όμως, κλικάροντας πάνω της μέσα από τη δωρεάν εφαρμογή του Clic2C, η εφαρμογή διακρίνει αυτόματα το watermark και ο χρήστης μεταφέρεται στο νέο ηλεκτρονικό περιεχόμενο που τον περιμένει. Το περιεχόμενο αυτό έχει εκδοθεί στο διαδίκτυο από τον ιδιοκτήτη της εικόνας. Μπορεί να είναι οποιοδήποτε περιεχόμενο πολυμέσων υποστηρίζεται από το διαδίκτυο και τις έξυπνες κινητές συσκευές που διαθέτουμε σήμερα. Με αυτό τον τρόπο η στατική εικόνα που ο χρήστης έβλεπε μπροστά του έχει «επεκταθεί», όχι απλά με νέο περιεχόμενο, που δεν έχει την ανάγκη να είναι αποθηκευμένο ή τοποθετημένο μαζί της, αλλά με περιεχόμενο που δε θα μπορούσε καν να απεικονιστεί μαζί της (videos, ιστοσελίδες, διαγωνισμοί, υπηρεσίες κλπ). Tο QR code σε σύγκριση με το Clic2C Το QR code είναι μια τεχνολογία (ή ένα standard) μέσω της οποίας μπορεί κανείς να κατασκευάσει barcodes διαφορετικά από αυτά που έχουμε συνηθίσει (βλ. διπλανή εικόνα). Τα QR codes είναι πιο περίτεχνα και πιο ισχυρά σε δυνατότητες από τα παραδοσιακά barcodes. Συχνά τα βλέπουμε σε χρήσεις παρόμοιες με αυτές του Clic2C. Ένα QR code τυπώνεται ολόκληρο πάνω σε ένα τμήμα μιας εικόνας και μια ειδική εφαρμογή έξυπνης συσκευής το διαβάζει και παρουσιάζει στο χρήστη το επιπλέον περιεχόμενο. Η βασική χρήση και των δύο αυτών τεχνολογιών στις εφαρμογές των έντυπων μέσων και της διαφήμισης είναι παρόμοια. Ωστόσο, υπάρχει μια σημαντική διαφορά. Το watermark που το Clic2C εμπεδώνει πάνω στην εικόνα δεν επηρεάζει την εικόνα. Δεν την αλλοιώνει, δε φαίνεται καν με γυμνό μάτι. Μόνο η ειδική δωρεάν εφαρμογή μπορεί να το διακρίνει και να ενεργοποιήσει την παρουσίαση του επιπλέον περιεχομένου. Αντίθετα, τα QR codes φαίνονται ξεκάθαρα με γυμνό μάτι γιατί είναι έτσι σχεδιασμένα και πρέπει να καταλάβουν ένα τμήμα της εικόνας για να τοποθετηθούν. Χρήσεις στα έντυπα μέσα και τη διαφήμιση Με τη χρήση των έξυπνων συσκευών να αυξάνεται ραγδαία μέρα με τη μέρα και την τεράστια αποδοχή τους από το κοινό, εφαρμογές σαν το Clic2C βρίσκουν τη θέση τους ως εργαλεία των έντυπων μέσων και της διαφήμισης. Ταυτόχρονα, το διαδίκτυο είναι προσβάσιμο από παντού και σχεδόν πάντα δίνοντας έτσι απεριόριστες δυνατότητες. Μερικοί από τους τρόπους εφαρμογής του Clic2C είναι οι παρακάτω: 1) Ένα άρθρο ενός περιοδικού ή μιας εφημερίδας μέσω του Clic2C παρουσιάζει στον αναγνώστη επιπλέον συνοδευτικό υλικό που διαφορετικά δε θα ήταν δυνατό να συμπεριλάβει, όπως ένα video, περισσότερες εικόνες, ενεργούς συνδέσμους προς ιστοσελίδες. 2) Μια διαφήμιση προσκαλεί τους χρήστες της να κάνουν κλικ «πάνω της» και να πάρουν απευθείας μέρος σε διαγωνισμό που διεξάγεται για τους χρήστες του προϊόντος στο οποίο η διαφήμιση αναφέρεται. 3) Ένα προϊόν εμπεδώνει το Clic2C πάνω στη συσκευασία του και δίνει έτσι την άμεση δυνατότητα στους καταναλωτές που το αγοράζουν να επεκτείνουν την εμπειρία τους με περισσότερες πληροφορίες για το προϊόν ή για γενικότερα θέματα που του ταιριάζουν. 4) Μια εταιρεία που ενδιαφέρεται να συλλέξει πληροφορίες για τη συμπεριφορά των καταναλωτών ή να κάνει μια δημοσκόπηση μπορεί να το κάνει επιτυχημένα με την αμεσότητα που δίνει το μέσο και ο συνδυασμός Clic2C-smartphone-internet. Οι εφαρμογές είναι απεριόριστες και μόνο φαντασία χρειάζεται για να επινοήσει κανείς νέους τρόπους επικοινωνίας μέσα το Clic2C. Οι εικόνες μπορούν να ζωντανέψουν μπροστά στα μάτια των χρηστών με πολύ εντυπωσιακό τρόπο, να εντείνουν το αυξανόμενο ενδιαφέρον των χρηστών για περιεχόμενο, να ανοίξουν νέους δρόμους στη διαφήμιση αλλά ακόμη και να δώσουν διεξόδους στους παρόχους του περιεχομένου (εκδοτικοί/διαφημιστικοί οργανισμοί).
  19. Anastasis
    Η αποτελεσματικότητα μιας ιστοσελίδας εξαρτάται από πολλές παραμέτρους. Το web design είναι οπωσδήποτε μία από αυτές. Πολλές φορές δεν είναι η σημαντικότερη. Για παράδειγμα, το Google δεν ξεχώρισε ποτέ για το «φοβερό» web design του, αντιθέτως διακήρυσσε και εφάρμοζε πάντοτε την απλότητα και την ταχύτητα έναντι στην εμμονή στην αισθητική. Στο Nevma πιστεύουμε ότι το καλό web design είναι κρίσιμο για την εικόνα της οντότητας που αντιπροσωπεύει. Στο άρθρο αυτό θα εξετάσουμε το πώς αντιμετωπίζουμε το καλό web design και πώς το κάνουμε πραγματικότητα. Το web design στην Ελλάδα – Μια άγνωστη έννοια Το web design στην Ελλάδα είναι, δυστυχώς, μία έννοια σε μεγάλο βαθμό άγνωστη. Και είναι γενικά αποδεκτή αλήθεια το γεγονός ότι τα ελληνικά web sites παραδοσιακά δεν ξεχωρίζουν για την αισθητική τους. Πώς να το καταφέρουν, άλλωστε, τη στιγμή που, όπως είπαμε, το web design είναι έννοια άγνωστη και το επάγγελμα web designer πρακτικά δεν υπάρχει. Υπάρχουν παραδοσιακοί designers και υπάρχουν web developers (αυτοί που γνωρίζουν τα τεχνολογικά και τεχνικά ζητήματα όπως ο προγραμματισμός κλπ). Αλλά δεν υπάρχουν web designers. Λείπει, δηλαδή, η τομή ανάμεσα στον παραδοσιακό designer και τον designer εκείνο που ξέρει καλά το internet και πώς να σχεδιάζει για αυτό. Οι περισσότερες εταιρείες που δραστηριοποιήθηκαν στο χώρο του internet την πρώτη 10ετία της ζωής του στην Ελλάδα (περίπου 1996 με 2006) δεν έμαθαν ποτέ ότι άλλο πράγμα είναι το παραδοσιακό design, άλλο πράγμα η ανάπτυξη εφαρμογών διαδικτύου και άλλο πράγμα το web design. Για πολλά χρόνια τα ελληνικά web sites κατασκευάζονταν δίχως να έχουν σχεδιαστεί προηγουμένως προσεκτικά. Πολλές φορές δίχως να έχουν σχεδιαστεί καν! Θα μπορούσαμε να παρομοιάσουμε αυτή την τακτική σαν το να χτίζεις ένα κτήριο απευθείας χωρίς να έχεις συμβουλευθεί πρώτα αρχιτέκτονα και πολιτικό μηχανικό. Σε αυτό το φαινόμενο οδήγησαν μια σειρά από παράγοντες όπως: η τάση για γρήγορο αποτέλεσμα, η ύπαρξη έτοιμου και δωρεάν υλικού και λογισμικού στο διαδίκτυο, η αδυναμία να αντέξουν οικονομικά οι εταιρείες ένα full-time web designer, η ανωριμότητα της πρώτης εποχής του διαδικτύου, η όχι και τόσο ανταγωνιστική και απαιτητική αγορά, η αδυναμία ή/και απροθυμία να παρακολουθήσουν τις εξελίξεις στο χώρο Τι είναι το web design, τελικά; Το παραδοσιακό design το γνωρίζουμε. Μπορεί να μην το κατέχουμε αλλά όλοι γνωρίζουμε περίπου τι είναι και τι ζητάμε από αυτό. Η προγραμματιστική ανάπτυξη εφαρμογών διαδικτύου, από την άλλη, είναι κάτι που για τον πολύ κόσμο δεν είναι παρά ακαταλαβίστικοι κώδικες, όμως όλοι καταλαβαίνουν ότι έχει σχέση με την τεχνολογία και απαιτεί τεχνικές γνώσεις για να επιτευχθεί. Όμως τι είναι το web design; Θα λέγαμε ότι web designer είναι εκείνος ο οποίος διαθέτει το σύνολο εκείνο των τεχνικών γνώσεων που, σε συνδυασμό με την ικανότητα για γραφικό σχέδιο και το δημιουργικό ταλέντο, του δίνουν τη δυνατότητα να σχεδιάζει καλαίσθητες και λειτουργικές ιστοσελίδες. Φυσικά, αυτή η «νέα» ειδικότητα θα μπορούσε να έχει πολλές περαιτέρω διακλαδώσεις αλλά κάτι τέτοιο ξεφεύγει από τους σκοπούς του άρθρου αυτού. Πόσο κοστίζει το καλό web design; Για να είναι το web design αποτελεσματικό χρειάζεται εκτενής ανάλυση των αναγκών του εκάστοτε project, αρχιτεκτονική σχεδίαση όλων των εκφάνσεων μιας ιστοσελίδας, γραφικό σχέδιο, γνώσεις προγραμμάτων γραφικής σχεδίασης στον υπολογιστή κλπ. Για περισσότερα σχετικά με το θέμα αυτό μπορείτε να διαβάσετε το άρθρο μας: «Κατασκευή ιστοσελίδων. Η διαδικασία σχεδιασμού και ανάπτυξης ιστοσελίδων και πώς γίνεται στο Nevma». Για να συνδυαστούν όλες αυτές οι απαιτήσεις και να καταλήξουν σε αξιοπρεπή αποτελέσματα χρειάζεται χρόνος και κόπος. Καταλήγουμε, λοιπόν στο συμπέρασμα ότι το καλό web design δε μπορεί να μην κοστίζει. Μια ιστοσελίδα είναι η ηλεκτρονική ταυτότητα μιας εταιρείας. Είναι το ίδιο σημαντική στο χώρο του διαδικτύου όσο είναι σημαντική η οποιαδήποτε παρουσία της στον έξω κόσμο, είτε αυτή είναι μέσα από έντυπο ή άλλο υλικό είτε μέσω των ανθρώπων που την απαρτίζουν και την αντιπροσωπεύουν. Άρα, ιδίως στην εποχή της πληροφορίας και του διαδικτύου, η ηλεκτρονική της εικόνα είναι εξαιρετικά σημαντική!
  20. Anastasis
    Η κατασκευή ιστοσελίδων είναι μια διαδικασία που δεν είναι αποκλειστικά τεχνική. Πολλές ειδικότητες με διαφορετικές ικανότητες και δεξιότητες απαιτούνται έτσι ώστε οι τεχνολογίες του διαδικτύου να προσαρμοστούν κατάλληλα με σκοπό να βοηθήσουν τους γενικότερους εταιρικούς στόχους. Είναι καθήκον του συμβούλου και κατασκευαστή της ιστοσελίδας να βοηθήσει μια εταιρεία να μετουσιώσει τους φυσικούς της στόχους σε διαδικτυακούς στόχους Πρώτα οι εταιρικοί στόχοι Πριν από οποιαδήποτε απόφαση ή κίνηση υπάρχει η εταιρεία (η οντότητα, γενικότερα), της οποίας η ιστοσελίδα είναι υπό κατασκευή. Η εταιρεία αυτή πρέπει να έχει στόχους. Χωρίς συγκεκριμένους στόχους, οσοδήποτε συντηρητικούς ή φιλόδοξους, μια εταιρεία βαδίζει σε τοπίο θολό. Αυτό είναι κάτι που αντανακλάται σε κάθε δραστηριότητά της και, επομένως, στην ιστοσελίδα της. Είναι καθήκον του κατασκευαστή της ιστοσελίδας να βοηθήσει μια εταιρεία να μετουσιώσει τους φυσικούς της στόχους σε «διαδικτυακούς στόχους». Οφείλει να εκμαιεύσει τις ανάγκες της εταιρείας, συνήθως από τα τμήματα εκείνα που εμπλέκονται στο γενικότερο decision making (μάρκετινγκ, διοίκηση κλπ), να τις κατανοήσει, να τις επεξεργαστεί κατάλληλα ώστε, τελικά, να τις επιστρέψει ως συγκεκριμένες προτάσεις. Συχνά το τεχνολογικό background των ανθρώπων μιας εταιρείας δεν είναι ιδιαίτερα υψηλό και τότε είναι ακόμη περισσότερο χρήσιμο να επιδείξει κανείς διορατικότητα και να εμβαθύνει στις ιδιαιτερότητές της. Oι στόχοι αποτυπώνονται σε προτάσεις Στο κομβικό αυτό σημείο βρίσκεται η πεμπτουσία αυτού που ονομάζουμε «συμβουλευτική διαδικτύου». Η κατασκευή της ιστοσελίδας πρέπει να ξεκινήσει έχοντας ως θεμέλια τόσο την τεχνολογία, το μέσο (διαδίκτυο) και τις δυνατότητες που αυτά παρέχουν, όσο και τη γνώση των βαθύτερων εταιρικών στόχων. Το γεφύρωμα αυτών δύο, τεχνολογία/διαδίκτυο, από τη μια, και εταιρικοί στόχοι, από την άλλη, θα κρίνει σε μεγάλο βαθμό την επιτυχία του εγχειρήματος και είναι πρωτίστως ευθύνη του συμβούλου να καθοδηγήσει το συμβουλευόμενο. Οι ανάγκες που έχουν καταγραφεί πρέπει να αποτυπωθούν σε συγκεκριμένες προτάσεις. Μια εταιρική ιστοσελίδα είναι ένα πολυποίκιλο εργαλείο. Αυτό πρέπει να γίνει ξεκάθαρο. Αποτελεί μεν την εικόνα της εταιρείας στο διαδίκτυο αλλά είναι και λειτουργικό της τμήμα. Είναι αναπόσπαστο κομμάτι του brand και, ταυτόχρονα, μπορεί να εξυπηρετεί εταιρικές διαδικασίες (όπως φόρμες επικοινωνίας, ηλεκτρονικές συναλλαγές, ηλεκτρονικές υπηρεσίες κοκ). Οι προτάσεις γίνονται πραγματικότητα Το επόμενο βήμα είναι η εφαρμογή και ανάπτυξη των προτάσεων που έχουν εγκριθεί. Η συμβουλευτική που προηγήθηκε παίρνει το δρόμο της υλοποίησης. Δημιουργούνται εικαστικά σχέδια που αποτυπώνουν γραφικά τις προτάσεις. Τα σχέδια υφίστανται επεξεργασία μέχρι να πάρουν το τελικό πράσινο φως και να προωθηθούν προς υλοποίηση. Η διαδικασία της αξιολόγησης των προτάσεων είναι συνεχής και επεκτείνεται τόσο στη διάρκεια του σχεδιασμού όσο και της υλοποίησης του έργου. Η ίδια η υλοποίηση πραγματώνει τα όσα έχουν προταθεί και καταγραφεί. Είναι η φάση όπου οι στόχοι που έχουν τεθεί αρχίζουν να σχηματοποιούνται και τα αποτελέσματά τους να γίνονται σιγά-σιγά ορατά. Φυσικά, τα πλήρη αποτελέσματά τους θα συγκεντρωθούν κριθούν μετά την ολοκλήρωση και εκκίνηση του έργου. Η συμβουλευτική διαδικτύου Πρέπει, επομένως, να είναι κανείς προσεκτικός όταν αναζητά συμβουλευτική διαδικτύου. Δεν έχει ανάγκη από κάποιον που θα του παρουσιάσει έτοιμες λύσεις αλλά από κάποιον που με διορατικότητα θα αναλύσει τις πραγματικές ανάγκες της εταιρείας του και θα εμβαθύνει στους στόχους που αυτή επιθυμεί να πετύχει. Η συμβουλευτική, γενικότερα, δεν πουλά λύσεις-πακέτα, αντιθέτως, αντιμετωπίζει την κάθε οντότητα ως μοναδική. Για να το καταφέρει αυτό είναι απαραίτητη τόσο η αναλυτική ικανότητα όσο και η καλή γνώση της τεχνολογίας που πρόκειται να χρησιμοποιηθεί. Το καθήκον του συμβούλου είναι να τιθασεύσει τα εργαλεία και τις δυνατότητες που παρέχονται από τις σημερινές τεχνολογίες του διαδικτύου, ώστε να συνθέσει λύσεις που εξυπηρετούν τις εταιρικές ανάγκες. Αποτελεί τη γέφυρα που συνδέει την εταιρεία, τη διοίκησή, τους ανθρώπους και τις διαδικασίες της με το διαδίκτυο. Το έργο του έχει πολλές παραμέτρους, που όλες όμως αποτελούν τμήματα της ίδιας ενιαίας προσπάθειας: να επιτευχθούν οι εταιρικοί στόχοι.
  21. Anastasis
    Μπορούμε να χρησιμοποιήσουμε διάφορα προγράμματα επεξεργασίας εικόνας για να κάνουμε crop σε μια εικόνα (πχ. Photoshop). Μια γρήγορη και δωρεάν λύση είναι το Photo Editor Online, ένα online εργαλείο επεξεργασίας εικόνων. Αφού επισκεφτούμε την παραπάνω σελίδα, κάνουμε κλικ στην επιλογή «Open Image from computer» και επιλέγουμε το αρχείο της εικόνας που θέλουμε να επεξεργαστούμε απο τον υπολογιστή μας. Οι αρχικές διαστάσεις της εικόνας που επιλέξαμε στο παράδειγμα αυτό είναι 2560×1600 px. Θα επιχειρήσουμε να μετατρέψουμε τις διαστάσεις στης εικόνας σε 600x300px. Για να το πετύχουμε αυτό θα πρέπει αρχικά να επιλέξουμε το εργαλείο «Crop Tool» από την εργαλειοθήκη που υπάρχει στο αριστερό μέρος της οθόνης. Στη συνέχεια επιλέγουμε την τιμή «Output size» στο πεδίο «Constraint» (πάνω μέρος της οθόνης) και πληκτρολογούμε τις διαστάσεις στις οποίες θέλουμε να μετατρέψουμε την εικόνα, δηλ Width = 600 και Height = 300. Σύρουμε το δείκτη του ποντικιού πάνω στην εικόνα, κρατώντας πατημένο το αριστερό πλήκτρο. Παρατηρούμε ότι το παραλληλόγραμμο που σχηματίζουμε έχει συγκεκριμένες σταθερές αναλογίες, σύμφωνες με τις διαστάσεις που δώσαμε στο προηγούμενο βήμα. Η περιοχή που περικλείει το παραλληλόγραμμο θα αποτελεί την νέα μας εικόνα Αφού δημιουργήσουμε την περιοχή αυτή, μπορούμε να την μετακινήσουμε, να τις αλλάξουμε μέγεθος ή ακόμη και να την αναιρέσουμε (πλήκτρο Esc). Όταν καταλήξουμε στην τελική θέση της περιοχής, πατάμε το πλήκτρο Enter και η εικόνα κόβεται και μετασχηματίζεται στις διαστάσεις που ζητήσαμε. Το μόνο που απομένει είναι να αποθηκεύσουμε τη νέα εικόνα στον υπολογιστή μας. Απο το μενού που βρίσκεται στο πάνω μέρος της οθόνης επιλέγουμε File > Save. Στο νέο παράθυρο που ανοίγει θα πρέπει να επιλέξουμε τον τύπο του αρχείου εικόνας. Η συνηθέστερες επιλογές για εικόνες που χρησιμοποιούνται σε sites είναι Format: JPEG και Quality: 80. Μπορούμε επίσης να δώσουμε ένα κατάλληλο όνομα στην εικόνα στο πεδίο Name. Το όνομα αυτό θα πρέπει πάντοτε να αποτελείται από λατινικούς χαρακτήρες και να μην περιέχει κενά. Κάνουμε κλικ στο κουμπί OK, και επιλέγουμε το που θα αποθηκευτεί στον υπολογιστή μας.
  22. Anastasis
    Ένα website δεν μπορεί να είναι αποτελεσματικό και ελκυστικό αν δεν περιλαμβάνει τις κατάλληλες εικόνες. Φυσικά τα κείμενα είναι πολύ σημαντικά αλλά όσο καλογραμμένα και να είναι, δεν μπορούν να αντικαταστήσουν την αμεσότητα των εικόνων. Ένα προϊόν που δε συνοδεύεται από εικόνα, είναι σχεδόν απίθανο να αγοραστεί από ένα επισκέπτη ενός e-shop. Αλλά και ένα προϊόν που συνοδεύεται από μια κακής ποιότητας φωτογραφία, προδιαθέτει αρνητικά τον υποψήφιο αγοραστή. Ένα άρθρο χωρίς φωτογραφίες γίνεται ελάχιστα ελκυστικό προς ανάγνωση. Αλλά και μια κακής ποιότητας φωτογραφία προκαλεί κακές εντυπώσεις, αίσθηση «προχειρότητας» και αναξιοπιστίας. Οι εικόνες είναι αναπόσπαστο κομμάτι μιας ιστοσελίδας και η διακασία επιλογής των κατάλληλων εικόνων είναι μια πολυ σημαντική διαδικασία: Περιεχόμενο εικόνας Επιλέγουμε εικόνες σκεπτόμενοι πάντα το που θα τοποθετηθούν, το σκοπό εμφάνισής τους αλλά και το τι αίσθηση θέλουμε να προσδίδουν στη σελίδα μας. Η κάθε εικόνα πρέπει να συμβαδίζει με την αισθητική του site μας αλλά και με το προφίλ της εταιρίας μας. πχ. Μια εταιρία τεχνολογίας δε μπορεί να χρησιμοποιεί «παλιομοδίτικες» εικόνες ούτε εικόνες που ανατρέχουν σε προηγούμενες δεκαετίες ή ξεπερασμένες τεχνολογίες. H εικόνα που επιλέγουμε κάθε φορά θα πρέπει να «λέει» στον επισκέπτη αυτό που θέλει να πει και το κέιμενό μας, πχ. τι αντιπροσωπεύει η εταιρία μας ή με τι ασχολείται Δεν χρησιμοποιούμε εικόνες που χρησιμοποιούν ανταγωνιστικά sites ή που είναι ευρέως διαδεδομένες στο διαδίκτυο. Χρησιμοποιώντας μοναδικές εικόνες δίνετε μια ξεχωριστή αίσθηση στην παρουσίαση της εταιρίας σας αλλά και ξεχωρίζετε από τους ανταγωνιστές σας. Επίσης κάνετε τις σελίδες σας πολύ πιο ενδιαφέρουσες και ελκυστικές στους χρήστες. Ποιότητα εικόνας Η ποιότητας των εικόνων που χρησιμοποιούμε είναι θεμελιώδους σημασίας. Η χρήση εικόνων κακής ποιότητας: χαλάει την αισθητική του site μας, μειώνει την αξιοπιστία και το κύρος του site δημιουργεί αρνητική εντύπωση στον επισκέπτη για την επιχείρησή μας Για τους παραπάνω λόγους φροντίζουμε να χρησιμοποιούμε εικόνες «καθαρές», σε καλή ανάλυση και χωρίς ίχνη και στίγματα. Διαστάσεις εικόνας Η κάθε εικόνα που ανεβάζουμε στο site μας δε θα πρέπει να έχει διαστάσεις μεγαλύτερες από 1000px * 800px. Εικόνες με μεγαλύτερο μέγεθος επιβαρύνουν το χρόνο φόρτωσης των σελίδων και δεν προσφέρουν κάτι παραπάνω στον επισκέπτη. Μπορούμε να μειώσουμε το μέγεθος μιας εικόνας αλλα όχι να το αυξήσουμε. Μια εικόνα με διαστάσεις μεγαλύτερες απ” όσο χρειαζόμαστε μπορεί να σμικρυνθεί χωρίς να χάσει την ποιότητά της. Για να μικρύνουμε μια εικόνα με σωστό τρόπο θα πρέπει να εφαρμόσουμε σ’αυτή μια διαδικασία που ονομάζεται Crop. Αντίθετα μια εικόνα με μικρότερες διαστάσεις δεν μπορεί να μεγεθυνθεί χωρίς απώλειες στην ποιότητά της. Για το λόγο αυτό αποφεύγουμε να επιλέγουμε εξ’αρχής μικρές εικόνες ή να τις μεγεθύνουμε.
  23. Anastasis
    Το WordPress είναι ένα open source CMS (Σύστημα Διαχείρισης Περιεχομένου ανοιχτού κώδικα) το οποίο έγινε αρχικά γνωστό για την ανάπτυξη blogs αλλά σταδιακά εξελίχθηκε σε εργαλείο κατασκευής ολοκληρωμένων ιστοσελίδων δυναμικού περιεχομένου. Πολλά πλεονεκτήματα, πολλές δυνατότητες, ευελιξία, ευχρηστία, απλότητα & μια τεράστια κοινότητα χρηστών και developers, έχουν κάνει το WordPress το δημοφιλέστερο CMS για ανάπτυξη ιστοσελίδων σήμερα. Δυναμικό Περιεχόμενο Με σωστή ανάπτυξη και προνοητικό σχεδιασμό το WordPress σας δίνει τη δυνατότητα να ενημερώνετε εύκολα το περιεχόμενο των σελίδων σας, χωρίς την γνώση HTML ή CSS. Χρησιμοποιώντας έναν απλό editor μπορείτε να προσθέσετε, να αφαιρέσετε αλλά και να τροποποιήσετε το περιεχόμενο του site σας. SEO Το WordPress παράγει σελίδες φιλικές προς τις μηχανές αναζήτησης χωρίς να απαιτεί περίπλοκες τεχνικές και παραμετροποίηση. Με τον ενσωματωμένο μηχανισμό Permalinks που διαθέτει αλλά και με τη χρήση πρόσθετων SEO plugins, υποστηρίζει πλήρως το περιεχόμενο των σελίδων σας και το βοηθά ανέβει θέσεις στα σχετικά με αυτό αποτελέσματα αναζήτησης. Open Source To WordPress είναι μια Πλατφόρμα Ανοιχτού Κώδικα. Η κατασκευή του ξεκίνησε το 2001 και από τότε αναπτύσσεται, βελτιώνεται και δοκιμάζεται καθημερινά από εκατομμύρια χρήστες και προγραμματιστές σε όλο τον κόσμο. Είναι προϊόν της προσπάθειας και συνεισφοράς χιλιάδων ανθρώπων που το χρησιμοποιούν οι ίδιοι για τα site και τις επιχειρήσεις τους. Αυτό το καθιστά πιο σταθερό και ισχυρό από οποιοδήποτε CMS μπορεί να σας υποσχεθεί μια εταιρία κατασκευής λογισμικού. Φιλικό στο Χρήστη Το WordPress διακρίνεται για την απλότητα και την ευχρηστία του. Είναι εύκολο στην εκμάθηση και διαθέτει ένα καθαρό και απλό περιβάλλον διαχείρισης ώστε να βοηθά τον μέσο χρήστη να μπορεί να ανταποκριθεί στην διαδικασία ενημέρωσης και συντήρησης της ιστοσελίδας του. Αν μπορείτε να γράψετε ένα κείμενο σε Word, τότε μπορείτε να το κάνετε και στο WordPress. Ευελιξία Μία ιστοσελίδα θα πρέπει να μπορεί να εξελίσσεται και να ανταποκρίνεται στις απαιτήσεις του web που συνεχώς αλλάζει. Το WordPress είναι ένα ευέλικτο σύστημα το οποίο σας επιτρέπει όχι μόνο να προσθέτετε νέα χαρακτηριστικά και δυνατότητες στο site σας αλλά ακόμη και να το ανακατασκευάσετε από την αρχή ή να του δώσετε μια νέα αισθητική χωρίς να χάσετε το περιεχόμενό σας. Απλές απαιτήσεις hosting To WordPress χρησιμοποιεί ευρέως διαδεδομένες τεχνολογίες (PHP, SQL, HTML) και δεν έχει ιδιαίτερες απαιτήσεις στην παραμετροποίηση και εγκατάστασή του. Αυτό καθιστά το site σας εύκολο να φιλοξενηθεί σχεδόν απο οποιοδήποτε server.
  24. Anastasis
    Το Magento αποτελεί το πιο δημοφιλές και ταχύτερα αναπτυσσόμενο σύστημα ανάπτυξης e-shop σήμερα. Η συνεχώς αυξανόμενη δημοτικότητά του οφείλεται στις θετικές εντυπώσεις των χρηστών του και το ευρύ φάσμα επιλογών και δυνατοτήτων που προσφέρει. Free & Open Source To Magento είναι ένα δωρεάν Σύστημα Ανοιχτού Λογισμικού. Αυτό σημαίνει δυο πράγματα: Δεν χρειάζεται να ξοδέψετε έξτρα χρήματα στην αγορά ενός συστήματος e-shop και έτσι μειώνετε κατά πολύ το κόστος κατασκευής του ηλεκτρονικού σας καταστήματος. Έχετε όλα τα πλεονεκτήματα που προσφέρουν τα συστήματα ανοιχτού λογισμικού: σταθερότητα, συνεχής αναβάθμιση και εξέλιξη, διεθνής κοινότητα ανάπτυξης & υποστήριξης. Ισχυρό και αξιόπιστο λογισμικό To Magento προσφέρει δυνατότητες και λειτουργίες που τα υπόλοιπα συστήματα υπολείπονται. Είναι το ισχυρότερο και πιο ολοκληρωμένο σύστημα για τη δημιουργία e-shop. Απόδειξη είναι οι εταιρίες που το έχουν επιλέξει όπως Samsung, Olympus, Ford, Lenovo, Goodyear, Naf Naf κ.α SEO Το Magento υποστηρίζει εξ’αρχής όλα τις απαραίτητες παραμέτρους ώστε το e-shop και τα προϊόντα σας να είναι αποτελεσματικά στις μηχανές αναζήτησης: meta tags & περιγραφές προϊόντων, φιλικά και ευανάγνωστα urls, καθαρή πλοήγηση και κώδικας. Έχει επίσης ενσωματωμένη μηχανισμό υποστήριξης για Google Analytics ώστε να παρακολουθείτε τα στατιστικά επισκεψιμότητας των σελίδων και των προϊόντων σας. Άλλες δυνατότητες που σας προσφέρει το Magento: Πολλαπλά e-shops σε μια ιστοσελίδα Κατηγορίες προϊόντων σε πολλαπλά επίπεδα Αναλυτική αναζήτηση προϊόντων. Σύγκριση προϊόντων Αξιολογήσεις / Κριτικές προϊόντων από τους πελάτες σας Λίστα επιθυμητών προϊόντων (wishlist) Δημιουργία προϊόντων ειδικού τύπου όπως: ομαδοποιημένα προϊόντα ή ψηφιακά προϊόντα – υπηρεσίες. Ορισμός σχετικών προϊόντων Εκπτωτικά κουπόνια Εφαρμογή εκπτώσεων σε προϊόντα μαζικά (εκπτωτικοί κανόνες) Δυνατότητα επιλογής αποστολής προϊόντων σε πολλαπλές διευθύνσεις, με μια μόνο παραγγελία Σύστημα ειδοποιήσεων πελατών (επιβεβαίωση παραγγελίας, ενημέρωση κατάστασης παραγγελίας, αποστολή τιμολογίου, ολοκλήρωση παραγγελίας) Σύστημα αποστολής ενημερωτικών emails στους πελάτες σας (Newsletter) Απεριόριστες σελίδες στατικού περιεχομένου Υποστήριξη πληρωμών μέσω Paypal, Αντικαταβολής και Πιστωτικής Κάρτας. Υποστήριξη και συμβατότητα με τα συστημάτων ηλεκτρονικών πληρωμών των τραπεζών Alpha Bank, Eurobank, Πειραιώς και Emporiki Bank. Αν σκέφτεστε σοβαρά την δημιουργία ενός e-shop τότε η επιλογή του Magento αποτελεί μονόδρομο. Πλέον η εμπειρία μας, μας επιτρέπει να στήνουμε πετυχημένα e-shop και να εκμεταλευόμαστε τις δυνατότητες του Magento προς όφελος της επιχείρησής σας. Επικοινωνήστε σήμερα κιόλας μαζί μας για να συζητήσουμε την ιδέα σας και να σας προτείνουμε την ιδανική λύση για εσάς.
  25. Anastasis
    Το online κατάστημα της επιχείρησής σας είναι ένα περίπλοκο σύστημα, που θα πρέπει μέσα σε λίγα δευτερόλεπτα να κερδίσει το ενδιαφέρον και την εμπιστοσύνη του κάθε πελάτη/επισκέπτη. Πέρα από τις βασικές λειτουργίες και δυνατότητες που θα πρέπει να προσφέρει, χρειάζεται ιδιαίτερη προσοχή και μελετημένο σχεδιασμό. Δυστυχώς η πλειοψηφία των ελληνικών eshop απαρτίζεται απο κακοφτιαγμένα, δύσχρηστα και κακόγουστα site. Ακόμη κι αν οι τιμές σας είναι πολύ ανταγωνιστικές, η αίσθηση προχειρότητας, ανασφάλειας και καχυποψίας είναι σίγουρο ότι θα απομακρύνει αμέσως τους περισσότερους από τους επισκέπτες και πιθανούς αγοραστές της σελίδας σας. Παρακάτω λοιπόν σας παραθέτουμε δέκα σημεία στα οποία αν δώσετε σημασία, είναι σίγουρο πως θα δώσετε ώθηση στις πωλήσεις σας αλλά και στην καλή φήμη του eshop σας στο διαδίκτυο. 1) Δώστε έμφαση στην αρχική σελίδα Η αρχική σελίδα αντιπροσωπεύει τη βιτρίνα του καταστήματός σας. Αν δεν κερδίσετε με την πρώτη ματιά θετικές εντυπώσεις από τους επισκέπτες σας, δε θα συνεχίσουν στον κατάλογο των προϊόντων σας και πιθανότατα θα εγκαταλείψουν το ηλεκτρονικό σας κατάστημα. Προβάλετε και αναδείξτε σ’αυτή τα νεότερα και καλύτερα προϊόντα σας, αλλά και τις προσφορές σας. Μην το παρακάνετε με το μέγεθος της σελίδας και τον αριθμό των προιόντων. Κρατήστε την αρχική σας σελίδα καθαρή, ευανάγνωστη και καλόγουστη. Δώστε στις φωτογραφίες των προϊόντων σας την πρωταγωνιστική θέση και περιορίστε το κείμενο στο ελάχιστο. 2) Δημιουργήστε ένα Blog Ενσωματώστε ένα blog στο online κατάστημα σας ώστε να ενημερώνετε τους πελάτες για διάφορα θέματα που αφορούν τον τομέα των πωλήσεων σας. Πχ. Αν έχετε ένα eshop που εμπορεύεται είδη ένδυσης, εμπλουτίστε το με άρθρα που αφορούν τις τελευταίες τάσεις της μόδας, νέα για διάσημους σχεδιαστές, προτάσεις για συμβουλές για το ντύσιμο των πελατών σας κ.α. Αν έχετε ένα eshop που εμπορεύεται κινητά τηλέφωνα, εμπλουτίστε το με άρθρα για τα τελευταία μοντέλα μεγάλων εταιριών, ειδήσεις από το χώρο της τεχνολογίας των smartphones, προτάσεις για εφαρμογές, συγκριτικά τεστ ανάμεσα σε διάφορα μοντέλα τηλεφώνων. Διατηρώντας ένα προσεγμένο blog στο eshop σας, δείχνετε στους πελάτες σας ότι είστε ενημερωμένοι πάνω στο αντικείμενο σας, αγαπάτε αυτό που κάνετε και έχετε άποψη πάνω στα προϊόντα που πουλάτε. Επιπλέον κερδίζετε το ενδιαφέρον τους, την εμπιστοσύνη τους και τους δίνετε επιπλέον λόγους να παραμείνουν περισσότερο χρόνο στη σελίδα σας και φυσικά να επιστρέψουν ξανά σ’αυτή. Βασική προυπόθεση βέβαια είναι να ενημερώνετε το blog με νέα άρθρα συχνά (τουλάχιστον ένα άρθρο την εβδομάδα). Ένα εγκαταλελειμμένο blog δημιουργεί πολύ αρνητική εικόνα στους επισκέπτες σας και αν δεν σκοπεύετε να το διατηρήσετε είναι καλύτερα να μην το προσθέσετε καθόλου. 3) Μέθοδοι Αποστολής & Πληρωμής Οι πελάτες σας θέλουν να μάθουν τους διαθέσιμους τρόπους αποστολής και πληρωμής που παρέχετε, πριν προχωρήσουν σε οποιαδήποτε αγορά. Τοποθετήστε links για τις σελίδες αυτές σε ευδιάκριτα σημεία του eshop σας, ώστε να παρέχετε άμεση πρόσβαση στις πληροφορίες αυτές. Περιγράψτε ξεκάθαρα και υπεύθυνα τους τρόπους αποστολής και χρέωσής του καταστήματός σας. Χρησιμοποιήστε καλογραμμένα και ευανάγνωστα κείμενα, πίνακες, ακόμη και εικόνες. Κανείς δε θέλει να διαβάζει μεγάλα κείμενα, ψιλά γράμματα και προχειρογραμμένες ή ασαφείς πληροφορίες. Οι πιθανοί αγοραστές θα πρέπει να νιώθουν σίγουροι ότι η πληρωμή τους θα γίνει με ασφαλή τρόπο και ότι θα λάβουν τα προϊόντα τους γρήγορα. Επιπλέον, είναι απαραίτητο να τους ενημερώσετε για τυχόν πρόσθετα έξοδα αποστολής, συσκευασίας ή φόρους, πριν ολοκληρώσουν την αγορά τους. Διαφορετικά θα θεωρήσουν ότι εξαπατήθηκαν και δε θα προτιμήσουν το ηλεκτρονικό σας κατάστημα ξανά. 4) Προαιρετική Εγγραφή Χρήστη Με μια φράση: Μην αναγκάζετε τους χρήστες σας να εγγραφούν στη σελίδα σας για να κάνουν μια αγορά. Ένα από τα σημαντικότερα πλεονεκτήματα των ηλεκτρονικών αγορών είναι η ταχύτητα. Υποχρεώνοντας τους επισκέπτες σας να περάσουν μέσα από μια ολόκληρη διαδικασία εγγραφής, όχι μόνο τους καθυστερείτε αλλά και τους δίνετε την εντύπωση πως δεν τους εμπιστεύεστε. Στο online κατάστημά σας, όλα θα πρέπει να λειτουργούν ώστε να διευκολύνουν το χρήστη όσο το δυνατόν περισσότερο. Γι’αυτό θα πρέπει οπωσδήποτε να επιτρέπετε την αγορά προϊόντων από απλούς επισκέπτες, χωρίς να τους δεσμεύετε και να τους ταλαιπωρείτε. 5) Προωθήστε τα προϊόντα σας Το πρώτο μέρος που πρέπει να διαφημίσετε τα προϊόντα σας είναι το ίδιο το eshop σας. Δημιουργήστε ειδικές ενότητες στη σελίδα σας για να προβάλετε Νέα Προϊόντα, Προσφορές αλλά και Προτάσεις Αγορών. Δημιουργήστε Μηνιαίες/Εβδομαδιαίες/Ημερήσιες εκπτώσεις και προσφορές για να αυξήσετε το ενδιαφέρον των επισκεπτών σας αλλά και για να αυξήσετε τις πωλήσεις και την ανταγωνιστικότητά σας. Το eshop σας πρέπει να είναι ζωντανό και δυναμικό, όχι στατικό και αδιάφορο. 6) Περιγράψτε σωστά τα προϊόντα σας Η λέξεις-κλειδιά που θα πρέπει να θυμάστε είναι ομοιομορφία και λεπτομέρεια. Οι περιγραφές όλων των προϊόντων θα πρέπει να χρησιμοποιούν το ίδιο στυλ κειμένου (γραμματοσειρά, μέγεθος χρώμα κλπ) και να είναι μορφοποιημένες σωστά. Μην γράφετε ολόκληρες λέξεις ή προτάσεις με κεφαλαία γράμματα και μην χρησιμοποιείτε παντού bold κείμενο. Είναι αυτονόητο ότι τα κείμενά σας θα πρέπει να έχουν σωστή σύνταξη και να μην περιέχουν ορθογραφικά λάθη. Γίνετε όσο το δυνατόν πιο αναλυτικοί. Περιγράψτε το προϊόν με λεπτομέρεια και δώστε πληροφορίες σχετικά με το υλικό κατασκευής τους, τις διαστάσεις του κλπ. Προωθήστε το προϊόν μέσα από την περιγραφή σας και τονίστε τα θετικά χαρακτηριστικά του. Αφιερώστε χρόνο στις περιγραφές των προϊόντων σας. Οι επισκέπτες του καταστήματος σας θα το εκτιμήσουν περισσότερο απ’όσο φαντάζεστε. 7) Μην φοβάστε την κριτική Κάποιοι ιδιοκτήτες eshop φοβούνται την κριτική των χρηστών ενώ κάποιοι άλλοι δεν έχουν διάθεση να ασχοληθούν καν με αυτή. Η αλήθεια όμως είναι πως οι πελάτες δίνουν μεγάλη σημασία σε αυτό. Το internet δεν είναι είναι μόνο ένα βασικό εργαλείο εύρεσης προϊόντων, αλλά και μια ολόκληρη πηγή πληροφοριών για το κάθε προϊόν. Ο χρήστης θέλει εκτός από τη δική σας περιγραφή να πάρει πληροφορίες και από άλλους αγοραστές. Θέλει να είναι σίγουρος ότι το προϊόν που πρόκειται να αγοράσει θα εξυπηρετεί τις ανάγκες του, θέλει να ξέρει τα πλεονεκτήματα και μειονεκτήματά του, θέλει να μάθει για την αντοχή και την ποιότητα κατασκευής του. Όσο αναλυτικά και να περιγράφει ένα eshop τα προϊόντα του, δε μπορεί να πείσει τον αγοραστή καλύτερα από μια καλή κριτική ενός άλλου αγοραστή. Όχι μόνο θα πρέπει να συμπεριλάβετε την δυνατότητα αξιολόγησης, σχολιασμού και κριτικής των προϊόντων σας, αλλά θα πρέπει και να παροτρύνετε τους χρήστες σας να τη χρησιμοποιούν. Τα μεγαλύτερα eshop παγκοσμίως προσφέρουν ακόμη και εκπτωτικά κουπόνια για μελλοντικές αγορές στους πελάτες τους, προκειμένου να αξιολογήσουν τα προϊόντα που αγόρασαν. 8) Χρησιμοποιείτε επαγγελματικής ποιότητας φωτογραφίες Ένα από τα σοβαρότερα και πιο συνηθισμένα λάθη που κάνουν οι ιδιοκτήτες online καταστημάτων είναι να μην δίνουν ιδιαίτερη σημασία στις φωτογραφίες των προϊόντων τους. Οι πελάτες του eshop σας καλούνται να αγοράσουν προϊόντα χωρίς να τα δουν από κοντά ή να τα πιάσουν στα χέρια τους. Είναι αυτονόητο ότι για να πεισθούν χρειάζονται περισσότερα από μια μικρή και κακής ποιότητας φωτογραφία. Στο ίντερνετ μπορείτε να βρείτε εύκολα και δωρεάν φωτογραφίες των προϊόντων σας, με βασικότερη πηγή το site του κατασκευαστή ή της εταιρίας παραγωγής. Αν οι φωτογραφίες είναι δύσκολο να βρεθούν ζητήστε από έναν επαγγελματία να φωτογραφήσει τα προϊόντα σας. Εναλλακτικά, φωτογραφήστε τα εσείς οι ίδιοι, αρκεί να διαθέτετε επαγγελματική φωτογραφική μηχανή, να χρησιμοποιείτε το κατάλληλο φόντο και φωτισμό και να μπορείτε να επεξεργάζεστε τις φωτογραφίες στον υπολογιστή σας. Δώστε βάρος όχι μόνο στην ποιότητα αλλά και στην ποσότητα. Όσες περισσότερες φωτογραφίες τόσο πληρέστερη η εικόνα που θα δώσετε στο χρήστη για το προϊόν. 9) Σχετικά Προϊόντα Μια πολύ χρήσιμη δυνατότητα που θα πρέπει να διαθέτουν όλα τα eshop είναι η προβολή σχετικών προϊόντων. Τα σχετικά προϊόντα είναι ένα σύνολο προϊόντων (συνήθως 3-5) που θεωρείτε σχετικά με το τρέχον προϊόν που βλέπει ο χρήστης και που του προτείνετε να δει στη συνέχεια. Τα σχετικά προϊόντα μπορούν να έχουν τη μορφή «Μπορεί να σας ενδιαφέρουν και τα παρακάτω..» ή «Χρήστες που αγόρασαν αυτό προϊόν, ενδιαφέρθηκαν επίσης για τα παρακάτω..» κλπ. Όπως κι αν επιλέξετε να τα παρουσιάσετε, τα σχετικά προϊόντα είναι ένας πολύ αποδοτικός μηχανισμός μέσα από τον οποίο παροτρύνετε τους πελάτες σας να γνωρίσουν περισσότερα προϊόντα σας και να δουν πιο ολοκληρωμένα τον κατάλογό σας. 10) Προσπαθήστε να βελτιώνεστε συνεχώς Όπως και ένα συμβατικό κατάστημα, έτσι και το ηλεκτρονικό, θα πρέπει να εξελίσσεται και να βελτιώνεται. Η καλύτερη πηγή για να μάθετε που υστερείτε σε σχέση με τους ανταγωνιστές σας, είναι οι ίδιοι οι πελάτες σας. Απαντήστε σε κάθε κριτική ή παράπονο και λάβετε σοβαρά υπόψιν τα σχόλια τους. Μετά από κάθε αγορά ζητήστε τους να κρίνουν την εξυπηρέτηση και την ποιότητα των υπηρεσιών που τους παρέχετε. Έλαβαν τα προϊόντα που παρήγγειλαν έγκαιρα; Είναι ευχαριστημένοι από την εξυπηρέτηση σας; Πως κρίνουν το eshop σας; Διαθέτει ποικιλία, καλές τιμές κλπ; Ένας ευχαριστημένος πελάτης, φέρνει πάντα περισσότερους. Μην επαναπαύεστε και πιάστε δουλειά!
×