Тема първа


Видове сайтове. Избиране на домейн на сайта. Основни принципи при проектирането и изисквания при изграждане на сайта



страница3/7
Дата26.08.2016
Размер1.53 Mb.
#7376
1   2   3   4   5   6   7

Видове сайтове. Избиране на домейн на сайта. Основни принципи при проектирането и изисквания при изграждане на сайта
Доц. д-р Йордан Николаев1. Видове сайтове -- характерни черти. Тип на сайта

Основното предназначение към всеки уеб сайт е да информира - по-принцип за новините и времето, или за дадена фирма и нейната дейност. Същевременно колкото по атрактивно бъде осъществено това, толкова по-голяма популярност печели сайта.

В уеб дизайна е много разпространено понятието “Успешен уеб сайт“, с което се обозначават тези решения, които успяват да привлекат хора, да ги заинтересоват и дори да ги обединят в нещо. И това не са винаги сайтове с главозамайващ графичен дизайн или техническо решение от висок клас. За потребителите на Интернет е разпространено мнението, че те са нетърпеливи, тоест те не са склонни да чакат дълго за каквото и било и същевременно лесно се отегчават от всичко. Обикновено това е причината, поради която се смята, че графичния дизайн е от особено значение и от него изцяло зависи успехът или провалът на уеб сайта. Обаче, именно атрактивните уеб решения стават много тежки и за зареждането на дадена страница се налага да се чака с минути. Същевременно колкото и да е привлекателен в графично отношение уеб сайта може да си остане все така ненужен, ако в него няма полезна информация. В първия момент той може да привлече посетители, но след това да ги разочарова и в крайна сметка да се превърне в губеща инвестиция. Това ни показва, че уеб сайта може да бъде разглеждан като всеки друг продукт, предназначен за масова употреба. От една страна той трябва да е с добър външен вид, от друга – да е полезен и удобен за използване, защото само това може да гарантира неговия успех.

Анализирайки всичко до тук можем да обобщим, че основните изисквания при създаването на уеб сайт са: атрактивност, полза и достъпност.



  • атрактивност – това, което ще привлече и най-забързания или попаднал по грешка в сайта посетител.

  • полза – това, което ще го заинтересова и ще го накара да се върне отново.

  • достъпност – това, което ще му предостави необходимото удобство.

Комбинирането на тези три изисквания определя и основната същност на уеб дизайна, а именно балансът между отделните изисквания. Повишаването на атрактивността обикновено намалява достъпността и в никакъв случай не може да компенсира липсата на информация.

Може да се предложи, че посочените критерии са от различна важност при различните по предназначение уеб сайтове. Очевидно за тези, които представят новини, анализи, дори хороскопи в Интернет, най-важна ще бъде ползата за посетителите. Сайтовете, които се борят за висок трафик, ще наблегнат на достъпността, а примерно страницата на някои известен филм - на атрактивността. По тази причина е прието уеб сайтовете да бъдат разделяне по определени критерии, като по този начин се оформят и техните основни видове:




  • портален сайт

  • информационен сайт

  • новинарски сайт

  • корпоративен сайт

  • сайт за услуги

  • електронен магазин

  • институционален сайт

  • развлекателен сайт

  • арт сайт

  • личен сайт


Порталът съдържа голям брой връзки, класифицирани по определен принцип, има възможност за търсене, регистрация на потребител или създаване на електронна поща. Най-важното при порталните сайтове е тяхната функционалност. Възможността за изключително впечатляващ дизайн липсва, тъй като целта на портала е да дава бързо и лесно информация.

Порталите се зареждат се бързо, съдържат най-вече текст, графичните елементи са сведени до минимум и са добре оптимизирани. Доброто решение при портал се състои най-вече в използване до крайност възможностите на шрифта и неговият текст, добра организацията на навигацията и допълнителната информация, както и цялостната структура на сайта.

Примери за портален сайт:
www.hit.bg

http://www.dir.bg/

При информационните сайтове обикновено не се среща splash страница, тъй като тяхната основна цел не е да впечатляват с изключителен дизайн, а да дават информация. Информационните сайтове също съдържат голям брой връзки, но графичните елементи са повече от тези при портала. Въпреки това сполучливите информационни сайтове се зареждат бързо и дават на потребителите информацията, която търсят. Характерното при този вид сайтове е че когато са насочени към различни видове аудитория те определено се различават в пропорцията функция/визия. Така например в някои дизайнерски информационни сайтове се среща нулева страница и навигацията е решена графично - нещо нехарактерно за информационните уеб сайтове.

Примери за информационен сайт:
http://www.citforum.ru/
Новинарските сайтове са разновидност на информационните. Различават се от тях по съдържащата се в тях информация и динамиката при нейното обновяване, като рубриките които се поддържат в тях са постоянни. Освен това се предвижда възможност за създаване на архив от публикуваните новини.
Примери за новинарски сайт:
www.monitor.bg

www.segabg.com

www.novini.com

При корпоративните сайтове се наблюдава голямо разнообразие на решения, породено от това, че корпоративният сайт има своя определена аудитория и структурата и съдържанието му са съобразени конкретно с нея. При този вид сайтове има възможност за използване на по-креативен подход, по-сложни цветови решения и разчупени композиции. Въпреки преобладаващите графични менюта, се използват повече графични и Flash елементи, което придава свежа нотка на иначе строгото корпоративно решение.

Примери за корпоративен сайт:
www.mtelecom.bg

www.mtel.net

http://www.kai.bg/

Сайтовете за услуги и електроненните магазини са предназначени за масовото обслужване на една голяма аудитория, като предлагат извършване на услуги и продажби на стоки. В тях е засилен рекламният ефект. Електронните магазини задължително предоставят и възможност за разплащане по електронен път. В зависимост от характерът на услугата, тази функция се използва и в сайтовете за услуги.

Примери за сайт за услуги:



www.obiavi-bg.com

http://spravki.gbg.bg/uslugi/

http://mo.all.bg/cgi-bin/view.cgi?action=view&c=16
Примери за електронен магазин:

www.hpshop.cnsys.bg

http://www.teleshop.bg

www.okazion.bg
Институционалните сайтове имат представителни функции, тъй като се изграждат от държавни и други ведомства. Информацията, която се предоставя от тях съдържа нормативни документи и поради силно изразения характер на публична дейност на тези институции, информира гражданите за своята дейност.

Примери за институционален сайт:



http://www.government.bg/

www.operavarna.bg

http://www.taxadmin.minfin.bg

www.noi.bg
При арт сайтовете се наблюдава голяма свобода при използването на графичните елементи, текста, навигацията както и цялостната структура на сайта и неговият интерфейс. При тези сайтове се използват авангардни цветови и композиционни решения и често компютърните екрани се превръщат в частна виртуална галерия за изкуство представено в интернет. Времето за отваряне на страниците на арт сайтовете е малко повече в сравнение с другите видове сайтове, но това е разбираемо като се има предвид наличието на голямото количество графични елементи и често използваният в този вид сайтове Flash. В този случай обаче посетителите са готови да изчакат малко повече, за да разгледат представеното на сайта. Често в Интернет арт-сайтове посетителите са и участници в процеса на създаване на уеб проектите, което е и основното предимство на Интенет арта, а именно неговата интерактивност

Примери за арт сайтовете:
http://photo-forum.net/

http://www.zazzle.com/

www.frite.hit.bg

www.nail-art.ru/prise.htm

www.cult.bg

http://www.bulphoto.com/

Развлекателен сайт (архив за музика или за анимация например). Феновете на мултимедията обикновено са опитни потребители или студенти, което налага последната дума на техниката да присъства при разработката. Потребителите ще очакват привлекателен интерактивен дизайн с възможности за търсене на информация и файлове. Независимо от аудиторията и целта на един сайт, той ще изисква специфичен подход към избора на оформление, графичен дизайн и информационната архитектура.

Примери за развлекателен сайт:



www.online-fun.org

www.fun.bg
Личен сайт. Тук създателите могат да правят каквото си искат стига да задоволяват целите си. Например сайт, на който се намира личната биография на човека трябва да е добре издържан, стегнат и семпъл.

Примери за личен сайт:

http://vania.bgfree.biz/#

http://www.asystbg.com/dimitrov/wdbg.html

http://ukazatel.gbg.bg/hora/lichni/

Първоначалният етап от проектиранто на един сайт е свързан с определянето на неговия вид и съответно съобразяване в последствие с основните изисквания за сайтовете от този вид.

При изграждането на уеб сайтове трябва да се има предвид, че посетителите имат различни очаквания за времето за което ще се отвори страницата в зависимост от вида на посетения от тях сайт. Затова използването на елементите, които изграждат един уеб проект трябва да бъде съобразено с вида на сайта и неговата аудитория. Така както не би трябвало да се използва нулева страница или графична навигация за един портален сайт по същия начин при един арт уеб проект имаме малко текст и много графични изображения.

Именно чрез правилният избор и използване на тези елементи се изграждат сайтове, които не само изглеждат добре, но и работят добре.

При проектирането на сайта е добре да се направи маркетингово проучване – съществуват ли сходни на планирания родно- или чуждоезични сайтове, да се анализират лидерите в областта и да се извлече максималното, от положителния и отрицателния чужд опит. От разглеждането на сайтове, подобни на този, който предстои да се изгради, могат да се извлекат много идеи, както по отношение на съдържанието, така и за функционалността, оформлението, дизайна и други. Подобен подход предполага избягване на грешки допуснати от други сайтове и възможност да се създаде наистина добро, полезно и удобно за бъдещите си потребители уеб решение.

Тип на сайта

Ако разгледаме различните видове уеб сайтове ще установим, че техните основни елементи са изградени и координирани по определен начин в зависимост от типа сайт.

Всички сайтове в Интернет се разделят основно на 2 типа:


  • статични

  • динамични.

Статичните сайтове предоставят традиционно присъствие на фирмите в Интернет като съдържат графики и(или) текст, които се разполагат от дизайнерите и остават постоянни за дълъг период от време. Промяната им е съпътствана от значителни (в сравнение с разходите при динамичните страници) разходи за обновяването на страницата. При статичните страници са необходими страница и уеб сървър на който се разполага страницата и от който потребителите имат достъп до нея.



Pис. 1

Статичните страници са удобни, когато публикуваното съдържание няма да бъде променяно за дълго време, но когато то е необходимо да се обновява, тогава е необходим друг подход, който се олицетворява в използването на динамични страници за присъствие в Интернет. Пример за динамични страници са сайтовете за електронна търговия. Динамичността се изразява във наличието на някакъв тип динамичен източник на информация, най-често база от данни разположена на уеб сървър. Информацията във базата от данни се генерира от фирмените бизнес информационни системи.





Рис. 2

Управлението на информацията, постъпваща във базата от данни, намираща се на уеб сървъра, често се извършва отдалечено посредством Интернет от фирмата чийто сайт е публикуван, а не от фирмата създала сайта.





Рис. 3

Най-ефективната техника е в базата от данни да се съдържа само тази информация, която е предвидена да се обновява, т.е. динамичната информация. Останалата част – статичната информация не се съхранява в базата от данни.



2. Домейн на сайта

През 1984 година Пол Мокапетрис от Института за информационни науки към Университета на Южна Калифорния публикува RFC (882 и 883), където се описва системата за именуване на домейни, т.нар. Domain Name System (DNS).

Днес DNS е стандарт за задаване на имена на адреси. Тя представлява дистрибутивна, йерархична система, която осигурява:


  • метод за идентифициране на хостове в Интернет чрез използване на буквено-цифрови имена, наречени qualified domain names (FQDNs) вместо да се използват изцяло цифровите IP адреси

  • дистрибутивен механизъм за съхранение и поддръжка на база от данни съдържаща FQDN и съответстващите им IP адреси на всички хостове в Интернет

  • метод за определяне на местоположението на хостовете в Интернет чрез откриване на съответствието между FQDN и IP адреси, като по този начин мрежовата комуникация ще бъде осъществявана от хоста.

DNS системата присвоява уникално име на всеки TCP/IP хост в Интернет. Така буквените хостове се обръщат към сървъри, работни станции, рутери, TCP/IP принтери и подобни устройства.

DNS именуваното пространство се дефинира като колекция от всички FQDN на всички хостове в Интернет. DNS именуваното пространство има йерархична структура в челото на която има главен домейн наречен root домейн, който се разклонява на домейни от горно ниво, второ ниво и индивидуални хостови имена. Фигурата по-долу демонстрира този модел:





Избиране на домейн на сайта.

След като една организация или личност реши да изгради свой сайт тя трябва да регистрира име на домейн, което транслира IP адрес в по-разбираема текстова форма. Вместо да пишат 123.342.767.767, потребителите предпочитат да пишат www.sladur.com, което много по-разбираемо и по-лесно за запомняне.

Регистрирането на име не е трудно, по-трудно е намирането на име, съответстващо на нашето бизнес име, лого или търговска марка. Името трябва да е лесно за запомняне като dir.bg, yahoo.com, sladur.com и така нататък, но като че еднакво важно е освен да е лесно за запомняне, името да бъде и лесно за изписване, защото дори малка грешка при изписването му може да доведе до грешка и да откаже посетителят при търсене на сайта. Не на последно място името трябва да е лесно за произнасяне – ако името е атрактивно, звучно, лесно се произнася и звучи екзотично, със сигурност би имало повече успех от такова което се произнася трудно и още нещо което трябва да се спомене за името, е че то трябва да напомня за съдържанието на сайта ако има възможност.

Вж: http://www.chris-art.net/ca/domain.html

За избягване на комуникационни грешки всяко име в Интернет следва да е уникално. Имената се дават на принципа “първи дошъл, първи обслужен”, което означава, че всеки може да регистрира името, което бихте желали да използвате за компания или продукт.

Имената на домейните, както беше посочено се образуват от два основни елемента:



  • домейн от най-високо ниво (top level domain – TLD) и

  • домен от второ ниво (second level domain - SLD).

TLD съдържа информация за произхода на уеб сайта – например “it” за Италия, “bg”за България.

SLD завършва името на домейна, прибавяйки името на компанията, търговска марка, акроним, съкращение или каквато и да е друга дума към TLD.

Домейнът (Domain name) е уникално име, което индентифицира даден уеб сайт за потребителите. Домейнът винаги има две части разделени от точка (dot). Т. нар. Домейни от топ ниво (Top Level Domains - TDL') са com, net, org, biz, info и т.н. Съществуват и други TDL' като pro, aero, arpa, coop, edu, int, museum. Всяка държава има свой собствен домейн. България (.bg), Германия (.de), Великобритания (.co.uk), Франция (.fr) и т.н. Някои от тези домейни са свободни за масова регистрация като co.uk например. Други като .bg се регистрират само срещу документ за запазено уникално име или търговска марка. През ноември 2003 г. бе пуснат за регистрация домейн на Европейския съюз (.eu).

Проблемите при имената на домейните е, че те не са търговска марка. Всеки може да регистрира име на домен за вече утвърдена търговска марка. В някои случаи хората използващо такова име не знаят изобщо, че съществува такава търговска марка и в повечето случаи споровете се решават без съд. Обаче някои фирми закупуват имена на доменни, отговарящи на търговски марки, за да ги продават в последствие на притежателите на тези марки. Цените на тези регистрирани доменни варираха от няколко стотин до няколко милиона долара, докато цената за регистриране на домен за една година е около 20$. В ранните години на интернет това не се преследваше от съда, така че фирмите от този род лесно печелеха пари. Но понастоящем ситуацията се промени. Регистриралият panavision.com трябваше да преотстъпи домейна на Panavision, тъй като те се позоваха на американския закон за защита на търговските марки. Въпреки, че името на домейн все още не е търговска марка, става все по-лесно притежателите на търговски марки да пререгистрират имена на домейни, съдържаща техните марки. За предпазване от подобни проблеми при избора на домейн трябва да следваме следните стъпки:



  1. Проверка за съществуващи търговски марки – извършваме търсене за съществуващи търговски марки, преди да регистрираме домейн. По този начин ще можем да определим дали желаното име на домейн няма да влезе в конфликт със съществуваща търговска марка, отговаряща на услугите или стоките, които ние предлагаме.

  2. Проверка за известни марки – известни имена или марки не могат да се използват в никакъв друг продукт или услуга.

  3. Да регистрираме търговска марка – за да сме сигурни, че нашето име на домейн е защитено, трябва да регистрираме името на домейна като търговска марка и да започнем да го използваме двете по едно и също време.

  4. Проверка и в други държави – трябва да регистрираме търговската марка и името на домейна в държави където ще имаме интерес да го използваме.

За да се избягват съдебните дела бяха въведени нови правила при регистрирането на имена на домейни. Приоритета е на този, които пръв е регистрирал името. Ако дадена търговска марка е регистрирана преди името на домейна, то притежателя на марката ще получи домейна. Обратно, ако търговската марка е регистрирана след името на домейна то притежателя на марката няма права върху името на домейна. В България правата за домейна .bg се грижи фирма Цифрови системи – гр.Варна. Тя е оторизирана да се занимава с тази дейност от 1998 г. Цената е 50$ начална такса и 50$ годишно, тоест по-висока от тази за регистриране на домейни .com, .net ,org. Правилата за получаване на дадено име са повече от строги, а времето – необходимо е минимум един месец за регистрация.

Виж по-подробно:

http://www.ipbulgaria.com/cgi-bin/e-cms/vis/vis.pl?s=001&p=0036&n=000005&g=

Какво е име на домейн и какви са мерките за закрила на домейн имената


http://domains-formation.com/

РЕГИСТРАЦИЯ НА ДОМЕЙНИ И ХОСТИНГ


http://www.xn----7sbcimrmforum6i.com/

Българско име за Вашия сайт


http://www.register.bg/

Правила за регистрация

Кл. дума: домейн, регистрация на домейн,

3. Интелектулната собственост в web

Защитата на авторското право в интернет има няколко основни ограничения, дефинирани от международни споразумения. Под защитата се намират само фразите, но не и идеите и фактите. Произведение, подобно на друго произведение се нарушава авторското право. Въпреки че проблемите в тази насока се увеличават, технически погледнато информацията в уеб е свободна. Web технологията позволява лесен обмен на информация, забраняването на което е почти невъзможно. Все пак, притежателите на авторски права могат да се възползват от предимствата на машините за търсене и лесно да открият нарушителите на своите права.

Най-големият проблем в уеб не идва от текстовата информация, а от копирани изображения, музикални произведения и програми. Изображенията лесно могат да се сканират и публикуват на сайт. Повечето картинки произлизат от книги или списания. Музикалния бизнес води битка срещу МРЗ формата, позволяващ много добра компресия без видима загуба на звук. Този формат позволява копирането на цели дискове в интернет и свалянето им и за сравнително малко време.

Интернет предлага лекота в дистрибутирането на пиратски софтуер. Това е и една о причините все повече компании да предлагат безплатен софтуер, тъй като защитата на софтуера струва повече, отколкото неговото безплатно предлагане. Преди няколко години копирането но софтуер не се е преследвало от законите. Наскоро са били въведени закони и то за специален софтуер (например в Германия през 1998г. е приет закон за защитата на бази данни). Законите не защитават всички типове бази данни. В някои страни базите данни, съдържащи цялата информация по дадена тема, но не използващи систематично и методично сортиране не са защитени от закона, тъй като не включват добавена стойност. Това обаче не е в сила за всички страни.

Повече за интелектуалната собственост в интернет на адрес:

www.templetons.com/brad/copymyths.html

.

4. ОСНОВНИ ПРИНЦИПИ и изискванияПРИ ПРОЕКТИРАНЕ И ИЗГРАЖДАНЕ НА потребителски САЙТ



Потребителският дизайн е философия и процес. Това е философия, която поставя личността (като противоположност на "предмета") в центъра на вниманието. Това е процес, който се съсредоточава върху когнитивни фактори (като възприятието, паметта, обучението, решаването на проблеми и др.), които оказват своето влияние върху взаимодействието на хората с обектите.

Потребителският дизайн търси отговорите на въпроси относно потребителите и техните задачи и цели, а после използва наученото, за да направлява разработката и дизайна.

Потребителският дизайн търси отговорите на въпросите:


    1. Кои са потребителите на този "предмет"?

    2. Какви са задачите и целите на потребителите?

    3. С какъв опит разполагат потребителите, що се отнася до този "предмет" и други неща подобни на него?

    4. Какво трябва да прави нещото според потребителите?

    5. От каква информация имат нужда потребителите и в каква форма им е нужна?

    6. Как според потребителите трябва да работи този "предмет"?

    7. Как дизайнът на това "нещо" може да улесни когнитивният процес у потребителите?

Потребителският дизайн може да подобри ползваемостта и полезността на всичко - от "ежедневните неща", през софтуер и информационни системи до цели процеси, т.е. всичко, с което хората взаимодействат. Като такъв, потребителският дизайн се занимава и с полезността, и с ползваемостта.

Полезността се отнася до уместността; съвпадат ли функциите, информацията и др. с нуждите на потребителя?

Ползваемостта се отнася до концепцията за удобство за ползване, която макар и проста на пръв поглед не винаги може да се приложи лесно и интуитивно.

Потребителският дизайн намалява разходите, увеличава производителността и удовлетвореността на потребителите.

Има няколко общи принцип или препоръки за изграждане на фирмен/корпоративен сайт и са пряко свързани с потребителската гледна точка.

Съдържание

Добро e онова съдържание, което е интересно, адекватно и съответства на аудиторията. Съдържанието трябва да бъде разработено специално за мрежата, а не е заимствано от други средства за информация. Освен това то трябва да бъде кратко и ясно.

За да се създаде добро съдържание е необходимо следното:


  • да се опознае аудиторията;

  • да се обновява често информацията. Това ще е повод аудиторията да се връща отново и отново на сайта. Полезно ще бъде да се поставят връзки и създават контакти, които ще са полезни за посетителите;

  • да се информират потребителите коя е фирмата, какво тя иска да направи и какво ще прави с получената от тях информация.

Навигация

През последните години изследванията показват едно и също поведение на потребителите, а именно че те гледат направо съдържанието и често пренебрегват навигационните области.

Тази обща картина на потребителско поведение остава постоянна докато доминиращи браузъри бяха последователно Mosaic; Netscape 1, 2 и 3, и IE 4 и 5. Това е наистина всеобщ феномен, който характеризира поведението на потребителите на различни сайтове и в различни изследвания. Изследванията на потребителите обикновено показват следното:


  • потребителите първо коментират съдържанието, а ако то не е от практическо значение, те не обръщат внимание и на другите аспекти от дизайна;

  • когато пристигнат на една страница, потребителите пренебрегват навигационните менюта и другите общи елементи на дизайна: вместо това те гледат единствено в областта със съдържанието;

  • потребителите не разбират къде се намират в информационната архитектура на сайта;

  • потребителите са изключително движени от целта си и търсят единствено онова, което са си наумили - те не губят много време за други неща;

  • в преследване на целта си, потребителите често разчитат на търсенето като своя основна ловна стратегия;

  • потребителите рядко гледат логото, заявленията за мисията, слоганите или различните други елементи, които считат за излишни (в частност, те пренебрегват рекламата или всичко, което прилича на реклама);

  • ако изглежда, че страницата не е свързана с настоящите цели на потребителя, то тогава потребителят безмилостно ще кликне Back бутона след две или три секунди;

  • ако потребителите не разбират даден елемент на дизайна, те не отделят време да го изучават - вместо това, те го пренебрегват и продължават лова на собствената си цел.

Структура и Навигация

Това са два елемента необходими, за да предизвикване на доверие. Планирането им се прави още в началото. Това са елементите, които трудно ще могат да се променят след това. Затова се започва с изготвянето на схема, като се определя към кои части на сайта потребителят трябва да има достъп от всяка страница.

Извършва се групиране на навигационните елементи и поставянето им в съответстващи категории. Може също така да се направи прототип с всички навигационни елементи, съдържанието на всяка страница и приоритетите при разглеждането и.

Целта зад организирането на информацията във сайта е да се създаде структура, която има смисъл за потребителя. Използването на традиционни способи за структуриране - поставяне на навигационно меню в лявата част на страницата, списък с връзки в края на страницата - е добро начало. Ако дизайнера се стреми да създаде нещо по-оригинално, е необходимо да той да се увери че потребителите ще възприемат положително новото изобретение.



Навигация и връзки

Постоянството е ключът и към достъпността, и към ползваемостта. Необходимо е обаче да се избягват навигация или връзки състоящи се от изображения. Текстовите връзки се създават и поддържат по-лесно и са по-достъпни. Вместо техниката Image maps, е по-добре да се нарязва изображението на части. По този начин може лесно да се добавят ALT атрибути и връзки към отделни части от изображението. Ако все пак image maps са неизбежни, се използват client-side такива.

Текста на връзката трябва да бъде достатъчно описателен сам по себе си, дори когато е изваден от контекста. Текстът не трябва да бъде по дълъг от около 10 думи. Можете да го тествате, като просто го прочетете на някой друг. Ако той разбере за какво става въпрос, значи текстът на връзката е добър.

За потребителите с физически недостатъци би било от полза ако бъдат добавени и директни връзки, водещи от едни важни части на страницата към други или пък от началото на документа направо към главното съдържание. Това би било особено полезно при богати на съдържание страници.



Визуално оформление

  • Добрият графичен дизайн е привлекателен, грамотно направен и поддържа съдържанието, структурата и навигацията, правейки сайта по-интерсен. Не е задължително да е новаторски или последен вик на модата, а просто - да е адекватен. Графичния дизайн е способ чрез който се улеснява възприемането на информацията публикувана на сайта.

  • Дизайнерът трябва ясно да си представя целите на сайта, а дизайнът трябва да съобщава тази цел чрез визуални средства, да я поддържа и акцентира.

  • Сайтът трябва да изглежда професионално и оригинално. Графичните файлове трябва да изглеждат така, сякаш са създадени точно за него.

  • Дизайнът трябва да бъде прост и изчистен. В интернет има много начини за отвличане на вниманието.

Тези критерии могат да бъдат полезни за планирането и анализа, но не трябва по никакъв начин да ограничават въображението. Уeб сайтовете могат да се променят във всеки един момент. Така че могат да се използват нови подходи, нарушавайки правилата и търсене на елементите, които ще направят сайта уникален.

Интерактивност

Преимуществото на Интернет се състои в това, че позволява на потребителите да влязат в контакт с фирмата, помежду си или с компютъра. Интерактивността привлича потребителя и създава в него това впечатление, което дизайнерът иска.

Под интерактивност се разбират поставените в сайта хипервръзки и механизми за обратна връзка. Максималното използване на интерактивността е огромна крачка по пътя на разграничаване между фирмения сайт и тези сайтове, които служат за публикуване на книга или брошура. Обикновено в голяма част от съдържанието на уеб сайтовете няма хипервръзки, въпреки че именно те са най-лесния начин да се допълни съществуващия текст. Използват се, например, за забележки, за да се насочат потребителите към оригиналния източник или към допълнителна информация.

Механизмите за обратна връзка могат да представляват просто един e-mail, който ще даде възможност на читателите да съобщят за недостатъци на сайта, да споделят мнението си, което в крайна сметка помага за подобряването на сайта. Възможно е дори да се направи социологическа анкета.

Най-съвременните начини за взаимодействие в мрежата са следните:


  • Търсене

  • Инструменти

  • Игри

  • Чат и форуми

  • Електронна търговия

Целта на интерактивността е да достави по-голямо удобство на ползвателя при разглеждането на сайта. Резултатът - хората остават по-дълго, играят и се връщат по-често на вашия сайт.

Функционалност

Тя е впечатлението, което създава използваната технология. Даже и най-простият сайт може да изглежда и функционира различно в различните браузъри. Добри показатели за функционалност могат да се постигнат като се тества сайта с няколко браузера да се следи за несъответствия.

Сайтът може да работи по различен начин на РС, и на Мас. Двете платформи показват по различно цветовете (РС ги показват по-тъмни), а може и да не се поддържат някои инструменти и plug-in.

Проблеми могат да възникнат при различни скорости на връзката. Много от дизайнерите правят сайтове в офиси снабдени с връзки от рода на T-1 или DSL. Вероятно е аудиторията, особено ако сайтът се обръща към редовите потребители, да не разполага с такива възможности. Тестовете обикновено се правят със ниски скорости. Зареждането може да се окаже мъчително бавно и тогава положението трябва да се поправи, като се намали обемът на страниците и графиките.



Достъпност

Достъпността на WEB страниците често се свързва с възможността за настройване, което е показател за гъвкавост. Затова в WEB дизайна се смята, че страниците, които се създават трябва да могат да се приспособят (настройват). Независимо от браузера, платформата или разширението, което потребителя е избрал, той трябва да получи достъп до страницата. Това означава да се създаде страница, която да е разбираема във всяко разширение на монитора, неговата големина или цветове (трябва да се има предвид и това, че страниците биха могли да бъдат разпечатани, прочитани на глас от софтуер за симулиране на човешка реч или прочетени от брайлови браузери за слепи). Освен това WEB страниците би трябвало да могат да се променят според нуждите на потребители, които са със слабо зрение и искат да четат страници с много големи размери на шрифта.

Създаването на страници, които могат да се настройват означава създаване на достъпни страници. Вероятно най-голямото обещание на мрежата, което все още не е изпълнено, е че информацията ще бъде достъпна, независимо от трудностите. Това е най-важният принцип на WWW консорциум и се превръща в закон за WEB дизайна, защото той ще изисква WEB страниците да предлагат универсален достъп.

От гледна точка на достъпността мярката за качество в WEB дизайна трябва да бъде не добрия външен вид, а елегантната трансформация: страници, които са достъпни при всякакви условия и запазват своята цялост. От казаното до тук може да се твърди, че ““истинският” WEB дизайнер е онзи, който може да достави удоволствие на зрящия потребител с елегантен, привлекателен външен вид и може да направи страницата четлива за потребителите с по-слабо зрение, които използват по-голям размер на шрифта при четене и могат да направят същата тази страница лесна за навигиране, чрез клавиатурата за хора с двигателни проблеми и може да предостави код, който остава смислен за слепите хора, използващи екранни четци.”(Сара Хортън4).

Много страни също са въвели правила за достъпност на Мрежата, отнасящи се до правителствените сайтове. Сега частните компании също осъзнават ползите от създаването на по-достъпна технология. Нараства търсенето на достъпни сайтове, но често уеб разработчиците не са наясно как да правят сайтовете по-достъпни. Създаването на един достъпен сайт не е задължително по-трудно, но включва някои уникални ограничения, които предизвикват намирането на нова гледна точка относно дизайна.

Добрият уеб дизайн е достъпният уеб дизайн. Въпреки общоприетото разбиране, не е задължително тези две неща да бъдат на противоположните страни на скалата на красивото. Достъпните сайтове могат да бъдат привлекателни за всички потребители. Те не са просто картинки с ALT тагове и черен текст на бял фон. Дизайнът винаги е изправен пред някакви ограничения. В уеб дизайна основно изискване е съдържанието да бъде достъпно винаги. Дизайнът може да улесни работата на потребителите с физически недостатъци или да направи сайта абсолютно недостъпен за тях.

Лесно е да се пренебрегне разнообразието в недостатъците на потребителите. Проблемите със зрението са само един вид недостатък. Докато ALT атрибутите са от особена важност за слепите потребители, то CAPTION елементите (бел. прев. добавят се към таблицата и чрез тях се обяснява съдържанието и структурата на таблицата) са от решаващо значение за глухите. Дори категорията на зрителните проблеми има различни подгрупи като: далтонизъм, катаракти и дългогледство. Други важни категории физически недостатъци са: когнитивни (свързани с възприятията), двигателни и слухови увреждания. Някои физически недостатъци, като например немотата няма да засегнат възможността на даден човек да използва Мрежата. Потребителите може да страдат от някакъв физически недостатък в различни степени или от няколко недостатъка едновременно. Физическите недостатъци са уникални, също като хората, които ги имат.

Достъпността на Мрежата се отнася за всички. Хората от маркетинговия отдел може да имат наум определена целева аудитория, но всеки може да се опита да използва сайта. Един потребител може да бъде сляп, глух или просто да ползва сайта в някое задръстване през мобилния си телефон.

Достъпността на сайтовете не се разглежда като проблем само от гледна точка на хората с физически недостатъци. Безжичните устройства за достъп до Интернет стават все по-популярни. Много офиси пестят пари, купувайки по-евтин хардуер. Те не купуват тонколонки или пък купуват слаби графични карти, които се справят зле с графики и повече цветове. Аудиото към сайта може да се изгуби заради шумната среда или липсата на високоговорители. Ограниченията на средата и на устройствата за достъп трябва да бъдат взимани под внимание по време на дизайна.

Ключовете към достъпния уеб дизайн са простота, относителност и комуникация. Използването на еквиваленти за елементите, които биха били недостъпни за потребителите допринася много за достъпността - добавяне на описания или транскрипции към аудио елементите, осигуряване на полезно, алтернативно съдържание, ако скриптовете и аплетите са изключени или неизползваеми. При използване на server-side image maps могат да се изброят излишните текстови връзки.



Цвят

Цветът често се използва за предаване на информация, но е грешно да се разчита единствено на него, тъй като определена категория потребители като слепите потребители, а също така и далтонистите, ще имат проблеми. Контекста и описанието на страницата се използват като допълнение към цветовете.

Ако трябва да се използва цвят, за да се предаде някаква информация, трябва да се вземат предвид няколко неща. Цветовият контраст е от решаващо значение за далтонистите. Например, някои не разпознават кое е червено и кое е зелено, но могат да различат двата отделни цвята. Далтонистите обикновено правят разлика между много тъмни и много светли цветове, дори и да са от една тоналност. Ето защо е възможно да се използват червено и зелено, ако осветеността им силно се различава и не са едно до друго. Ако се налага да се използват различни цветове с еднаква осветеност, използвайте комбинацията синьо, жълто, бяло или черно. Тези цветове се разпознават най-лесно. Ефективно е да се смесват цвят и текстура, форма или друг визуален елемент.

Лекция 3


Проектиране на уеб-сайт
Проектирането на добър сайт е сложен, скъп и трудоемък процес. За да се постигнат желаните цели, анализаторите и проектантите трябва да са запознати с всеки едни аспект на проблемите и тенденциите в областта, да са наясно с текущите технологии и потребители, да се съобразяват с нуждите и бюджета на фирмата, да планират бъдещото развитие на сайта - все неща от ключово значение, към които се подхожда много внимателно от истинските професионалисти.
1.1. Принципна работа на Web-сайт.

За да бъдат ясни по-нататъшните тези трябва да се установи и изясни накратко приблизителната принципна работа на сайтовете. Естествено както при повечето системи и тук присъстват двата края на веригата производител-потребител (в случая изготвящ екип - Internet потребител).

Какво е необходимо за да има работещ сайт:


  • Web-сървър, който да обработва заявките идващи от външни потребители.

  • Скриптов език, който свързва формите от страниците на сайта с база данни, придава удобство и интерактивност на сайта.

  • База данни - за съхранение на всичката необходима информация за нуждите на сайта, за лесната й и бърза обработка и актуализация от поддържащият екип.

  • Компютър, на който да се намират гореизброените елементи,

  • Домейн, към който да се обръщат потребителите.

Когато потребителят напише URL (Unified Resource Locator) на сайта заявката се подава към съответният DNS, а оттам към web-сървърът, който отговаря на URL. Той връща съдържанието на index.* страницата, която най-често отговаря на заглавната страница. Потребителският браузър интерпретира съдържанието и визуализира компонентите на страницата. Ако тя е динамична, web-сървърът се обръща към скриптовият език, на който е написана (трябва да е инсталиран), а той пък от своя страна търси и променя информация в базата данни. Сървърът връща обработената информация на потребителя и чака нова заявка. Някои скриптови езици (JAVAScript, ActionScript) се изпълняват на клиентската машина и са предпочитани в определени ситуации.

Тъй като статичните сайтове вече почти не съществуват в чист вид и някои специалисти дори ги считат за отживелица, оттук нататък под “сайт” ще се разбира динамичен Web-сайт (електронен магазин например, тъй като те включват най-много елементи от структурата на динамичните сайтове).


1.2. Планиране на WEB-сайт.
Уместно е първо да се започне с първичното планиране на сайта.

Когато е направен както трябва, всеки план за проект ще улесни в огромна степен задачата по пускането на сайта. Тук идва правилото за “простотата” с която трябва да са съобразени сайтовете. За да се започне с планирането трябва да се знае коя е аудиторията, за която ще е предназначена страницата.



Кои ще бъдат потребителите?

Често се споменава, че всеки потребител е уникален по отношение на своите цели при посещение на даден сайт, че класифицирането на потребителите е почти невъзможно, заради индивидуалността заложена във всеки от нас.

Но може да се направи ценно обобщение:

Когато някой посещава даден уеб сайт, той търси едно от следните три неща: информация, забавление или услуга.” - David Siegel


Тази квалификация може да се използва по следния начин:

  • Търсещият информация търси нещо конкретно и ще продължи да търси докато не достигне състояние на успех (или неуспех).

  • Търсещите забавления имат по-скоро очаквания, отколкото цел и ще продължат да сърфират из сайта, докато тяхното очакване не бъде задоволено.

  • Посетителят, нуждаещ се от дадена услуга (тук могат да се включат и стоките) трябва да бъде насочен директно към обекта на неговата дейност.

Тези цели на потребителите ще окажат влияние върху планирането на сайта. След като се установят тези приоритети, ще се поставят граници към процеса на дизайн. Така проектът става по-лесен, намаляват се разходите за създаване и поддържане на ненужни елемети и се получава доста по-изчистен, лесен за употреба, интуитивен сайт.

След като целите на аудиторията бъдат класифицирани съгласно предходния списък, идва необходимостта да се намерят демографските данни или да се направи хипотеза относно тях. Те ще насочат към подходящия външен вид и дела на използваните браузъри.


Проектиране спрямо насочеността (вида) на сайта

Следват примери, основани на един повърхностен преглед на няколко конкретни случая при които се изхожда от насочеността (вида) на сайта.


Сайт на правителствена организация или на такава с идеална цел. Традиционно оформление в две колони, с малко на брой цветове, направено така, че да се зарежда от възможно най-разнообразни браузъри, като се отделя особено внимание на бързото зареждане.

Портален сайт. Порталните сайтове са организирани като цяло в семпъл стил, с малко картинки, за да могат да се зареждат максимално бързо. Полето за търсене задължително присъства на заглавната страница. Линковете са тематично подредени в ляво или от двете страни на сайта. Новините са в средата.
Сайт за електронна търговия и реклама. Най-големият акцент трябва да се постави върху снимките на продуктите и в случая DHTML може да се окаже добра идея, ако добавя функционалност към потребителския интерфейс на сайта, в зависимост от стоките, които се продават (примерно, електроника). Ако ще има много и големи файлове, по добре е да се направят така, че да заслужат времето на потребителите като съдържат информация, полезна за потребителите стремящи се към определна цел при използването на сайта.
Развлекателен сайт (архив за музика или за анимация например). Феновете на мултимедията обикновено са опитни потребители или студенти, което налага последната дума на техниката да присъства при разработката. Потребителите ще очакват привлекателен интерактивен дизайн с възможности за търсене на информация и файлове. Независимо от аудиторията и целта на един сайт, той ще изисква специфичен подход към избора на оформление, графичен дизайн и информационната архитектура.

Личен сайт. Тук създателите могат да правят каквото си искат стига да задоволяват целите си. Например сайт, на който се намира личната биография на човека трябва да е добре издържан, стегнат и семпъл.
Кой подход е най-добър според обстоятелства?

На този въпрос най-лесно може да се отговори чрез провеждането на някакви тестове или чрез съставяне на фокус група. Ако се заложи на собствените предположения за няколко предварителни дизайна и се покажат на вероятен член на целевата аудитория, то събраната информация от този опит най-вероятно ще бъде безценна. Тази стъпка трябва да бъде направена на възможно най-ранен етап на проекта.


След като вече има някаква обратна връзка за нещата, които е най-вероятно да привлекат и задържат аудиторията, ще трябва да се помисли за проекта от гледна точка на нуждите на разработчиците и програмистите.
Ще има ли да презентации или друго съдържание, изискващо специален софтуер?

Ако има съдъражние, което изисква Flash или други plug-ins5, ще трябва да има връзка, от която потребителите да свалят необходимият им софтуер. Дори ако съдържанието изисква нещо толкова широкоразпространено (като QuickTime или Flash) ще трябва да има алтернативни версии за хората с бавни връзки. Ако е Flash презентация, ще трябва да се отдели специално внимание на ползваемостта.

Вероятно екипът дизайнери и програмисти имат нужда от специален софтуер, за да изпълнят проекта, като например content management system или програмен пакет за създаване на мултимедия. Изборът за използване на конкретно средство трябва да идва след като са направени подходящи проучвания за нуждите и ефективността от избраната технология. По този начин ще се отрежат ненужните разходи и време за работа.
Кои точно технологии ще се използват?

ASP, ColdFusion, PHP или JSP? С какъв софтуер ще бъде сървърът? Кои plug-ins ще се изисква от посетителите?

Избраните технологии по силите ли са на хората, които ще създават сайта?

Ако не, трябва да се подходи по-консервативно що се отнася до крайните срокове.


Необходими ли са допълнителн средства за пллатени фотографии или илюстрации?

Това е въпрос, към който трябва да бъде подходено от различни страни. В повечето случаи, няма да са необходими прекалено много фотографии или илюстрации, защото прекалено много изкуство в презентацията ще предизвикат ненужно объркване (ако не се отнася до сайт за изкуство, разбира се). Общото правило в случая е, че ако са необходими, фотографиите и илюстрациите ако е възможно трябва да се вземат от професионални източници.



Какви да са изискванията към фирмата-провайдър?

Хостинг провайдърът трябва да има надеждни връзки и да осигури нужния трафик без да взема повече пари, отколкото клиентите могат да си позволят.


Съдържанието лесно ли може да бъде вкарано в база данни?

Малко задачи са по-трудоемки от сглобяването на малките парченца съдържание за един сайт - особено ако трябва да се държат тези парченца разделени. От друга страна, ако сайтът няма да бъде променян често, вкарването му в база данни ще донесе повече трудности и разходи, отколкото си заслужава.


Какви ще бъдат нуждите на клиента от поддръжка след като сайтът стартира?

Тук вече се намесва екипа програмисти (ако сайтът, който трябва да се изработи ще се обновява постоянни). Те създават скриптове и бази данни, чрез които дори и незапознати с програмното естество хора могат да редактират до известна степен сайта. В повечето случаи това е доста бавен и скъпоструващ процес, който обаче може да се окаже изключително ефективен при по-нататъшната работа на фирмният сайт.


Проектиране спрямо фирмената стратегия и концепции.
Как се вписва сайта, който се създава в маркетинговия план на фирмата?

Ако трябва да отговаря точно, вероятно ще има нужда от информация относно цветовете и другите компоненти на корпоративния дизайн, които са били използвани в печатните им материали, така че сайтът да се превърне в естествена част от плана.



Има ли скица на дизайна?

Ако в по-късен етап се реши да се внесат промени по облика и има такъв план няма да се наложи да се пишат темплейтите за страниците наново.


Планирането на проблемните ситуации.
Има ли някакви практически стъпки за да е сигурно, че сайтът ще се работи безотказно?

Това означава, че е свързан към добре наблюдавана и намираща се зад ефективен firewall мрежа. Сървърът има нужда от непрекъснато захранване (или UPS). Хостинг провайдърът или колокейшън помещенията трябва да имат генератори, за непрекъснатата работа на всички сървъри. Тази последна мярка е от толкова голямо значение, колкото е и сайтът за фирмата.


Други детайли по проекта

Черновите за външния вид и архитектурата на сайта съставят една част. Тези чернови са за сигурност, че цветовете изглеждат добре, че ще има място за цялото съдържание и пасват на фирмената стратегия преди да е започната разработката на кода.

Псевдокодът на скриптовете ще помогне да се забележат различните проблеми още преди да са се превърнали в бъгове.

Схемата на базата дани трябва да бъде разработена заедно с псевдокода, за да не се окаже, че се изпълняват заявки към базата данни, които са изключително ресурсоемки. Създаването на такава схема дава възможност за оценка информацията, която тече между потребителя и сайта, така че всякакви недостатъци могат да бъдат поправени преди да сте изправени пред риска да се удължава крайните срокове.

Вътрешно тестване на системата, което е резултат от целия дизайн, вероятно ще покаже някои нови проблеми, които е добре да се решат незабавно.
1.3 Визуалната комуникация

(от психологията на визуалната комуникация)
Тъй като сайтовете са визуално средство за комуникация, проектантите обръщат най-голямо внимание на външният облик. Не конкретно на изработката на някой елемент, а на стиловото оформление като цяло, на концепциите, които ще бъдат заложени, на влиянието, което трябва да се окаже. Визуалната комуникация с потребителя и нейното плавно, интересно и приятно протичане - това е истинската проблематика при проектирането на сайт.

Визуалната комуникация може да бъде разглеждана като съставно цяло от взаимно преплетени части: индивидуалност (или външен вид и усещане) и визуална организация. Индивидуалността на една презентация е онова, което създава емоционалното въздействие. Създаването на една уместна индивидуалност изисква използването на цветове, типографски техники, изображения, форми, мотиви и т.н., за да се отправи правилното послание към аудиторията.



Всеки път, когато се вниква визуално в смисъла на информацията, първо се разглеждат сходните и различаващите се неща, в онова, което се вижда. Тези взаимоотношения позволяват не само да се различават обектите, но и да им се придаде смисъл. Например, разликата в цвета означава, че се работи с два различни обекта (или различни части на един и същи обект), разликата в мащаба предполага, че единият обект е по-далеч от нас в сравнение с другия, разликата в текстурата (едната е по-размазана) допълнително усилва тази идея и т.н.. Този процес се ускорява от способността на хората да групират информацията визуално. Принципите на възприятието дават ценен поглед върху това как се групира информацията въз основа на визуални белези. Например, обектите стоящи един до друг биват групирани (близост), също както и обектите, които споделят множество визуални характеристики (подобност).


Илюстрация 1: Принципи на възприятието: близост, подобие, последователност, завършеност.

Но разбирането за психологическите фактори, определящи начина, по който се групира визуалната информация, не е достатъчно ако трябва да се предаде едно точно определено съобщение. За да се направи това, трябва да се знае как да се използват визуалните взаимоотношения или какво прави нещата различни.

Въпреки, че са възможни множество вариации, отделните визуални характеристики се групират в пет основни категории: цвят, текстура, форма, ориентация и размер. Въвеждайки вариации в една или всяка от тези категории, се създава визуален контраст. Колкото по-голям е контрастът между два обекта, толкова по-вероятно е те да бъдат възприети като различни и несвързани.


Илюстрация 2: Визуални разлики между обектите.
Елементите на един "визуален наратив" се подреждат в лесноразбираема йерархия според важността си. Центърът на вниманието привлича вниманието на зрителя, а всяка следваща точка на фокуса прибавя нещо към историята. Това логическо подреждане е познато като визуална йерархия.

За да се създават ефективни визуални йерархии, се използват визуални взаимоотношения, прибавяйки към или намалявайки визуалната тежест на елементите на страницата, като по този начин се установява един шаблон за движение през визуалното оформление. Визуалната тежест може да бъде измерена чрез степента, в която даден елемент на страницата привлича вниманието или задържа интереса. Големите червени букви, например, контрастират с белия фон далеч повече, отколкото една светлосива точка. В резултат, визуалната тежест на червените букви грабва вниманието първа, макар че тя може и да не го задържи толкова дълго, колкото едно детайлно изображение.




Илюстрация 3: Три обекта с различна визуална тежест, определяна от вариациите в цвета, формата и текстурата.

Визуално доминиращите елементи (тези с най-голяма визуална тежест) биват забелязвани най-много. Те са център на вниманието в едно оформление и определят къде започва историята. Йерархията от последващи елементи води погледа през останалата част от композицията, давайки парченца от историята, докато потребителят се движи напред. Относителната позиция на всеки елемент в йерархията осигурява ценна информация за неговата важност в общия план.

Една балансирана йерархия осигурява не само ясни напътствия за разпознаване и разбиране на информацията, но също така помага обединяването на отделните елементи на страницата в единно цяло. Това създава чувство за ред и баланс. Без визуална йерархия, елементите на страницата се борят за внимание и в крайна сметка никой от тях не печели. Във всички йерархии само конкретни елементи трябва да са на върха; останалите трябва да ги следват. Уместното разположение на всеки елемент в йерархията се определя от съобщението, което се опитвате да предадете.


Илюстрация 4: В оформление с ефективна визуална йерархия, ясно различимата визуална тежест на всеки елемент води зрителите през страницата по информативен и уместен начин.
Всяка уеб страница се състои от много различни елементи. Навигационни менюта (възможно е дълбоки по няколко нива), информация за контакти, полета за търсене, сайт идентификатори и пазарски колички са само някои от тях.

Визуалната организация на една уеб страница може да предава ценна информация за сходствата и разликите между елементите и за тяхната относителна важност. Веднъж щом аудиторията разбере важността на елементите на страницата, те ще приложат това знание и към останалата част от сайта.




Илюстрация 5: Ако всички елементи в една страница имат еднаква визуална тежест, трудно се вниква в смисъла на страницата. Смисълът се създава чрез разлики и сходства между елементите и тяхното място във визуалната йерархия на страницата.
Принципно, йерархията на една уеб страница се основава на разграничението между съдържание, навигация и допълнителна информация. Във всяка една от тези секции могат да се направят още разграничения. Една примерна йерархия на уеб страница (от най-голяма към по-малка важност) може да изглежда така:

Съдържание



  • Заглавие на страницата

  • Заглавие на подсекция

  • Връзки

  • Допълнителна информация (цитати и др.)

Навигация



  • Обозначение за местонахождението

  • Опции в навигацията от най-високо ниво

  • Опции в поднавигацията

  • Пътечка (breadcrumbs)

Допълнителни елементи



  • Сайт идентификатор

  • Инструменти на сайта (пазарска количка, карта на сайта и др.)

  • Footer информация (privacy policy, информация за контакти и др.)


Илюстрация 6: Визуална йерархия на стандартна уеб страница.
Има много ситуации, в които отклонения от тази форма са препоръчителни (на навигационни страници, главни страници и др.) Съдържанието, аудиторията и целите на всяка страница трябва да определят йерархия й. Независимо от това, визуалното оформление на всеки елемент на уеб страницата винаги трябва да бъде:

  • Уместно спрямо и показателно за функцията на елемента

  • Осъществявано по неизменен начин из целия сайт

  • Позиционирано правилно във визуалната йерархия на страницата (по начин, отразяващ относителната важност на елемента)

Визуалната йерархия, обаче, не само обяснява елементите на страницата. Тя води потребителя из съдържанието и възможностите на сайта. Ако се разбира за мястото на всеки елемент на страницата в йерархията, може да се наблегне върху важните елементи (каквито са съдържанието или точките за взаимодействие със сайта).


Илюстрация 7: В тази онлайн форма, визуалната йерархия води потребителя през необходимите за създаване на заявка стъпки. Освен това тя поставя ударение (чрез цвят, позициониране и мащаб) върху първата стъпка (“Ordering from...”) и последната стъпка (“Sign-In” бутона). Същевременно, допълнителната информация има малка визуална тежест и не си противеречи с основната последователност във взаимодействието със сайта.
По подобен начин, визуалната йерархия може да даде на потребителите усещане за това къде се намират в един сайт, да насочи тяхното внимание (например, към специални оферти), да предложи ясни варианти за избор, да обясни новите елементи и т.н. Разполгайки с огромен брой уеб страници и приложения, от които да избират, потребителите често разчитат на визуални подсказки (особено в първите моменти), за да оценят уеб интерфейсите. Ето защо една добре измислена визуална организация може да повиши ползваемостта драстично, групирайки информацията в смислени последователности и елементи на страницата. Една такава система разчита на разбиране за това как хората използват визуалните взаимоотношения, за да различват обектите и за това какво разкриват тези взаимоотношения на зрителите (чрез визуалната тежест и йерархия). Но визуалната организация е само половината от визуалната комуникация. Останалата част зависи изцяло от креативността и идеите на дизайнерите и програмистите.
1.4. Структура на сайта
Уеб сайтът е присъствие в Интернет, сбор от текстове и изображения, звук и анимация, обединени в страници, достъпни за посетители чрез адрес, през браузер. Добрата организация на страниците ги обединява от една страна съдържателно чрез еднакъв стил на текстовете, обръщенията и внушение, а от друга графично чрез единна цветова гама, графични елементи, сходна обработка на снимков материал, ефекти и други. Употребата на единен стил в обръщението към потребителите на текстово ниво, а и употребата на сходни графични детайли или еднакви филтри при обработката на снимков материал на ниво визия, създава усещането за цялост – прави сайта комуникативен, стилен и приятен за използване.

Сайтът има йерархични нива с начална страница, входна страница за всеки отделен модул и вътрешни страници. Всички връзки между страниците от различните нива, както и цялостната функционалност на сайта трябва да се обмислят предварително и да се заложат при дизайна. Важно е да се изясни неговата структура и архитектура и да се създаде формат за всяко отделно ниво. При някои случаи се подбират различни цветови решения за различните поднива. Интуативно най–разбираемата за потребителите е пирамидалната структура, при която има едно входно централно ниво, което води към няколко поднива, препращащи потребителя още “по-дълбоко” в сайта. Създава се логична и лесна за разбиране йерархична структура, по която посетителя се движи с лекота от външните нива съдържащи по-обобщена информация към по-вътрешните където са конкретните данни и обратно. Същевременно, за да се спести ненужно движение по сайта, се създават и преки връзки между нивата, както и задължително на всички страници се поставят връзки към така наречените допълнителни страници. Най-добри резултати се получават, когато се подготви блок схема, на която страниците се изобразяват като кутийки, а линковете се показват с линии, които ги съединяват. Между страниците в сайта съществуват множество връзки, не винаги подчинени на йерархичен принцип.



Основните елементи на всеки сайт са:

  • Начална страница.

  • Главни вътрешни нива.

  • Вътрешни страници

Допълнителни елементи:

  1. Карта на сайта.

  2. Форма за търсене.

  3. Форма за контакт.

  4. Често задавани въпроси (FAQ).

Планирането на структурата на сайта завършва с изготвянето на блок схема с различни нива, допълнителни страници и връзки между тях.



Примерна блок схема на сайт:


Начална страница

Обратна връзка

Карта на сайта

Търсене

Главна вътрешна страница

Главна вътрешна страница

Главна вътрешна страница

Второ ниво

Начална страница

Начална страница

Начална страница

Начална страница

Начална страница

Начална страница

Трето ниво



Каталог: referats
referats -> Специализирани микропроцесорни системи (курс лекции) Учебна година 2008/2009
referats -> Програмата Internet Explorer
referats -> Високоскоростни компютърни мрежи. Високоскоростни км-класификация
referats -> Бройни системи основни бройни системи
referats -> Морфология и расология съдържание
referats -> 1 Строеж на атомите – модели Ръдърфор, Бор, квантово механични представи основни принципи, атомни орбитали, квантови числа
referats -> Международно наказателно право понятие за международното наказателно право
referats -> Тема 11. Връзка на асемблер с езиците от високо ниво
referats -> Въведение в операционите системи
referats -> Лекция 1: въведение за понятието Web дизайн някои митове за Web дизайна


Сподели с приятели:
1   2   3   4   5   6   7




©obuch.info 2024
отнасят до администрацията

    Начална страница