Всеки уеб сайт трябва да хваща окото на потребителите и да ги кара да извършат действие върху страницата (спомняте си рекламата на Ромпетрол с Ефи). И тук стигаме до важният въпрос повдиган от много уеб дизайнери: „ Как да се задържи вниманието на потребителя върху уеб сайта?”. За да направим нещата малко по-лесни по-надолу сме написали 5 принципа за по-голяма ефективност:

1. Добре подредени елементи.

уеб дизайн-5 ефективни приницпа-добре подредени елементи

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

2. Големи идеи за велики дизайни.

уеб дизайн-5 ефективни принципа-големи идеи за малки дизайни

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

3. Когато по-малкото е повече.

уеб дизайн-5 ефективни принципа-когато малкото е повече

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

4. Потребителското обвързване.

уеб дизайн-5 ефективни принципа-потребителското обвързване

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

5. Съдържанието е най-важно, но в определени граници.

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

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

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

Статията е написана от Poonam оригиналът можете да намерите тук.

Ето неговата нова визия.

Супер 7 ново лого

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

abv нов дизайн на пощите

Последва ги един от любимите ми сайтове – deviantart.com. Както знаете портала за изкуство всекидневно е посещаван от хиляди потребители интересуващи се или произвеждащи един или друг вид графично изкуство.
Както и самите разработчици са казали за новата 7-ма поред версия на сайта – освободили сме пространство за повече съдържание.
Менютата са прибрани, добавен е доста ajax, за галериите и менютата.

deviantart нова версия

etimes.bg с нов уеб дизайн

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

Какво се вижда на пръв поглед:

- Ново лого. Да, старото беше оформено интересно (имаше идея и заиграване в изпълнението), но в новият дизайн липсва. Вместо това логото просто е изписано с интересен шрифт.

- Голям слайдер на новини и снимков материал. Като че ли големите слайдери станаха задължителен елемент в порталите. И тук присъства такъв, който обаче няма автоматично ротиране, ами се задейства само при hover на мишката върху 4 малки полета, в които е изписано заглавието на новината. Честно да си призная или малко повече текст може да се добави, или да станат повече новините „на фокус“, защото така ми изглежда малко празен.

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

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

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

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

В кратко заключение бих казал, че колегите от design.bg са се справили добре. Вярно сайтът малко прилича на поредния wordpress блог, но ползваемостта за подобен тип сайт е по-важна, от визията, която в случая е доста приятна.

Е, да пожелаем успех на etimes.bg и да ни радва с повече любопитни статии.

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

Икони за е-магазин от Luka Pensa

Първият пакет е на Luka Pensa. Подходящи са за дизайни в червено-сивата гама. Архивът съддържа 12 икони в .eps, .ai и .pdf файлове.

Линк за сваляне  от 4storing – Luka Pensa ecommerce icon set

Glossy e-commerce

Продължаваме с 32 Glossy е-commerce icons пакет. В него се съддържат .png, .svg и един .bmp файлове. Иконите са на бял фон, което прави лесна обработката им, ако вашият е с  друг цвят.

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

Линк за сваляне от 4storing – 32 glossy ecommerce icons

DF on stage icon set

Следва пакет създаден от Designer folio, който според мен е много добър. Дизайнът на иконите е изчистен, а на разположение са и .psd файловете, така, че можете да внесете корекции. Пакета съдържа .psd, .png файлове.

Както виждате има икони за профили, RSS, пазарска количка, коментари, любими и др.

Линк за сваляне от 4storing – DF on stage icon set

ico joy

Следва колекция от icon joy. Иконките имат много приятен вид и мисля, че ще са от полза на доста от вас правещо поръчков дизайн на магазин.

Файла съддържа както икони със светлосенки, така и без тях. На разположение са .png, .ico, .tiff, .gif и .bmp изображения, както прозрачни така и на бял фон.

Линк за сваляне от 4sroring – Icon joy e commerce icons

web.2 badges

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

Архивът с иконите съддържа един .psd и един . png файлове.

Линк към 4 storing – web.2 badges

bTV нов уеб сайт

Една от най-големите марки в България – bTB от скоро се радва на нов уеб дизайн.

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

С това големите редизайни за годината стават 4 (припомням, че първи бяха Свежо, последва ги Фанопик , последва ги actualno, за които не съм писал, а сега и бТВ.

Какво се забелязва на пръв поглед?

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

Може би се изчерпват интересните неща. Видях , че за видео новините и въобще всякакъв видео материал използват flowplayer , което е супер несериозно, както казва г-н Лий Бримелов: „Всяка себеуважаваща се фирма занимаваща се с видео трябва да има направен по поръчка плеър.“

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

Добавили са тагове на публикациите, както и гласуване подобно на това в vbox.

Рубриката „Аз репортерът“ в момента е с Server internal error. Сега опитах и да се логна в системата им, но неуспешно. Не вярвам да са затрили БД, но в момента не мога да се сетя точно как беше потребителското име.

Този път се изложиха според мен, ако Вие сте на друго мнение, опровергайте ме.