Τι μας αρέσει στα επαγγελματικά sites!

Σχόλια από τον χώρο του Web Design, Web Development.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 25 Απρ 2003 11:03

* Χαρακτηρίσθηκε ως Βοήθημα της χρονιάς 2003, βάση του αριθμού των μελών που το είχαν στα αγαπημένα τους θέματα!

Παίρνω μία πρωτοβουλία και αρχίζω ένα project εδώ στο freestuff.gr. Τίτλος αυτού του project όπως θα είδατε είναι "Τι μας αρέσει στα επαγγελματικά sites!" και σκοπός του είναι να δείξει κάποιες τεχνικές που θα κάνουν το site μας να φαίνεται επαγγελματικό. Όμως επειδή δεν θα ήθελα να γράφω σκέτη θεωρία, σκέφτηκα να βλέπουμε τις τεχνικές αυτές στην πράξη.
Έτσι λοιπόν αρχίζουμε με το πρώτο site το Nike.com. Ακολουθούν πολλά ακόμα! Φυσικά, θεμιτή θα ήταν η παρέμβαση σας για σχόλια, παρατηρήσεις κτλ. ή η συνέχιση του project απο εσάς!
Kαλή αρχή λοιπόν!
Τελευταία επεξεργασία από το μέλος fmayakos την 25 Απρ 2003 11:08, έχει επεξεργασθεί 1 φορά συνολικά.
βαρέθηκα να διαβάζω greeklish!
κάντε έναν κόπο http://speech.ilsp.gr/greeklish/greeklishdemo.asp και μεταφράζετε τα μηνυματα σας
περισσότεροι θα τα διαβάσουν στα ελληνικά!

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 25 Απρ 2003 11:07

Καταχώρηση: 001
Site: Nike.com


Εικόνα
Τελευταία επεξεργασία από το μέλος fmayakos την 25 Απρ 2003 14:05, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
greekbytes
WebDev Moderator
Δημοσιεύσεις: 2438
Εγγραφή: 15 Νοέμ 2002 15:42
Τοποθεσία: Αθήνα
Επικοινωνία:

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από greekbytes » 25 Απρ 2003 12:07

Poli oraia i idea sou! Mono kalitera na kaneis tis eikones jpg giati sto png auti einai 500KB kai argei poli na fortosei.

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 25 Απρ 2003 14:08

164 KB σε jpg... Δεν θέλω να ρίξω άλλο την ποιότητα. Καλά δεν είναι? :-?

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27626
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από cordis » 25 Απρ 2003 14:34

τώρα είναι καλύτερα ;)
απλά καλό είναι τα λεκτικά να μπαίνουν ως κείμενο για να μπορούν να αναζητηθούν και να είναι και πιο ευανάγνωστα... και η εικόνα θα είναι ακόμα πιο μικρή... εγώ έχω 1152χ864 και πρέπει να κάνω scroll για να την δω.. ;)
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 26 Απρ 2003 00:38

Καταχώρηση: 002
Site: Apple: Quicktime


Εικόνα

1) Πολύ σημαντικός παράγοντας για την επιτυχία ενός site είναι η λειτουργικότητα. Αν χρειάζονται παραπάνω από λίγα δευτερόλεπτα για την ευρεση μιας πληροφορίας τότε ο χρήστης θα κλείσει αμέσως το παράθυρο. Εδώ όμως δεν έχουμε μόνο λειτουργικότητα αλλά και καλαισθησία. Απ' τη μια, οι καρτέλες (tabs) προσφέρουν μεγάλη ευκολία στην πλοήγηση καθώς χρησιμοποιούνται απο πολλά sites (amazon, search.yahoo.com) και επειδή έχουν καθιερωθεί στα λειτουργικά συστήματα. Απ' την άλλη εφαρμόζεται το aqua στυλ (αυτή η αίσθηση του πλαστικού) το οποίο έχει αποδειχθεί πολυ πετυχημένο. Για την εφαρμογή αυτού του στυλ στο δικό σας site μπορείτε να συμβουλευτείτε ένα tutorial site. Τέλος, να διευκρινίσουμε ότι και οι γραμμές παίζουν πολύ σημαντικό ρόλο καθώς τα απλά επαναλαμβανόμενα patterns δίνουν την αίσθηση του βάθους, χρησιμοποιούνται καθαρά λοιπόν σαν υπόβαθρο.
2) Μία πρωτοτυπία της Apple ήταν να τοποθετήσει το λογότυπο του προϊόντος στην κεντρική στήλη και όχι στην αριστερή όπως συνηθίζεται. Αυτή η καινοτομία φαίνεται να είναι πιο αποτελεσματική καθώς, τελικά, το πρώτο που προσέχει κανείς είναι το κέντρο. Τέρμα λοιπόν στη νοοτροπία του: "Τα logo πρέπει να είναι οπωσδήποτε στα αριστερά"
3) Oι γραμμές που χωρίζουν κατακόρυφα σε στήλες καλό θα ήταν να είναι διακριτικές ή να μην υπάρχουν καθόλου γιατί οι στήλες χωρίζονται αυτόματα και νοητά στο μάτι μας.
4) Δείτε και μόνοι σας πόσο πιο κυριλέ φαίνεται το να χρησιμοποιείς μια γραμματοσειρά και ακριβώς απο δίπλα να συνεχίζεις με την ίδια σε άλλο χρώμα. Φανταστείτε το τώρα να έλεγε Switch to a Mac: και με τεράστια γράμματα watch the ads.... Θα ήταν πολύ ερασιτεχνικό...
5) Μεγαλύτερη σημασία έχει να δημιουργήσετε χωρίσματα οριζόντια παρά κατακόρυφα. Το μάτι μας μπερδεύεται στις σειρές ενώ στις στήλες δεν έχει πρόβλημα. Μπορείτε να το συνειδητοποιήσετε και μόνοι σας: Αν έχετε έναν πίνακα είναι πολύ πιο εύκολο να "χάσετε" τη σειρά που κοιτούσατε παρά τη στήλη.

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 11 Μάιος 2003 22:01

Καταχώρηση: 003
Site: Onyro Ltd | Greek Design Studio

Εικόνα

1) Ρεαλιστικό μεταλλικό gui! Ο πρώτος λόγος που τρελαίνομαι γι' αυτό το site. Όχι άλλα sites με brushed metal! Πολύ πρόχειρος τρόπος, πολύ μικρή αληθοφάνεια! Αυτά επιτυγχάνονται συνήθως με flat χρωματισμένα layers και με πολύ πειραματισμό στα lighting effects ή με πάρα πολλές ρυθμίσεις στα layer styles. Όπως και να 'χει, εδώ είναι πετυχημένο!
2) Τρομερό logo! Αυτό το λογότυπο έχει ό,τι πρέπει να έχει ένα σωστό λογότυπο: το εφέ αλλαγής χρώματος αλλα διατήρησης της γραμματοσειράς (βλ. 002 - 4) απο κάτω με έντονο χρώμα μία mini-word και δεξιά ένα vector σήμα, το οποίο ακολουθεί τις αρχές του κινήματος Gestalt Psychologie καθώς ενέχει κίνηση!
3) Κομμένα παραθυράκια για το περιεχόμενο! Ενώ το gui είναι σαν ένα ενιαίο μεταλλικό panel, το περιεχόμενο τοποθετείται σε τρύπες του gui, δίνοντας έτσι την αίσθηση του παραθύρου. Αυτό αποτελεί έναν από τους βέλτιστους τρόπους προβολής περιεχομένου καθώς αυτή η τακτική έχει υιοθετηθεί εδώ και πολλά χρόνια απο τα περισσότερα λειτουργικά συστήματα.
4) Customized Balloon Tips! Φτάνει πια με τα μονότονα, απλά κίτρινα tips των windows! Εδώ έχουμε α) άλλο χρώμα β) άλλη γραμματοσειρά (βλ. 6) γ) αίσθηση προσανατολισμού με το βελάκι δ) αισθηση ότι αυτό το tip έχει εμφανιστεί από πάνω χρησιμοποιώντας bevel και σκιά!
5) Customized Scrollbars! Ενώ στην απλή HTML το μόνο που μπορούμε να αλλάξουμε είναι τα χρώματα της scrollbar, με άλλες τεχνικές (flash, dhtml σε i-frames) μπορούμε να αλλάξουμε ριζικά την εμφάνιση αυτών!
6) Bitmap γραμματοσειρές! Αυτές οι γραμματοσειρές χρησιμοποιούνται για να δώσουν την αίσθηση του παλιού (όταν δεν υπήρχε anti-alias) ωστόσο η χρήση τους προϋποθέτει κάποιους "κανόνες": α) απενεργοποίηση του anti-alias β) τροποποίηση του spacing και γ) εφαρμογή της γραμματοσειράς μόνο στο μέγεθος που προτείνει η κάθεμία.

AlexanderTheGr
Δημοσιεύσεις: 153
Εγγραφή: 11 Ιούλ 2003 04:22
Επικοινωνία:

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από AlexanderTheGr » 17 Σεπ 2003 04:53

Giati stamatises. Itan poli kali i douleia sou....

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 17 Σεπ 2003 22:47

δεν σταμάτησα! συνεχίζω ακόμα!
αυτό το τελέυταίο το έστειλα πριν μια βδομάδα και ετοιμάζω κι άλλο.
ευχαριστώ!

Άβαταρ μέλους
Cha0s
SysAdmin
Δημοσιεύσεις: 10242
Εγγραφή: 28 Ιούλ 2001 03:00

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από Cha0s » 17 Σεπ 2003 23:39

Kala to "Onyro" me afise m***ka kanonika :P

Einai apithano!

To gui opos eipes den pezetai teleios!!!

Ta palikaria mamaneeeeeeee :P

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 17 Σεπ 2003 23:46

έρχονται κι άλλα ελληνικά sites με στυλ! τα οποία δυστυχώς δεν είναι τόσο γνωστά σε όλους!
όντως το onyro είναι απο τις καλύτερες δουλειές (αν όχι η καλύτερη) στη κατηγορία αυτή!
η υπογραφή σου είναι υπέροχη!

Άβαταρ μέλους
Cha0s
SysAdmin
Δημοσιεύσεις: 10242
Εγγραφή: 28 Ιούλ 2001 03:00

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από Cha0s » 18 Σεπ 2003 01:59

Goustareis e? xaaxaxaxaxaxxa
Exo dialeksei gamo ta genders,
gamo ta avatars, gamo tis ipografes, gamo tis perioxes... eiami gamatos telika!

XAAXAXAXAXAXAXAXAXAXAX
AXAXAXAXAXAXAXXAAXAXAXXAXAXA

Άβαταρ μέλους
eforias
Δημοσιεύσεις: 166
Εγγραφή: 24 Ιούλ 2003 22:01
Τοποθεσία: Athens - Hellas

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από eforias » 18 Σεπ 2003 02:01

έρχονται κι άλλα ελληνικά sites με στυλ! τα οποία δυστυχώς δεν είναι τόσο γνωστά σε όλους!
όντως το onyro είναι απο τις καλύτερες δουλειές (αν όχι η καλύτερη) στη κατηγορία αυτή!
η υπογραφή σου είναι υπέροχη!
pantws egw tha toniza ena pragma fisika ta paidia den kserw ti gnwmh tha exoun alla egw to vlepw aliws to thema ayto...

na mhn briskeis etairies megales opws nike.com h aple ktl ktl kalo tha eitan na kserame selides pragmatika omorfes opou exei pesei pragmatika douleia!!!! to kseroume oti oi megales eteries den tha exoun mia selida tis plakas.....

egw proswpika to vlepw foverh fash ayto!!!!

Bravo kai kalh sinexeia egw mazi sou!!!!!
Μην μου Μιλάτε, Δέν είμαι καλά!

Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

Τι μας αρέσει στα επαγγελματικά sites!

Δημοσίευση από fmayakos » 18 Σεπ 2003 23:47

eforias έγραψε:pantws egw tha toniza ena pragma fisika ta paidia den kserw ti gnwmh tha exoun alla egw to vlepw aliws to thema ayto...

na mhn briskeis etairies megales opws nike.com h aple ktl ktl kalo tha eitan na kserame selides pragmatika omorfes opou exei pesei pragmatika douleia!!!! to kseroume oti oi megales eteries den tha exoun mia selida tis plakas.....

egw proswpika to vlepw foverh fash ayto!!!!

Bravo kai kalh sinexeia egw mazi sou!!!!!
να σου πω κι εγώ προσωπικά προτιμώ να βρίσκω λεπτομέρειες και να τις εξάρω σ' αυτή την στήλη απο sites προσωπικά και όχι από μεγαλες εταιρείες. και αν μπορούσα θα ανέλυα μόνο τέτοια sites.
ωστόσο στο ποια sites επιλέγω ειπεισέρχονται πάρα πολλοί παράγοντες όπως δημοτικότητα, τεχνικές που χρησιμοποιούνται και το γεγονός ότι υπάρχουν πολλά στοιχεία που χρησιμοποιούνται κατ' εξοχήν απο βαριά sites (nike, apple, microsoft κτλ.) οπότε είναι αναπόφευκτο.
πάντως για ένα να είσαι σίγουρος ότι οι δύο επόμενες καταχωρήσεις θα σου αρέσουν εξίσου!
(ευχαριστώ για το feedback eforia όπως και να χει!)

Απάντηση

Επιστροφή στο “Web Usability & Accessibility”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες