Curs 8 - Conținut și design în programarea web - Andrei
Curs 8 - Conținut și design în programarea web - Andrei Curs 8 - Conținut și design în programarea web - Andrei
Universitatea Politehnica Bucuresti - Facultatea de Automatica si Calculatoare Construirea de ajutor de navigaţie naviga ie • Când cineva vă accesează site-ul: – Ce e cel mai probabil să caute? – Cât de sofisticaţi sunt utilizatorii? – Aproape nimeni nu întreprinde suficientă testare a uşurinţei de navigare • O problemă clasică: descoperiţi o pagină interesantă dar nu ştiţi ce pagini se află “împrejurul” ei – Sunt paginile organizate într-o manieră simplă şi consistentă? – Poate vizitatorul să găsească calea către pagina home? – Poate utilizatorul să spună dacă se mai află sau nu pe acelaşi site? – Barele de butoane sunt utile, dar nu omiteţi legăturile text – Evitaţi paginile dead-end (acelea fără nici un link) 07.05.2009 Curs Programare Web, anul 4 C5 – Curs 8 102
Universitatea Politehnica Bucuresti - Facultatea de Automatica si Calculatoare Ajutaţi Ajuta i vizitatorii să găsească pagini în n site • Dacă aveţi multe pagini puteţi folosi meniuri pe nivele... – Priviţi un cuprins dintr-o carte; de obicei există secţiuni principale şi subsecţiuni • ...dar utilizatorilor nu le plac multe meniuri mici – Studiile arată că utilizatorii preferă meniuri dense cu multe alternative în detrimentul meniurilor mici, gen one-step-at-a-time – “Site maps” au devenit tot mai populare • Nu toată lumea încarcă grafica implicit – Hărţile grafice sunt frumoase, dar păstraţi totuşi şi legături text – Gândiţi-vă să faceţi paginile disponibile şi persoanelor cu disabilităţi • Luaţi în considerare adăugarea unui motor de căutare în cadrul site-ului • Nu permiteţi părăsirea accidentală a site-ului – Faceţi distincţie între link-urile locale şi link-urile ce dus vizitatorii în afara site-ului – Daţi paginilor un “look” consistent 07.05.2009 Curs Programare Web, anul 4 C5 – Curs 8 103
- Page 51 and 52: Universitatea Politehnica Bucuresti
- Page 53 and 54: Universitatea Politehnica Bucuresti
- Page 55 and 56: Universitatea Politehnica Bucuresti
- Page 57 and 58: Universitatea Politehnica Bucuresti
- Page 59 and 60: Universitatea Politehnica Bucuresti
- Page 61 and 62: Universitatea Politehnica Bucuresti
- Page 63 and 64: Universitatea Politehnica Bucuresti
- Page 65 and 66: Universitatea Politehnica Bucuresti
- Page 67 and 68: Universitatea Politehnica Bucuresti
- Page 69 and 70: Universitatea Politehnica Bucuresti
- Page 71 and 72: Universitatea Politehnica Bucuresti
- Page 73 and 74: Universitatea Politehnica Bucuresti
- Page 75 and 76: Universitatea Politehnica Bucuresti
- Page 77 and 78: Universitatea Politehnica Bucuresti
- Page 79 and 80: Universitatea Politehnica Bucuresti
- Page 81 and 82: Universitatea Politehnica Bucuresti
- Page 83 and 84: Universitatea Politehnica Bucuresti
- Page 85 and 86: Universitatea Politehnica Bucuresti
- Page 87 and 88: Universitatea Politehnica Bucuresti
- Page 89 and 90: Universitatea Politehnica Bucuresti
- Page 91 and 92: Universitatea Politehnica Bucuresti
- Page 93 and 94: Universitatea Politehnica Bucuresti
- Page 95 and 96: Universitatea Politehnica Bucuresti
- Page 97 and 98: Universitatea Politehnica Bucuresti
- Page 99 and 100: Universitatea Politehnica Bucuresti
- Page 101: Universitatea Politehnica Bucuresti
- Page 105 and 106: Universitatea Politehnica Bucuresti
- Page 107 and 108: Universitatea Politehnica Bucuresti
- Page 109 and 110: Universitatea Politehnica Bucuresti
- Page 111 and 112: Universitatea Politehnica Bucuresti
- Page 113 and 114: Universitatea Politehnica Bucuresti
- Page 115 and 116: Universitatea Politehnica Bucuresti
- Page 117 and 118: Universitatea Politehnica Bucuresti
- Page 119 and 120: Universitatea Politehnica Bucuresti
- Page 121 and 122: Universitatea Politehnica Bucuresti
- Page 123 and 124: Universitatea Politehnica Bucuresti
- Page 125 and 126: Universitatea Politehnica Bucuresti
- Page 127 and 128: if(dMinutes < 10) { dMinutes = "0"
- Page 129 and 130: Universitatea Politehnica Bucuresti
- Page 131 and 132: Universitatea Politehnica Bucuresti
- Page 133 and 134: Universitatea Politehnica Bucuresti
- Page 135 and 136: Universitatea Politehnica Bucuresti
- Page 137 and 138: Universitatea Politehnica Bucuresti
- Page 139 and 140: Detecting Browser Information
- Page 141 and 142: Universitatea Politehnica Bucuresti
- Page 143 and 144: Universitatea Politehnica Bucuresti
- Page 145 and 146: Universitatea Politehnica Bucuresti
- Page 147 and 148: Universitatea Politehnica Bucuresti
- Page 149 and 150: Universitatea Politehnica Bucuresti
- Page 151 and 152: Universitatea Politehnica Bucuresti
Universitatea Politehnica Bucuresti - Facultatea de Automatica si Calculatoare<br />
Ajutaţi Ajuta i vizitatorii să găsească pagini <strong>în</strong> n<br />
site<br />
• Dacă aveţi multe pagini puteţi folosi meniuri pe nivele...<br />
– Priviţi un cuprins dintr-o carte; de obicei există secţiuni principale<br />
şi subsecţiuni<br />
• ...dar utilizatorilor nu le plac multe meniuri mici<br />
– Studiile arată că utilizatorii preferă meniuri dense cu multe<br />
alternative <strong>în</strong> detrimentul meniurilor mici, gen one-step-at-a-time<br />
– “Site maps” au devenit tot mai populare<br />
• Nu toată lumea <strong>în</strong>carcă grafica implicit<br />
– Hărţile grafice sunt frumoase, dar păstraţi totuşi şi legături text<br />
– Gândiţi-vă să faceţi paginile disponibile şi persoanelor cu<br />
disabilităţi<br />
• Luaţi <strong>în</strong> considerare adăugarea unui motor de căutare <strong>în</strong><br />
cadrul site-ului<br />
• Nu permiteţi părăsirea accidentală a site-ului<br />
– Faceţi distincţie <strong>în</strong>tre link-urile locale şi link-urile ce dus vizitatorii<br />
<strong>în</strong> afara site-ului<br />
– Daţi paginilor un “look” consistent<br />
07.05.2009 <strong>Curs</strong> Programare Web, anul 4 C5 – <strong>Curs</strong> 8<br />
103