Автор - Christina Laun

Eye-tracking - це відносно нова технологія, котра дозволяє відслідковувати переміщення погляду відвідувача при перегляді будь-якого сайту. Відслідковуються його погляд, кліки, а також послідовність дій. Результатом такого аналізу можуть бути відповіді, які області на сайтах найчастіше і найактивніше переглядаються відвідувачами, відповідно, на яких елементах потрібно зосередити увагу при розробці дизайну. Дана стаття - намагання зібрати до купи напрацьований досвід у цій сфері інтернет-технологій.

1. Текст скоріше привертає увагу, ніж графіка. Не дивлячись на те, що ви можете думати інакше, користувач в першу чергу звертає увагу на текст. Більшість користувачів приходять на сайт у пошуках інформації, а не зображень, тому важливий текст має бути найбільш помітним.
2. Спочатку погляд сфокусований в лівому верхньому кутку сторінки. У цьому немає нічого дивного, більшість програм та софту розроблені так, що користувачеві постійно доводиться звертати погляд в цю область. Якщо ви хочете створити успішний сайт, то при розробці дизайну потрібно про це пам’ятати і, прагнучи створити унікальний стиль, не порушувати звичок користувачів.
3. В першу чергу відвідувачі переглядають ліву верхню і верхню частину сторінки і тільки потім дивляться нижче і правіше. Дослідження показують, що зона уваги користувача має вигляд букви F. Найбільш важливі елементи сайту повинні знаходитися в цих ключових областях.
4. Читачі ігнорують банери. Реклама дозволяє власникам сайту заробити на хліб з маслом, але дослідження показують, що в більшості випадків користувачі ігнорують банери, фокусуючись на них лише на долі секунди. Якщо ви хочете заробити на рекламі, підійти до її розміщення, оформлення і типу потрібно творчо.
5. Яскраве форматування і шрифти ігноруються. Чому? Тому що користувачі приймають їх за рекламу, що не містить потрібної їм інформації. Дослідження показують, що великі, кольорові букви ускладнюють пошук інформації, причина полягає у звичці користувача ігнорувати все схоже на рекламу. При розробці дизайну важливо, щоб «блиск» не відволікав увагу від важливої інформації і не робив її схожою на рекламу.

Читати продовження »

Popularity: 11%

Дивишся на сайт і думаєш: який він гарний, але все-таки чогось не вистачає! Так, справді, багато чого у вас може не вистачати. А ви про це навіть не здогадуєтесь. Це такі дрібниці, яких одразу не помітиш, але вони вносять суттєве доповнення до загального образу сайту. Згадаємо кілька таких вартісних веб-дрібниць.

1. Тег title . Чомусь про нього всі завжди забувають. А не треба. навіщо придумовувати щось нове, якщо це було відоме ще 10 років тому? Приведіть, якщо це можливо, всі лінки на вашому сайті в порядок за допомогою цього тегу. Це не зашкодить, а навпаки, зблизить вас із читачами. Адже набагато приємніше, коли при наведенні на лінк, ти будеш знати, “куди тебе посилають”. Такі невеличкі підказки та хитрощі справді вартісні. Зокрема, на цьому блозі ви будете зустрічати цей тег дедалі частіше Те ж саме стосується зображень - якщо ви не пишете внизу його опис, то хоча б залиште кілька слів у тезі title. Тепер читач знатиме, шо то за картинка. Приклади:

<a href=”http://example.com” title=”External link“>Link</a>

<img src=”/images/map.gif” alt=”Paris map” border=”0” title=”Global Map“/>

2. Favicon. Можливо, ви й чули про таку штуку, як favicon (favourite icon), а можливо й ні. Проте однозначно, ця маленька, розміром всього 16х16 пікселів, дрібниця потужно доповнює сайт, створюючи загальне враження. Favicon - це маленька іконка вашого сайту, що розміщується зазвичай біля адреси сайту, а у Firefox - ще й біля вкладок, а також відображається у ваших закладках після додавання. До прикладу, фавікон Блогорідера виглядає так: . Якщо ви хочете, щоб і у вашого сайту/блогу був фавікон, достатньо помістити ось такий код зверху (header):
<link rel=”shortcut icon” href=”http://example.com/favicon.ico“
type="image/x-icon“>

Розширення такого файлу обов’язково має бути саме .ico оскільки саме воно призначене для ярликів. Це ж саме стосується назви - якщо ви хочете, щоб іконка відображалась у всіх браузерах, то залишіть назву favicon.ico незмінною. В допомогу вам будуть такі сервіси як: Онлайн-генератор іконок з ваших картинок, Favicon Maker - розмальовка пікселів вручну. А також каталоги сайтів, зроблені з фавіконок: Завое.вание.ru, Blogosphera.

Продовження теми чекайте найближчим часом!

Буду радий, якщо ви напишете ще кілька дрібниць, котрі є досить важливими на вашу думку.

Popularity: 59%

Автор - Ігор Виспянський, 26 жовтня 2007

Останнім часом мережа Internet стала для багатьох засобом заробітку грошей, який має значні переваги в порівнянні з традиційними сферами бізнесу. Відносно легкий спосіб розпочати власну справу часто вводить в оману, через яку початківці погано представляють собі, як ці можливості правильно використовувати. Одним із найбільш популярних аспектів мережі Internet і в той же час найдешевшим є розробка Web-сайтів.

В цій статті ми спробуємо розібратись, що потрібно врахувати, щоб розробити успішний сайт. Також Ви дізнаєтесь: чому для того, щоб створити хороший ресурс, недостатньо знань декількох графічних редакторів, основ програмування чи розкрутки Web-сайтів та, сподіватимемося, зрозумієте наскільки складно стати в даній області спеціалістом пристойного рівня.

Читати продовження »

Popularity: 33%

Привіт! Вас вітає нова рубрика - Бліц. Тут ви не знайдете жодного зайвого слова - лише кілька речень по суті. А принцип такий: я задаю питання, українські блогери відповідають. Таке собі міні-опитування по ключовим питанням. Так як випуск пілотний, то відповідати будуть наші давні знайомі.

Отож, сьогоднішнє питання: Яка історія виникнення вашого ніку (nickname) ? Для нас погодились сказати кілька слів electric, ribel i masterpiecer. За що їм величезна шана.

Tарас (electric): елементарно просто: я вчився на електроенергетичному факультеті, котрий тепер вже став інститутом енергетики та систем керування, закінчив кафедру чи т оспеціальність електричні системи і мережі, магістр електротехніки, робив як інженером-ЕЛЕКТРИКОМ, так і інженером-енергетиком. Оскільки енергетика для простої людини штуказагадкова, то було використано слово електрика. Кожна людина знає хто такий ЕЛЕКТРИК :))) так і пояився нік electric

Тарас (ribel): Мій нік мені не “пришили” мої друзі, чи знайомі. Я його придумав сам.
У реальному житті мене звати Тарас. Це слово з грецької означає
бунтівник. Я взяв українсько-англійський словник, знайшов там слово
бунтівник, по англійськи воно буде Rebel, змінив другу букву на “i”,
от і вийшов Ribel.

Олександр (masterpiecer): Нікнейм придумав сам, коли набрид старий. Версія перша. Моя. Походить від слова “masterpiecer” (шедевр) +”r” Версія друга, мого друга - все те саме, але “r” має означати якусь вебдванульну фічу Версія третя від Сергія Ласкавого - “master” (повелитель) і “piecer” (подрібнювач на шматки). Вийшло щось на зразок “шматувальник рабів” :))) Ну і четверта, бонусна, від одного з учасників БлогКемпу - “master” + “piece” (співзвучно зі словом “мир”) + “r” ^)

Popularity: 22%

Автор - Ігор Виспянський.

В цій статті ми розглянемо загальні принципи проектування зручного Web-сайту. Тобто, спробуємо розібратись, як організувати Web-сторінку так, щоб вона була максимально зручною для відвідувача.

1. Як правильно організувати загальний шаблон сторінки

Перш ніж приступити до роботи потрібно обрати один із способів верстки (гумовий дизайн, дизайн з фіксованою шириною). Розглянемо трохи детальніше ці дві можливості. Т. з. “ гумові “ сайти не мають сталої ширини. Цей вид верстки є найбільш популярним.

Читати продовження »

Popularity: 42%