В отличие от книг, на сайтах не нужна нумерация страниц для навигации по контенту — можно просто прокручивать нужный текст. Но как при этом отображать прогресс прокрутки? Одно из решений в виде горизонтального индикатора можно увидеть на картинке выше.
Но так ли хороша эта идея? Прогресс-бар горизонтальный, однако контент в большинстве случаев мы прокручиваем вертикально. При этом страдает логика, а значит и юзабилити.Читать полностью »
После первого поста про свой вариант изучения JavaScript, совмещая приятное с полезным, решил внести важные дополнения и, заодно, сделать рывок в обучении.
Читать полностью »
Многие заметили, что на YouTube и на Medium появился небольшой новый элемент UI — прогресс-бар в виде тонкой цветной полоски в самом верху страницы, который примостился прямо под панелью браузера.
Внимание к новому элементу привлек недавний популярный пост New UI Pattern: Website Loading Bars на UsabilityPost. Как выяснилось, причина использования прогресс-бара в том, что вместо загрузки новой страницы содержимое подгружается через JavaScript, и поэтому собственный индикатор браузера о загрузке страницы может не срабатывать. Чтобы у пользователя не возникало ощущения, будто страница «зависла», эту функцию переложили на плечи маленького UI-приема.
Теперь у всех желающих появилась возможность быстро сделать на своем сайте точно такой же прогресс-бар благодаря плагину NProgress.js [Демо][GitHub].
Читать полностью »
Вчера поздно вечером вышло серьезное обновление интерфейса youtube, поменялась и иконка.
Ниже описание нововведений.
Читать полностью »
Добрый день, признаться, я был удивлен количеством писем с отзывами и благодарностью к моему-мини расширению для хрома, написанному абы как, на коленке, за один вечер.
Я постарался улучшить дизайн, добавить новые фишки и учесть пожелания сообщества.
Встречайте,
ХабраРедизайнер beta.
Панель стала немного функциональней, симпатичней. Исправлены некоторые ошибки. Освободилось много места, которое в дальнейшем, по моим задумкам, будет использоваться для различных функциональных кнопок (например написать письмо автору поста или добавить топик в избранное).
Похоже на этой неделе волна постов изменялок интерфейса Хабра. Напишу и про свою.
Иногда так бывает, что открываешь пост, а там уже сотни комментариев, а времени и желания читать всё нет, или тема не особо интересная чтобы тратить на неё много времени. Хочется посмотреть только самые интересные комментарии.
Для этого написал такой юзер-скрипт. Он создаёт справа страницы панель со списком комментариев, отсортированных по рейтингу. Не самый лучший способ найти наиболее интересные комментарии, но другого нет.
Приветствую вас, пользователи Habrahabr! Многие из нас на протяжении 10 лет щелкали мышкой, после этого 5 лет нажимали на тачпад, а совсем недавно начали водить пальцем по экрану.
Скоро настанет время, когда мы будем махать руками перед экраном – бесконтактное управление. И первопроходец в этом тернистом пути – Leap Motion, американская разработка, продажи которой начались уже по всему миру (серые, конечно). Предлагаю вам взглянуть на обзор этого устройства и порассуждать на тему будущего...Читать полностью »
Добрый день, после прочтения этого топика я твердо решил освоить написание расширений для Google Chrome.
Не люблю длинные речи, потому встречайте:
ХабраРедизайнер alpha делает шапку сайта похожей на концепты grokru.
Расширение конечно сырое и многое хотелось бы обдумать и добавить, потому жду багрепосты и новые (нескучные) идеи.
Скачать расширение для хрома
Скачать исходный код
На досуге решил поразмышлять об улучшении интерфейса Хабрахабра. Он хорош, но ведь нет предела совершенству? В первую очередь необходимо определить группы пользователей и попытаться понять их потребности, а также наметить слабые места, которые можно улучшить. Об этом я уже писал в топике Удобный интерфейс Хабра?, в этот раз копну немного глубже.
Некоторые наши специализированные компании, предоставляющие услуги на рынке юзабилити, уже много лет укомплектованы дипломированными психологами (чаще всего, выпускниками кафедр инженерной или общей психологии). Действительно, уже более полувека русскоязычная психология исследует процесс взаимодействия человека и техники (первая наша книга по теме) и, в частности, интерфейсы между оператором и техническим устройством. Конечно, терминология эта носит сугубо эргономический характер, однако это не затрудняет перенос знаний в IT-среду (например, Дмитрий Сатин, основатель UsabilityLab, является выпускником самой эргономической кафедры факультета психологии МГУ).
Психологическое знание в России популяризируется слабо, хотя само по себе может быть очень полезным для разработки программных продуктов. Я попытаюсь коротко изложить некоторые базовые принципы проектирования — как их видно изнутри классических психологических (преимущественно, когнитивных) работ. Я уверен, что буфер, которым является юзабилити, IT-индустрии не нужен: психологические знания можно научиться применять напрямую.
Читать полностью »
