09:54
угу
09:35
Про...
«Стратегия дизайна, в которой пользователи, их нужды, интересы и поведение являются основой при разработке структуры сайта, навигации и подаче информации. Такой подход стал стандартом для современных веб-приложений, особенно в свете рассвета приложений, использующих контент, генерируемый пользователями. В Веб 2.0 пользователей нужно мотивировать к созданию контента и другой активности, при этом работа с сервисом должна вызывать минимум затруднений и быть максимально удобной.»
«Задача любого сайта, а сайта компании, занимающейся предоставлением услуг или продажей товаров в особенности, вызывать у потребителя доверие, быть понятным для покупателя, не вызывать сомнений.»
Сайт должен быть УДОБНЫМ. В первую очередь. И во вторую! И в третью тоже! Это самый главный критерий оценки дизайна. Должен быть ориентирован на пользователя, понятен, красив, оригинален (узнаваем) и доступен с любого устройства... Из-за этого приходится заставлять рисовать дизайнера несколько вариантов дизайна: мобильный вид (до 320), планшетный (на 1024 должно все быть удобно) и десктопный (на 1600 тоже должно быть все ОК). И пытать, пытать заказчика как он хочет, чтобы вел себя сайт.
«Задача любого сайта, а сайта компании, занимающейся предоставлением услуг или продажей товаров в особенности, вызывать у потребителя доверие, быть понятным для покупателя, не вызывать сомнений.»
Сайт должен быть УДОБНЫМ. В первую очередь. И во вторую! И в третью тоже! Это самый главный критерий оценки дизайна. Должен быть ориентирован на пользователя, понятен, красив, оригинален (узнаваем) и доступен с любого устройства... Из-за этого приходится заставлять рисовать дизайнера несколько вариантов дизайна: мобильный вид (до 320), планшетный (на 1024 должно все быть удобно) и десктопный (на 1600 тоже должно быть все ОК). И пытать, пытать заказчика как он хочет, чтобы вел себя сайт.
«Обозначает уровень понятности смысла текста, зависит от сложности предложений и используемых терминов. Обычно измеряется уровнем образования: необходимого читателю, чтобы понять текст. Читабельность и разборчивость — понятия разные. »
«При создании контента не стоит забывать и о своей аудитории, а именно, об их уровне знаний, подготовленности. Не стоит употреблять сложную терминологию, если ваши целевые потребители являются начинающими в этом деле.»
Если вы создали сайт для профессоров Гарварда, то терминология и сокращения будут уместны. Но если у вас детский сайт - пишите проще!
«При создании контента не стоит забывать и о своей аудитории, а именно, об их уровне знаний, подготовленности. Не стоит употреблять сложную терминологию, если ваши целевые потребители являются начинающими в этом деле.»
Если вы создали сайт для профессоров Гарварда, то терминология и сокращения будут уместны. Но если у вас детский сайт - пишите проще!
«Стратегия разработки, при которой базовый функционал сайта доступен из всех браузеров, а для пользователей современных браузеров предусмотрены дополнительные возможности. Основное преимущество такого подхода в том, что он позволяет создавать сайты, удобные для пользователей с медленными соединениями или старыми браузерами, при этом предоставляя дополнительные возможности для пользователей со скоростными соединениями и современными браузерами.»
Метод прогрессивного джипега от Лебедева: www.artlebedev.ru/kovodstvo/sections/167/
Я только ЗА. Но не настаиваю никогда, просто в стоимость включаю и объясняю, что да, можно и дешевле, но тогда минус поддержка ИЕ6... потом ИЕ7.... потом ИЕ8...
Нет, ну если хотят минимум картинок, но круглые углы, градиенты и тени, то пусть выбирают)
Метод прогрессивного джипега от Лебедева: www.artlebedev.ru/kovodstvo/sections/167/
Я только ЗА. Но не настаиваю никогда, просто в стоимость включаю и объясняю, что да, можно и дешевле, но тогда минус поддержка ИЕ6... потом ИЕ7.... потом ИЕ8...
Нет, ну если хотят минимум картинок, но круглые углы, градиенты и тени, то пусть выбирают)
«Логичность внешнего оформления сайта — положения логотипа, навигации, использование графических элементов и типографики. Логичность очень сильно влияет на удобство навигации по сайту.»
«Данное правило используют применительно к внешнему виду сайта. Мы привыкли видеть название сайта в шапке, при этом в левой части оно воспринимается гораздо логичней, чем в противоположной.
Скорее всего, это связано с тем, что наш взгляд идет от верхнего левого края по диагонали к нижнему правому. И важно в самом начале увидеть название и какой-то слоган, чтобы понять, что мы оказались по адресу.
Для нас является нормой наличие меню в виде списка ссылок, наличие важной информации в центре экрана и т.д. Думаю, к этому правилу можно отнести и такие вещи, как цветовая гамма, изображения и графика.»
На мой взгляд эта логика есть с создания web. В левом верхнем углу лого, потом название сайта (справа от лого, или под ним... В любом случае в шапке сайта). В первом экране так же есть навигация и поиск по сайту(, если он сделан). И чаще всего краткая информация куда собственно попал пользователь. Если сайт новостной - анонсы новостей, если магазин - товар, адрес, контакты...
Скорее всего, это связано с тем, что наш взгляд идет от верхнего левого края по диагонали к нижнему правому. И важно в самом начале увидеть название и какой-то слоган, чтобы понять, что мы оказались по адресу.
Для нас является нормой наличие меню в виде списка ссылок, наличие важной информации в центре экрана и т.д. Думаю, к этому правилу можно отнести и такие вещи, как цветовая гамма, изображения и графика.»
На мой взгляд эта логика есть с создания web. В левом верхнем углу лого, потом название сайта (справа от лого, или под ним... В любом случае в шапке сайта). В первом экране так же есть навигация и поиск по сайту(, если он сделан). И чаще всего краткая информация куда собственно попал пользователь. Если сайт новостной - анонсы новостей, если магазин - товар, адрес, контакты...
Этот термин используется для обозначения навигации, в которой пользователю трудно понять назначение гиперссылок или вообще найти их.»
Вот в статье есть пример: en.wikipedia.org/wiki/Mystery_meat_navigation
В нем никак не обозначенные ссылки, в виде невидимых областей. (поводите мышкой над луной, увидите как меняется подсказка) Причем эта навигация по статьям никак явно не обозначена.
«правило Mystery-Meat Navigation, MMN – мистическая навигация, которое предупреждает о том, что нельзя придумывать для пунктов меню не очевидные названия, когда непонятно, что скрывается за данным пунктом. Или, как вариант, делать меню, которое сложно инициировать, как меню.»
Вот в статье есть пример: en.wikipedia.org/wiki/Mystery_meat_navigation
В нем никак не обозначенные ссылки, в виде невидимых областей. (поводите мышкой над луной, увидите как меняется подсказка) Причем эта навигация по статьям никак явно не обозначена.
«правило Mystery-Meat Navigation, MMN – мистическая навигация, которое предупреждает о том, что нельзя придумывать для пунктов меню не очевидные названия, когда непонятно, что скрывается за данным пунктом. Или, как вариант, делать меню, которое сложно инициировать, как меню.»
07:59
Мяу!
12:27
Minesweeping
«Незаметность ссылок на сайте может приводить к тому, что пользователю придется водить курсор над страницей, чтобы обнаружить ссылки по изменению его вида. В большинстве случаев это четкий сигнал о проблемах юзабилити.»
И опять повторение истин: ссылки должны быть выделены всегда. Впрочем, это касается не только ссылок. Все элементы на странице должны быть понятны пользователю. Т.е. у него не должно быть мыслей: "Если я нажму сюда, наверное ничего не произойдет. А если вот сюда, то скорее всего товар добавится в корзину". Должно быть четкое осознание на уровне рефлексов: "Ага, я выбрал. Теперь куплю" и без лишнего поиска и возни нажатие на кнопку.
И опять повторение истин: ссылки должны быть выделены всегда. Впрочем, это касается не только ссылок. Все элементы на странице должны быть понятны пользователю. Т.е. у него не должно быть мыслей: "Если я нажму сюда, наверное ничего не произойдет. А если вот сюда, то скорее всего товар добавится в корзину". Должно быть четкое осознание на уровне рефлексов: "Ага, я выбрал. Теперь куплю" и без лишнего поиска и возни нажатие на кнопку.
«Визуальная разборчивость текста.»
Кратко и понятно. Если вы сделаете красные буквы на красном фоне - пользователи не поймут.
А так же:
«Разборчивость имеет дело с восприятием отдельных букв и слов и определяется:
«Когда в словах используется шрифт, состоящий только из прописных литер, они менее разборчивы по сравнению с обычными (с литерами верхнего и нижнего регистров) шрифтами с засечками или без засечек. Применение в тексте всех прописных букв часто создает сбой в визуальной четкости, потому что распознавание слова базируется на форме слов, а не на размере букв.
...
Когда в словах употребляются литеры только верхнего регистра, мозг читает их сначала просто как прямоугольники, а не уникально сформированные словоформы, созданные вариациями литер нижнего регистра. Эти вариации придают каждому слову свою собственную оптическую индивидуальность. Слова нижнего регистра, с их надстрочными и подстрочными элементами, выступающими из высоты малых литер, становятся более различимыми по форме. Все слова верхнего регистра строятся между их базовой линией и верхней линией прописных литер, формируя прямоугольный блок, который вынуждает читателя декодировать каждый индивидуальный символ, прежде чем он поймет смысл всего слова. В дополнение к большему напряжению для глаз, этот познавательный процесс связан с более интенсивной и длительной мозговой обработкой.»
«Меньше цветов — лучше читабельность. Хороший контраст — хорошая читабельность. Плохой контраст — плохая читабельность.»
читать дальше
Кратко и понятно. Если вы сделаете красные буквы на красном фоне - пользователи не поймут.
А так же:
«Разборчивость имеет дело с восприятием отдельных букв и слов и определяется:
- легкостью восприятия различных шрифтов;
- различием одних букв от других в пределах группы слов, например в заголовках различных видов (включая уличные знаки или доски объявлений), списках элементов и т. д.
«Когда в словах используется шрифт, состоящий только из прописных литер, они менее разборчивы по сравнению с обычными (с литерами верхнего и нижнего регистров) шрифтами с засечками или без засечек. Применение в тексте всех прописных букв часто создает сбой в визуальной четкости, потому что распознавание слова базируется на форме слов, а не на размере букв.
...
Когда в словах употребляются литеры только верхнего регистра, мозг читает их сначала просто как прямоугольники, а не уникально сформированные словоформы, созданные вариациями литер нижнего регистра. Эти вариации придают каждому слову свою собственную оптическую индивидуальность. Слова нижнего регистра, с их надстрочными и подстрочными элементами, выступающими из высоты малых литер, становятся более различимыми по форме. Все слова верхнего регистра строятся между их базовой линией и верхней линией прописных литер, формируя прямоугольный блок, который вынуждает читателя декодировать каждый индивидуальный символ, прежде чем он поймет смысл всего слова. В дополнение к большему напряжению для глаз, этот познавательный процесс связан с более интенсивной и длительной мозговой обработкой.»
«Меньше цветов — лучше читабельность. Хороший контраст — хорошая читабельность. Плохой контраст — плохая читабельность.»
читать дальше
И я поддерживаю это мнение, что не стоит пихать много текста в строку.... и колоночное разбиение придумали не зря.
09:39
Я счастлива :)
Просто потому что вот. 
17:03
Среди мёртвых и живых
Далеко и навсегда,
Ближе только крыльям ветер,
Расстояний не заметят
Ни минуты, ни года.
Дальше только тишина,
Только холод расставаний,
Лиц чужих и расписаний
Самолетов в небеса.
Дальше только высота
Птичьих стай и отраженье
Траектории движенья
Ниоткуда в никуда.
Припев:
Среди мёртвых и живых
Ты меня узнай не поздно,
Кто-то так расставил звёзды
Всем на пользу, мне поддых.
Среди чёрных лет и зим
Оставайся также в белом,
У меня к тебе есть дело -
Быть с тобою до седин.
Всем термометрам назло
Я к тебе на ледоколах,
У снегов твои законы,
Но у рук моё тепло.
А как ночь луну разбудит,
Снова мне бежать изгоем,
Слишком этот мир запутан,
Чтобы просто быть с тобою.
Дальше только ты, весна,
Оставайся частью света,
Мне известно два ответа:
Далеко и навсегда.
Припев:
Среди мёртвых и живых
Ждать тебя не перестану,
Мне не плыть по океану
Слов признания другим.
Среди чёрных лет и зим
Оставайся также в белом,
У меня к тебе есть дело -
Быть с тобою до седин.
(с)Сурганова - Далеко (Среди мёртвых и живых...)
Ближе только крыльям ветер,
Расстояний не заметят
Ни минуты, ни года.
Дальше только тишина,
Только холод расставаний,
Лиц чужих и расписаний
Самолетов в небеса.
Дальше только высота
Птичьих стай и отраженье
Траектории движенья
Ниоткуда в никуда.
Припев:
Среди мёртвых и живых
Ты меня узнай не поздно,
Кто-то так расставил звёзды
Всем на пользу, мне поддых.
Среди чёрных лет и зим
Оставайся также в белом,
У меня к тебе есть дело -
Быть с тобою до седин.
Всем термометрам назло
Я к тебе на ледоколах,
У снегов твои законы,
Но у рук моё тепло.
А как ночь луну разбудит,
Снова мне бежать изгоем,
Слишком этот мир запутан,
Чтобы просто быть с тобою.
Дальше только ты, весна,
Оставайся частью света,
Мне известно два ответа:
Далеко и навсегда.
Припев:
Среди мёртвых и живых
Ждать тебя не перестану,
Мне не плыть по океану
Слов признания другим.
Среди чёрных лет и зим
Оставайся также в белом,
У меня к тебе есть дело -
Быть с тобою до седин.
(с)Сурганова - Далеко (Среди мёртвых и живых...)
15:06
Приветствую!
Комментарии (3)
01.02.2013 в 16:07
Пишет Hijack:Время от времени старшая племянница, делая уроки, звонит с каким-нибудь вопросом, на который отчаялась ответить остальная семья. Например, «как по-английски будет "мотыга"?» или «кто такой Савонарола?». Вот и сегодня, пока мы ехали с обеда:
— ...Продолжите стихотворение: «Тает снег, бегут ручьи — всё равно красиво...»
— «Записался в палачи шестирукий Шива», — бодро сочинил Калянский.
В трубке тревожно замолчали.
— «Шевелится на печи Стас из Кологрива», — попытался ещё раз Калянский.
— Я в пятом классе учусь. Мне бы что-нибудь соответственное, — укоризненно сказала племянница.
— «Скоро прилетят грачи и заплачет ива», — сдался Калянский.
— Хорошо, — одобрила племянница. — Только без этой драматичной нотки про плачущую иву!
— Ладно. «Тает снег, бегут ручьи — всё равно красиво. Спасибо за это Александру Григорьевичу Лукашенко!». Записала? Пусть только попробуют десятку не поставить!
URL записи— ...Продолжите стихотворение: «Тает снег, бегут ручьи — всё равно красиво...»
— «Записался в палачи шестирукий Шива», — бодро сочинил Калянский.
В трубке тревожно замолчали.
— «Шевелится на печи Стас из Кологрива», — попытался ещё раз Калянский.
— Я в пятом классе учусь. Мне бы что-нибудь соответственное, — укоризненно сказала племянница.
— «Скоро прилетят грачи и заплачет ива», — сдался Калянский.
— Хорошо, — одобрила племянница. — Только без этой драматичной нотки про плачущую иву!
— Ладно. «Тает снег, бегут ручьи — всё равно красиво. Спасибо за это Александру Григорьевичу Лукашенко!». Записала? Пусть только попробуют десятку не поставить!
00:53
Сижу довольная как слон)
Комментарии (3)
17:50
Собака нашлась!
UPD Собака нашлась!
Пропала собака породы цвергшнауцер, сука, возраст около года, рост 30 см., в районе ул. Я.Коласа 63, около 19-00, 30.01.13 года.
Тел.8-029-3653304.
Пропала собака породы цвергшнауцер, сука, возраст около года, рост 30 см., в районе ул. Я.Коласа 63, около 19-00, 30.01.13 года.
Тел.8-029-3653304.
Комментарии (4)
17:49
Hotspot
«Кликабельная область сайта, меняющая свое оформление после клика на нее. Это характерно для :focus-эффектов после клика на ссылку или другой элемент сайта.
Hotspot и gloss на Smashingmagazine.com»
Ссылки, которые пользователь уже просмотрел должны быть видны. И все, что приводит к каким либо изменениям должно быть обозначено. Вы нажимаете на кнопку и видите, что вы на нее нажали. Тоже самое и с другими элементами - пользователь должен знать что раз уж он кликнул сюда случайно, то что-то произойдет. Нуу... Как пример: пользователь просматривает статьи и случайно кликает на заголовок статьи. Оно не как не реагирует и он продолжает читать. И оп-па, все порушилось! Армагеддон ! Ужас и кошмар! То, что он читал пропадает из его обозрения и открывается статья, которая открылась по клику. А вот если ты заголовок хоть как либо среагировал на нажатие (да хоть бы фон под текстом поменял), то пользователь бы отвлекся от чтения, понял бы, что уп-с на что-то нажал и сейчас что-то случится. Не устраивайте своих пользователям Армагеддон и Апокалипсис на мелочах, показывайте реакцию на нажатие.
Hotspot и gloss на Smashingmagazine.com»
Ссылки, которые пользователь уже просмотрел должны быть видны. И все, что приводит к каким либо изменениям должно быть обозначено. Вы нажимаете на кнопку и видите, что вы на нее нажали. Тоже самое и с другими элементами - пользователь должен знать что раз уж он кликнул сюда случайно, то что-то произойдет. Нуу... Как пример: пользователь просматривает статьи и случайно кликает на заголовок статьи. Оно не как не реагирует и он продолжает читать. И оп-па, все порушилось! Армагеддон ! Ужас и кошмар! То, что он читал пропадает из его обозрения и открывается статья, которая открылась по клику. А вот если ты заголовок хоть как либо среагировал на нажатие (да хоть бы фон под текстом поменял), то пользователь бы отвлекся от чтения, понял бы, что уп-с на что-то нажал и сейчас что-то случится. Не устраивайте своих пользователям Армагеддон и Апокалипсис на мелочах, показывайте реакцию на нажатие.
17:26
Granularity
«Степень разделения большого объема сложных данных на небольшие модули.»
Так кратко во всех источниках, и так нужно донести до заказчиков!!! Нельзя, слышите, нельзя впихивать СЕО статью на 3 экрана вниз в самом верху, да еще и нудную и изобилующую терминами!
"Поскольку угол обзора при чтении составляет 15-20 градусов по горизонтали и 5 градусов по вертикали, то ширина текста при чтении с монитора не должна превышать 20 см и количество букв в строке должно быть в диапазоне 40-60."
Вот это обратная сторона "резинового" дизайна старого поколения, когда блок контента растягивался до бесконечности, тем самым превращая статью в 1 строку, которую неудобно читать. Современный же дизайн просто перемещает информационные блоки, изменяя их ширину незначительно.
Так кратко во всех источниках, и так нужно донести до заказчиков!!! Нельзя, слышите, нельзя впихивать СЕО статью на 3 экрана вниз в самом верху, да еще и нудную и изобилующую терминами!
"Поскольку угол обзора при чтении составляет 15-20 градусов по горизонтали и 5 градусов по вертикали, то ширина текста при чтении с монитора не должна превышать 20 см и количество букв в строке должно быть в диапазоне 40-60."
Вот это обратная сторона "резинового" дизайна старого поколения, когда блок контента растягивался до бесконечности, тем самым превращая статью в 1 строку, которую неудобно читать. Современный же дизайн просто перемещает информационные блоки, изменяя их ширину незначительно.
Комментарии (8)