Закрытая запись, не предназначенная для публичного просмотра
«Свойство сайта отображать контент и сохранять базовый функционал, даже если некоторые его компоненты не могут быть отображены или использованы. На практике это означает, что контент веб сайта должен быть доступен при любых возможных ошибках, в любом браузере и операционной системе.»
Это даже комментировать не надо) Ваш сайт должен адекватно открываться как в ИЕ6, так и в Сафари на Айпаде. Все разработчики стремятся к этому совершенству. Адекватно, не значит так же
Но пользователь должен иметь возможность пользоваться вашим сайтом на чем ему удобно! Особенно это касается сайтов банков)
Это даже комментировать не надо) Ваш сайт должен адекватно открываться как в ИЕ6, так и в Сафари на Айпаде. Все разработчики стремятся к этому совершенству. Адекватно, не значит так же
Но пользователь должен иметь возможность пользоваться вашим сайтом на чем ему удобно! Особенно это касается сайтов банков)
15:48
Подсказки (Gloss)
«Подсказки к ссылкам можно добавить с помощь атрибута title. Точное описание всех внутренних и внешних ссылок с помощью информативных подсказок и текста ссылки может улучшить юзабилити веб-сайта.»
Атрибут title теперь входит в стандарт, и если хочешь верстать валидно - то нужно ставить всегда! Как и alt для картинок)
А вызвано это тем, что интернет заполонили иконки, они теперь везде)
Вот интересная статья об этом: habrahabr.ru/post/166723/
Очень емко отображает это правило вот эта картинка:
читать дальше
Универсального восприятия у людей нет, каждый ассоциирует по своему, поэтому нужно обязательно пояснять пользователю что значит что.
Атрибут title теперь входит в стандарт, и если хочешь верстать валидно - то нужно ставить всегда! Как и alt для картинок)
А вызвано это тем, что интернет заполонили иконки, они теперь везде)
Вот интересная статья об этом: habrahabr.ru/post/166723/
Очень емко отображает это правило вот эта картинка:
читать дальше
Универсального восприятия у людей нет, каждый ассоциирует по своему, поэтому нужно обязательно пояснять пользователю что значит что.
15:39
Сгиб (Fold)
Сгиб — это линия, проходящая на уровне нижней границы окна браузера, все расположенные ниже нее элементы страницы не видны без прокрутки. Уровень этой линии зависит от разрешения монитора посетителя. На элементы, расположенные выше сгиба, обычно приходится больше кликов и внимания пользователей, и как следствие, больше прибыли, но существуют и противоположные мнения. [Usability.gov]
О! Вот это у нас сейчас весьма и весьма популярно:
Вот к примеру: www.icodelabs.net/
А на этом наглядно видна линия сгиба: www.digett.com/san-antonio-web-design/
А на этом эта линия смазана: tiagojose.com/
Как и тут: saratusar.com/work/infectmedia/ Но тут есть приглашающая линия, которая "зовет" пользователя проследить за ней...
А популярно оно потому что большенство пользователей ленятся листать сайт дальше, и тем более кликать. Потому с первого экрана должно быть понятно куда попал пользователь: если вы магазин, то постарайтесь чтобы вас не спутали со студией дизайна
О! Вот это у нас сейчас весьма и весьма популярно:
Вот к примеру: www.icodelabs.net/
А на этом наглядно видна линия сгиба: www.digett.com/san-antonio-web-design/
А на этом эта линия смазана: tiagojose.com/
Как и тут: saratusar.com/work/infectmedia/ Но тут есть приглашающая линия, которая "зовет" пользователя проследить за ней...
А популярно оно потому что большенство пользователей ленятся листать сайт дальше, и тем более кликать. Потому с первого экрана должно быть понятно куда попал пользователь: если вы магазин, то постарайтесь чтобы вас не спутали со студией дизайна
«Отслеживая движение глаз, можно определить, куда смотрит пользователь. Существуют методы, позволяющие, наблюдая за каждым движением глаза, определить области которые привлекают его наибольшее внимание. Исследования в этой области позволяют делать выводы о том, насколько комфортабельно чувствуют себя пользователи на сайте и как быстро они могут понять его структуру.»
Собственно это просто метод понять, куда смотрит пользователь, что ему нравится и что он не замечает вовсе.
Это мало касается меня, как верстальщика... Но очень интересно мне, как дизайнеру ^_^
Eye tracking позволяет получить ответы на следующие вопросы:
- Где и на чем концентрирует внимание большинство людей?
- Какая область дизайна остаётся без внимания?
- Какой дизайн наилучший с точки зрения пользователей?
- Является ли Ваш логотип достаточно заметным?
- Как видят клиенты Вашу рекламу в данном контексте или среди других реклам?
- Какое рекламное сообщение привлекает наибольшее внимание?
- Какая зона в рекламном сообщении привлекает наибольшее внимание?
Данные, полученные в результате eye-tracking исследований позволят:
- Оценить эффективность рекламы
- Завоевать преданность клиента путём предоставления ему более удобного и понятного интерфейса;
- Провести более успешные маркетинговые кампании при меньших затратах
- Достигнуть более высокой отдачи от Вашего веб-сайта;
Собственно это просто метод понять, куда смотрит пользователь, что ему нравится и что он не замечает вовсе.
Это мало касается меня, как верстальщика... Но очень интересно мне, как дизайнеру ^_^
«Этот эффект особенно важен при создании текстов для веб, поскольку может значительно улучшить связь между автором и читателем. Вещи, связанные с нашим собственным опытом, мы запоминаем лучше, чем те, которые с нами не связаны. К примеру, после прочтения статьи люди лучше запоминают персонажей, истории или факты, с которыми они были как-то связаны.»
Человек существо социальное, да. Мы личности, и личностное отношение воспринимаем лучше.
Человек существо социальное, да. Мы личности, и личностное отношение воспринимаем лучше.
«Это фундаментальные правила человеческой психологии в контексте дизайна интерфейсов человек-компьютер.
Закон близости утверждает, что когда мы видим набор объектов, объекты, расположенные ближе друг к другу, мы распознаем как группу.
Реальный пример действия закона близости c MTV Music Awards 2002. Источник.
Закон сходства утверждает, что сходные объекты человек подсознательно группирует.
The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.
В логотипе Macintosh можно разглядеть как обычное счастливое лицо, так и счастливое лицо в профиль. Источник.
Закон симметрии утверждает, что мы склонны воспринимать симметричные объекты как один объект.
Закон смыкания утверждает, что люди склонны объединять объекты, которые на самом деле едиными не являются.
В логотипе IBM мы видим буквы I, B, M хотя на самом деле там есть только линии различной длины. Источник»
Примерно так: если мы видим утром детей идущих в одном направлении примерно одного возраста, то мозг решает, что это школьники. Точно так же, если мы видим ссылки расположенные рядом, то автоматически воспринимаем их за меню) Если мы видим текст синего цвета, подчеркнутый одной линией, то подсознательно воспринимаем его как ссылку. Вот поэтому Лебедев так настаивает на том, чтобы ссылки были подчеркнуты. Потому что пользователь привык к этому, и мозг значительно быстрее определяет где на странице ссылки, если они подчеркнуты.
Симметрия... это основа нашей жизни, даже молекулы из которых мы состоим симметричны! Поэтому в web есть такое понятие, как сетка. По сетке выставляются элементы, чтобы сайт смотрелся целостно.
Закон близости утверждает, что когда мы видим набор объектов, объекты, расположенные ближе друг к другу, мы распознаем как группу.
Реальный пример действия закона близости c MTV Music Awards 2002. Источник.
Закон сходства утверждает, что сходные объекты человек подсознательно группирует.
The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.
В логотипе Macintosh можно разглядеть как обычное счастливое лицо, так и счастливое лицо в профиль. Источник.
Закон симметрии утверждает, что мы склонны воспринимать симметричные объекты как один объект.
Закон смыкания утверждает, что люди склонны объединять объекты, которые на самом деле едиными не являются.
В логотипе IBM мы видим буквы I, B, M хотя на самом деле там есть только линии различной длины. Источник»
Примерно так: если мы видим утром детей идущих в одном направлении примерно одного возраста, то мозг решает, что это школьники. Точно так же, если мы видим ссылки расположенные рядом, то автоматически воспринимаем их за меню) Если мы видим текст синего цвета, подчеркнутый одной линией, то подсознательно воспринимаем его как ссылку. Вот поэтому Лебедев так настаивает на том, чтобы ссылки были подчеркнуты. Потому что пользователь привык к этому, и мозг значительно быстрее определяет где на странице ссылки, если они подчеркнуты.
Симметрия... это основа нашей жизни, даже молекулы из которых мы состоим симметричны! Поэтому в web есть такое понятие, как сетка. По сетке выставляются элементы, чтобы сайт смотрелся целостно.
10:31
^_^
Комментарии (2)
21:26
Нужна дайри-магия...
Совершенно случайно нашла объявление, по которому отдают ДАРОМ кошек моей мечты... Но! Я не первая, сказали что если не заберут на выходных звонить на следующей неделе... Пожалуйста, пожалуйста, пожалуйста пусть они будут жить со мной!!! Премиум корм, отдельные лотки, много игрушек! 
Вопрос: Пусть у меня все получится?
1. Да — 11 (100%)
Всего: 11
«Человек не терпит неопределенности — мы стараемся найти ответы на возникающие вопросы, причем как можно скорее. Эффект неопределенности основан именно на этой особенности поведения людей. Видео ролики, статьи и сюжеты, использующие эффект неопределенности, обычно заканчиваются внезапно, не разрешая сложную ситуацию и не отвечая на возникающие вопросы. Этот эффект часто используется в рекламе: задавая посетителям интересные и провокационные вопросы, рекламщики часто принуждают к чтению материала или клику на ссылке.
Обнаруженный Блюмой Зейгарник в 1927 году эффект помогает установить эмоциональную связь с читателем и невероятно эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут запомнены более четко и точно. Эффект Зейгарник используется и при написании текстов для веб, чтобы привлечь и заинтересовать посетителей.»
Да-да, это про вот эту навязчивую рекламу, к примеру:
Или про короткие анонсы новостей, в которых емко и интересно описано содержание. О-о-о-чень популярный прием у желтой прессы)
Обнаруженный Блюмой Зейгарник в 1927 году эффект помогает установить эмоциональную связь с читателем и невероятно эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут запомнены более четко и точно. Эффект Зейгарник используется и при написании текстов для веб, чтобы привлечь и заинтересовать посетителей.»
Да-да, это про вот эту навязчивую рекламу, к примеру:
Или про короткие анонсы новостей, в которых емко и интересно описано содержание. О-о-о-чень популярный прием у желтой прессы)
17:44
Баннерная слепота
«Пользователи игнорируют все, что похоже на рекламу, и что интересно, делают это весьма эффективно. Хотя рекламу замечают, ее все равно всегда игнорируют. У пользователей выработаны довольно-таки четкие схемы, которым они следуют, выполняя в веб различные действия: в поисках необходимой информации они фокусируют внимание на тех частях страницы, где эта информация может быть расположена — на основном тексте и гиперссылках. Большие, красочные, анимированные баннеры в этом случае полностью игнорируются.
»
«Чувствительность к визуальной рекламе достаточно индивидуальна, некоторых очень раздражает любое подмигивание и мельтешение баннеров, другие относительно устойчивы и более способны отрешиться от лишних баннеров или событий на странице. Более того, как утверждают "пользователи практически никогда не смотрят на что бы то ни было похожее на рекламу, неважно реклама это на самом деле или нет".»©Wiki
Я, в силу своей любви к дизайну, внимание на рекламу обращаю... Потому что это интересно, да и есть с кем обсудить) Мифов, статей как с ней бороться и прочей информации о ней предостаточно в интернете... Для разработчика же важно вот этот результат исследования:
«В ходе изучения восприятия баннеров была выяснена интересная закономерность: фокус внимания на главных страницах крупных сайтов приходится на верхний баннер, так как он располагается ближе к навигационному меню. А на внутренних страницах взгляд, напротив, захватывает боковые баннеры, так как пользователь концентрируется на чтении текста. С левой стороны страницы часто расположены значимые элементы интерфейса, так что и левый баннер получает достаточно внимания. Также это связано с тем, что читают европейцы слева направо. Люди обычно не дочитывают строки до конца, а, ухватив смысл, идут дальше. Поэтому левые баннеры находятся в более выигрышном положении по сравнению с правыми.»
»«Чувствительность к визуальной рекламе достаточно индивидуальна, некоторых очень раздражает любое подмигивание и мельтешение баннеров, другие относительно устойчивы и более способны отрешиться от лишних баннеров или событий на странице. Более того, как утверждают "пользователи практически никогда не смотрят на что бы то ни было похожее на рекламу, неважно реклама это на самом деле или нет".»©Wiki
Я, в силу своей любви к дизайну, внимание на рекламу обращаю... Потому что это интересно, да и есть с кем обсудить) Мифов, статей как с ней бороться и прочей информации о ней предостаточно в интернете... Для разработчика же важно вот этот результат исследования:
«В ходе изучения восприятия баннеров была выяснена интересная закономерность: фокус внимания на главных страницах крупных сайтов приходится на верхний баннер, так как он располагается ближе к навигационному меню. А на внутренних страницах взгляд, напротив, захватывает боковые баннеры, так как пользователь концентрируется на чтении текста. С левой стороны страницы часто расположены значимые элементы интерфейса, так что и левый баннер получает достаточно внимания. Также это связано с тем, что читают европейцы слева направо. Люди обычно не дочитывают строки до конца, а, ухватив смысл, идут дальше. Поэтому левые баннеры находятся в более выигрышном положении по сравнению с правыми.»
Комментарии (4)
«Обычно пользователи привязываются к первому, изученному ими дизайну, и судят остальные по тому, насколько они на него похожи. В результате пользователи предпочитают системы, похожие на те, которые они знают, и не очень любят остальные. Эта проблема часто возникает при редизайне, пользователи, привыкшие к предыдущей версии дизайна, в новой структуре сайта чувствуют себя не комфортно.»
Вот поэтому я сторонних постепенного улучшения... Примерно так сейчас практикует Яндекс: он постепенно улучает свой внешний вид, добавляет новые функции... И в то же время если после редизайна в вашем сайте появятся новые функции, станет все более продумано, то пользователи со временем привыкнут. Как пример могу привести тот же Вконтакте с его стеной. Сколько было стенаний по ее поводу, а теперь все привыкли и пользуются без нареканий.
Вот поэтому я сторонних постепенного улучшения... Примерно так сейчас практикует Яндекс: он постепенно улучает свой внешний вид, добавляет новые функции... И в то же время если после редизайна в вашем сайте появятся новые функции, станет все более продумано, то пользователи со временем привыкнут. Как пример могу привести тот же Вконтакте с его стеной. Сколько было стенаний по ее поводу, а теперь все привыкли и пользуются без нареканий.
16:32
Удовлетворенность
«Пользователи не выбирают оптимальный путь в поисках необходимой информации. Им не нужно самое лучшее и надежное решение, напротив — часто они готовы удовлетвориться быстрым и не самым лучшим решением, которое будет «вполне приемлемым». Применительно к веб, удовлетворенность описывается именно этим случаем: пользовать получил «вполне приемлемое» решение проблемы — даже если альтернативные решения полнее покрывают его требования на длительный срок.»
Если пользователь легко и понятно для него будет находить у вас информацию - он будет возвращаться. Если ему будет просто поделится информацией именно с вашего сайта - он поделится. Это довольно обтекаемое правило.
Кстати, мы его используем как пользователи когда читаем новостные сайты: просматриваем заголовки с краткими описаниями мы вообщем узнаем новость, а если нам нужна дополнительная информация - кликаем и идем ее читать.
Если пользователь легко и понятно для него будет находить у вас информацию - он будет возвращаться. Если ему будет просто поделится информацией именно с вашего сайта - он поделится. Это довольно обтекаемое правило.
Кстати, мы его используем как пользователи когда читаем новостные сайты: просматриваем заголовки с краткими описаниями мы вообщем узнаем новость, а если нам нужна дополнительная информация - кликаем и идем ее читать.
15:10
Перевернутая пирамида
«Перевернутая пирамида — это стиль написания, при котором основная мысль представлена в начале статьи. Статья начинается с вывода, за которым следуют ключевые моменты, а завершается наименее важной информацией. Пользователи хотят получать информацию как можно быстрее, поэтому перевернутая пирамида как нельзя лучше подходит для веб, такого же мнения придерживается и гуру юзабилити Якоб Нильсен.»
Это правило тоже можно встретить повсеместно:
Говорящий заголовок → небольшая аннотация → сама статья → комментарии к ней - это самый простой пример использования правила.
На саму структуру сайта тоже следует его применять. Если ваш сайт что-либо продает - то в первую очередь пользователь должен узнать как с вами связаться. Вы интернет магазин? Первое что должен увидеть покупатель: телефоны консультантов, потом про стационарный магазин и доставку по городу, и только потом товары. Думаете не логично? Ваш покупатель приходит на сайт ОТКУДА-ТО, где он уже узнал о вас минимум. Т.е. если он вбил в поиск "плюшевый мишка с грелкой", то он уже знает что вы его продаете. Он уже ищет как можно просто и быстро его приобрести. А что может быть проще 1 звонка?
Это правило тоже можно встретить повсеместно:
Говорящий заголовок → небольшая аннотация → сама статья → комментарии к ней - это самый простой пример использования правила.
На саму структуру сайта тоже следует его применять. Если ваш сайт что-либо продает - то в первую очередь пользователь должен узнать как с вами связаться. Вы интернет магазин? Первое что должен увидеть покупатель: телефоны консультантов, потом про стационарный магазин и доставку по городу, и только потом товары. Думаете не логично? Ваш покупатель приходит на сайт ОТКУДА-ТО, где он уже узнал о вас минимум. Т.е. если он вбил в поиск "плюшевый мишка с грелкой", то он уже знает что вы его продаете. Он уже ищет как можно просто и быстро его приобрести. А что может быть проще 1 звонка?
14:57
Правило Фиттса
«Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели. Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.»
Это тоже понятно, и используется повсеместно. Достаточно взглянуть на окно редактирования поста:
Тут есть 3 элемента, которые расположены рядом:
1. выпадающий список с наборами
2. возможность редактировать текущий набор
3. собственно сам набор
Суть правила проста: когда мы пользуемся чем-то логично расположить все, что к этому относится рядом. Было бы очень не удобно, если бы набор оставался внизу, а переключение между ними к примеру вверху, рядом с управлением редактируемого текста... или же внизу, рядом с темами...
Это же правила используется в том же твиттере, да и на дайри ввели возможность репоста (ретвита), тем самым сократив действия пользователя до простого выбора куда.
Это тоже понятно, и используется повсеместно. Достаточно взглянуть на окно редактирования поста:
Тут есть 3 элемента, которые расположены рядом:
1. выпадающий список с наборами
2. возможность редактировать текущий набор
3. собственно сам набор
Суть правила проста: когда мы пользуемся чем-то логично расположить все, что к этому относится рядом. Было бы очень не удобно, если бы набор оставался внизу, а переключение между ними к примеру вверху, рядом с управлением редактируемого текста... или же внизу, рядом с темами...
Это же правила используется в том же твиттере, да и на дайри ввели возможность репоста (ретвита), тем самым сократив действия пользователя до простого выбора куда.
14:36
Рука-лицо!
31.01.2013 в 13:14
Пишет Эрл Грей:За очистку своего авто во дворе дома москвичей будут штрафовать от трех тысяч до четырех тысяч рублей.
Сегодня Мосгордумой по первоочередному представлению Мэра г.Москвы Собянина принят в первом чтении Закон города Москвы "О внесении изменений в Закон города Москвы от 21 ноября 2007 года № 45 «Кодекс города Москвы об административных правонарушениях».
читать дальше
Источнег
URL записиСегодня Мосгордумой по первоочередному представлению Мэра г.Москвы Собянина принят в первом чтении Закон города Москвы "О внесении изменений в Закон города Москвы от 21 ноября 2007 года № 45 «Кодекс города Москвы об административных правонарушениях».
читать дальше
Источнег
Комментарии (2)
«В результате исследований взаимодействия человека и компьютера Бен Шнейдерман составил набор правил, которые могут быть использованы при разработке многих типов интерфейсов. Эти принципы актуальны как для разработчиков интерфейсов, так и для веб-дизайнеров.
»
Тут даже комментарии не нужны. Просто нужно применять.
- Стремитесь к логичности
- Для опытных пользователей должен быть быстрый способ (сокращения, горячие клавиши, макросы)
- Должна быть информативная обратная связь
- Диалог должен быть законченным
- Обработка ошибок должна быть простой
- Должен быть простой способ отмены действий
- Пользователь должен чувствовать, что все под его контролем
- Как можно меньше загружайте кратковременную память
»
Тут даже комментарии не нужны. Просто нужно применять.
«Заключается в том, что 80% эффекта получается в результате 20% действий. В бизнесе это правило часто применяется в виде: «80% продаж приходится на 20% клиентов». В веб-дизайне и юзабилити это правило работает не менее эффективно. К примеру, значительно улучшить отдачу сайта можно определив 20% пользователей, заказчиков, действий, продуктов или процессов которые дают 80% прибыли и обратив на них особое внимание при разработке.»
Довольно сложно применимое правило для простого разработчика. Тут нужна команда аналитиков, да. Но смысл все равно прост, хоть и написано не сильно понятно. Если у вас есть популярный функционал на сайте - развивайте его! А то, что не пользуется популярностью можно и задвинуть подальше.
Довольно сложно применимое правило для простого разработчика. Тут нужна команда аналитиков, да. Но смысл все равно прост, хоть и написано не сильно понятно. Если у вас есть популярный функционал на сайте - развивайте его! А то, что не пользуется популярностью можно и задвинуть подальше.