Usability

  • Восприятие информации по горизонтали и вертикали

    Почему мы воспринимаем информацию слева направо и сверху вниз (как говорят некоторые «буквой Z»)? Правильно, потому что мы так пишем. Так пишет добрая половина человечества, а создатели компьютеров «навязали» такой стиль и восточным народам (хотя те и сопротивляются). А почему мы так пишем? Да потому что писать справа налево неудобно так же как писать левшам слева направо. Мы же себе строчку рукой...

    » Читать полностью » Комментарии (9)
  • Элементы управления в веб-сервисах

    В продолжение предыдущей статьи посвящённой организации навигации в социальных сетях, пройдусь по другим темам. Существуют следующие виды элементов управления в веб-проектах: Контент-ссылки Контролы Контент-ссылки — это те ссылки которые позволяют перейти на страницу с каким-либо содержимым. Они могут быть следующего вида: Ссылки Иконки Ссылки с...

    » Читать полностью » Комментарии (6)
  • Навигация веб-сервисов и социальных сетей

    Меня удивляет непоследовательность разработчиков интерфейсов различных социальных сетей и веб-сервисов в организации навигации. Простая и понятная навигация встречается на очень редких сайтах. Это свидетельствует о том, что в разработке не участвуют специалисты по юзабилити, либо по каким-то техническим, экономическим, амибициозависимым соображениям их рекомендации не берутся во...

    » Читать полностью » Комментарии (5)
  • Дизайн текста 4: Ссылки, del, ins, дополнительные элементы

    Ссылки С «древних времён» ссылки выделялись подчёркиванием. Ну так уж повелось. С тех пор, люди на столько привыкли к этому, что каждый раз, как видят подчёркнутый текст, сразу пытаются его ткнуть. И если ожидаемый результат не произошёл, то пользователь чувствует себя обманутым. Ни в коем случае не используйте подчёркивание в качестве декоративного оформления каких либо элементов кроме...

    » Читать полностью » Комментарии (34)
  • Дизайн текста 3.5: Вложенные списки, графические маркеры

    Хочу напомнить (чтоб не было лишних вопросов), что упомянутые в статьях «Дизайн текста» элементы HTML используются для стандартного способа отображения содержимого. Здесь не рассматриваются варианты нестандартной вёрстки страницы с помощью этих элементов. Вложенные неупорядоченные списки В прошлой статье, мы рассмотрели вариант размещения списка приближённого к предыдущему абзацу, для того,...

    » Читать полностью » Комментарии (11)
  • Дизайн текста 3: Списки

    Списки бывают упорядоченные (<ol>) и неупорядоченные (<ul>). Упорядоченные, обычно, отображаются с нумерованным арабскими цифрами маркером. Неупорядоченные могут быть с маркерами вида: закрашенный кружочек, незакрашенный кружочек, закрашенный квадратик (как вижу, так и называю) или любой другой рисунок. Начнём, с того, что уясним, что же такое список. Проведём аналогию с рукописным...

    » Читать полностью » Комментарии (13)
  • Дизайн текста 2: Цитаты

    Продолжение темы «Дизайн текста». Если основные моменты рассмотренные в предыдущей статье в той или иной степени учитываются дизайнерами и верстальщиками, то остальные элементы могут остаться без должного внимания или быть совсем проигнорированными. Это в основном касается элементов специфического назначения, или элементов использование которых не является существенно...

    » Читать полностью » Комментарии (10)
  • Дизайн текста 1: Основной текст, заголовки, таблицы.

    Очень часто, нарисовав страницу, начинающие дизайнеры на этом останавливаются и считают работу законченной. Это, конечно, так, но только в том случае, если заказана одна страница. Если сделан заказ на дизайн всего сайта, то нужно всегда помнить о том, что на страницах может быть содержимое любого рода, начиная от шести уровней заголовков заканчивая врезками и плашками. В этом случае, особо...

    » Читать полностью » Комментарии (21)
  • Переключение языков на web-странице

    Переключение языков на web-сайтах является одной из главнейших проблем usability, которая несомненно должна быть описана во всех учебниках по web-дизайну.Есть, конечно, спорные вопросы относительно того, как должен выглядеть блок переключения языков, но существуют некоторые догмы: Посетитель должен понимать, что это именно переключение языков и не должен разгадывать ребус из нафантазируемой...

    » Читать полностью » Комментарии (33)
  • 15 раздражающих читателя особенностей сайта

    В догонку к статье на Design For Masters написал им своё мнение и скопировал его сюда. Жду ваших комментариев. Не согласен, насчёт похожих статей. Ищите по тэгам, категориям, поиск в конце концов есть. Если человеку нужно, то он найдёт статьи похожей тематики. Это всё равно, что внутренняя контектная реклама. А реклама людей раздражает как природный класс! Насчёт фона страницы, это как...

    » Читать полностью » Комментарии (0)
Google     

Конкурс программистов « Создай свой Акселератор!»

В начале ноября компания Microsoft Latvia объявляет публичный конкурс для программистов любого уровня на создание Акселераторов для Internet Explorer 8 и Internet Explorer 9. «Создай Акселератор, который был бы полезным не только для тебя, но и для других, и заяви его на конкурс!» — призывает руководитель бизнес группы Microsoft Windows в Балтии Александрас Голод. — «Если твой проект победит на голосовании или получит признание от Microsoft, ты получишь ценные призы (например, Xbox)». Требования для участия в конкурсе: немного подумать, создать Акселератор и описать его преимущества. Первых двух победителей определит интернет голосование, а третье место выберут представители Microsoft. Подробнее узнать о конкурсе, пообщаться с представителями Microsoft, а также зарегистрироваться на участие можно будет на конференции WebConf Riga 2010. Конференция состоится 6 и 7 ноября в гостинице Tallink Hotel Riga и соберёт большое количество веб-разработчиков из стран Балтии и СНГ. Докладчики...

Категории: События | Web | БрaузерыТэги: » Читать полностью » Комментарии (5)

Конференция веб-разработчиков WebConf Riga 2010

ПРЕДСТАВЛЯЕТ 6 и 7 ноября состоится международная профессиональная конференция специалистов по веб-разработке WebConf Riga 2010. Мероприятие будет проходить в хорошо оборудованном конференц-зале гостиницы Tallink Hotel Riga и соберёт большое количество профессионалов веб-разработки из стран Балтии и СНГ и всех, кто интересуется разработкой веб-приложений, управлением коллективами веб- разработчиков и администрированием серверов для веб-проектов. Как пояснил директор Школы веб-технологий, Никита Селецкий, в отличии от прошедшей 22 мая Web Standards Days Riga 2010, также организованной Школой, данная конференция включает более широкий охват тем, таких как разработка веб- приложений, построение эффективного управления командой, подходы к вёрстке объёмных сайтов и работу с базами данных. Среди докладчиков приглашены известные профессиональные веб-разработчики и специалисты по веб-технологиям из России, Украины и Латвии, доклады которых не только можно будет прослушать, но и...

Категории: ЖурналТэги: » Читать полностью » Комментарии (0)

Отчёт о конференции веб-разработчиков Web Standards Days Riga 2010

Изложение отчёта о конференции сохранено в третьем лице. 22 мая в Риге в конференц-зале новой гостиницы Tallink Hotel Riga успешно прошла первая в Балтии международная научная конференция специалистов по веб-разработке Web Standards Days Riga 2010, в которой приняло участие около 200 специалистов в области веб-технологий и интересующихся веб-разработкой. В рамках конференции поделились опытом эффективного использования веб-стандартов известные профессиональные веб-разработчики из Украины, России и Латвии представители Opera Software, TYPO3 Development Team, Школы веб-технологий и фрилансеры. Темы касались как новых версий языков разметки и стилизации HTML 5 и CSS 3, так и различных средств разработки веб-сайтов для мобильных устройств, инструментов веб-разработчика, CSS-менеджмента, нюансов вёрстки, анализа ситуации использования веб-стандартов в проектах латвийских компаний и соответствующих рекомендаций. Никита Селецкий презентовал первый доклад, в котором был разъяснён...

Категории: СобытияТэги: » Читать полностью » Комментарии (1)

Вёрстка в Латвии: Вчера. Сегодня! Завтра?

Версия моего выступления на Web Standards Days Riga 2010 вызвавшего неоднозначную реакцию. Много было регистраций работников различных дизайн студий, компаний занимающихся разносторонней веб-разработкой, банков, министерств, фрилансеров и просто интересующихся. Я не зря добавил в форму регистрации поле для адреса сайта. Те люди, что собрались на конференцию, скромно говоря, флагманы, пионеры латвийской веб-разработки. Поэтому не грех было покопаться в их работах и попробовать понять, что же всё-таки у нас происходит с текущим использованием технологий? Статистика вещь интересная, но только если она связанна с интересными темами. Мне было интересно заняться небольшим статистическим анализом, результатами которого я с вами сейчас поделюсь. Конечно в дебри я не полез, из-за большой лени, но то, чего успел накопать хватает достаточно, чтобы составить небольшую рекомендацию, с чего стоит начать осовременивать свою вёрстку. Вчера Итак, что же можно назвать «вчера»? ASCII...

Категории: Исследования | Брaузеры | Статистика | xhtml/xml | htmlТэги: » Читать полностью » Комментарии (12)

Web Standards Days Riga 2010

22 мая в Риге пройдёт конференция веб-разработчиков «Web Standards Days Riga 2010». В странах Балтии мероприятие такого рода будет проходить впервые и надеюсь станет регулярным событием. Организуют конференцию Объединение разработчиков «Веб-стандарты» и Школа веб-технологий. Для чего мы решили собраться? Если посмотреть на те проекты, что создаются в Латвии, на то, как верстаются сайты, становится понятным, что в правильном применении веб-стандартов у нас «поле не пахано». Для обсуждения часто возникающих проблем, обзора новых технологий вёрстки, обмена опытом построения систем разработки мы и соберёмся. Нам всем есть о чём поговорить, что обсудить, наладить контакты и увидеть воочию тех людей, блоги которых мы читаем регулярно. Здесь не будет никакого продвижения отдельных коммерческих интересов и технологий. Всё, о чём мы будем говорить — это свой опыт работы с открытыми технологиями веб-разработки. Мероприятие будет проходить в конференц-зале новой гостиницы Tallink...

Категории: СобытияТэги: » Читать полностью » Комментарии (12)

Сайт фотографа Кристины v2

Вторая версия сайта фотографа Кристины ещё более простая, чем первая, весь акцент на фотографии, никакой лишней графики, полный аякс. Кристина на этот раз вообще отказалась от превьюшек фотографий, а просто разместила их в нескольких альбомах (причём попросила, почему-то сделать названия album1, album2…) Использовалась CMS TYPO3. Почему? Мне так проще. Несколько сайтов на одной CMS на одном хостинге. Что может быть лучше в администрировании? Дал права доступа и Кристина теперь закачивает фотографии, они генерируются нужного размера и размещаются по категориям.

Категории: Веб‑дизайнТэги: » Читать полностью » Комментарии (13)

DevConf 2010

17 и 18 мая в Москве пройдёт профессиональная конференция, посвященная ведущим технологиям программирования и веб-разработки — DevConf 2010. Участникам DevConf предоставляется уникальная возможность — получить доступ сразу ко всем лидирующим технологиям вебразработки, послушав доклады от основателей этих технологий, приехавших в Москву со всего мира. Конференция нацелена на профессиональных веб-разработчиков и тех, кто мечтает ими стать. Она объединяет ВСЕ самые распространенные языки, при этом каждому выделен свой поток(зал). Можно будет погрузиться именно в ту технологию, которая вызывает наибольший интерес. При этом уровень любого из направлений является максимально профессиональным. В каждой секции будут представлены доклады 1-2 непосредственных авторов языка, а также признанных экспертов в области. Подробнее о конференции Школа веб-технологий организовывает делегацию участников конференции из Латвии. На DevConf в Москву поедет наш преподаватель Арвид. По всем...

Категории: События | Web | Интернет | Исследования | ТехнологииТэги: » Читать полностью » Комментарии (2)

Международная выставка образования «Школа-2010»

С 25 по 28 февраля в Международном выставочном центре «Кипсала» прошла ежегодная выставка «Школа-2010», в которой Школа веб-технологий участвовала в первый раз. В первый раз участвовать в таких глобальных мероприятиях было трудно, особенно первый день, но мы выдержали и добились определённого успеха. Как минимум «засветились» среди высших (и не очень) учебных заведений, как Школа предлагающая профессиональное образование в сфере веб-технологий. Как максимум, нас запомнили и проявили интерес к нашей Школе сотни (если не тысячи) людей, а несколько человек сразу записалось на веб-дизайн, мультимедиа дизайн, веб-программирование и сетевое и веб-администрирование. Кроме того, в качестве успеха мы можем засчитать многочисленные предложения по сотрудничеству от владельцев предприятий, государственных организаций и даже высших учебных заведений. Фотографии и видео можно посмотреть соответственно на фейсбуке и на ютубе. Ну а в последний день выставки Туриба вместе с...

Категории: События | Фото | ВидеоТэги: » Читать полностью » Комментарии (2)

Восприятие информации по горизонтали и вертикали

Почему мы воспринимаем информацию слева направо и сверху вниз (как говорят некоторые «буквой Z»)? Правильно, потому что мы так пишем. Так пишет добрая половина человечества, а создатели компьютеров «навязали» такой стиль и восточным народам (хотя те и сопротивляются). А почему мы так пишем? Да потому что писать справа налево неудобно так же как писать левшам слева направо. Мы же себе строчку рукой закрывать будем! «Лево-право, право-лево…» © Фунтик Т. е. вывод какой? Виновата физиология, а не мозги (у востока — наоборот). Посмотрим правде в глаза… человека: Если вы не знали, то глаза находятся на одной горизонтали и угол обзора по горизонтали больше, чем по вертикали. Соответственно в обзор попадает гораздо больше информации располагающейся по горизонтали, а не по вертикали. В силу опять-таки особенности физиологии человеческого глаза, мышцы двигающие глаза по горизонтали гораздо сильнее (или более развиты, не знаю как правильно), чем те, что двигают глаза по вертикали....

Категории: Веб‑дизайн | Usability | Разработка сайтовТэги: » Читать полностью » Комментарии (9)