Pull to refresh
  • by relevance
  • by date
  • by rating

Sisyphus.js — защищаем данные форм пользователя от случайных потерь

Website development

В чём проблема?


Бывали ли у вас случаи, когда во время долгого заполнения нудной формы или написания красноречивого и пылкого комментария *внезапно* крашился браузер? Или вы закрывали вкладку, в которой работаете, или отключалось электропитание (а ИБП, по известному закону, нет)? Если нет — то вам повезло, но страховки от подобных происшествий ни у кого нет.

Представьте себе бурю эмоций, испытываемых пользователем, только что потерявшим все вводимые данные — а ведь оставалось немного допечатать и отправить форму. Вот если бы только был способ восстановить эти данные, а не заниматься сизифовым трудом…
Читать дальше →
Total votes 139: ↑136 and ↓3 +133
Views7.4K
Comments 74

Ничего не нашлось в поиске по сайту? Нет проблем

UXDepot corporate blog
Translation
Tutorial
Представляю вашему вниманию перевод статьи под названием "Site Search: Strategies for No Results Found" от Linda Bustos. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением компании Elastic Path.


Эта статья написана по мотивам книги Грега Ньюдельмана "Designing Search: UX Strategies for Ecommerce Success". Необычно видеть книгу на 300 страниц, посвященную одному единственному аспекту создания интернет-магазинов, но оптимизация поиска по сайту действительно заслуживает такого внимания!

image

Есть одна составляющая оптимизации поиска по сайту, на которой мы часто зацикливаемся: как удержать пользователя на сайте, даже если в результате поиска ему не удалось найти то, что требовалось. Статья основана на разделе "No Search Results Strategy: Not a Zero-Sum Game" вышеупомянутой книги. Ньюдельман говорит о том, что «нет простого набора правил, которые гарантировали бы успешное внедрение страницы результатов поиска в случае, когда не было найдено ни одного совпадения. Но есть четыре принципа, от которых стоит отталкиваться»:
Читать дальше →
Total votes 92: ↑88 and ↓4 +84
Views6.4K
Comments 9

Проектирование и дизайн сайтов Би-Би-Си

UXDepot corporate blog
Translation
Tutorial
Представляю вашему вниманию перевод статьи под названием "User Experience and the design of news at BBC World Service" от Tammy Gur. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением компании BBC и издания Johny Holland Magazine.




Проектирование окружающей среды для стремительного потока информации, проходящего через новостной веб-сайт в режиме нон-стоп — это вызов, не похожий ни на что другое. Команда дизайнеров и специалистов в области UX в BBC World Service создает новостные сайты для десктопных и мобильных браузеров на 27 языках, удовлетворяя различные аудитории по всему миру. В этой статье мы поделимся этим опытом с вами.
Читать дальше →
Total votes 82: ↑79 and ↓3 +76
Views9.5K
Comments 17

Исследование о мобильных интерфейсах

UXDepot corporate blog
Translation
Tutorial
Представляю вашему вниманию перевод статьи под названием "A Study of Trends in Mobile Design" от Alexander Dawson. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением издания Smashing Magazine.

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



Цель этой статьи — рассказать вам о методах, которые используются на самых популярных сайтах для того, чтобы предоставить пользователям мобильных устройств удобное и (надеемся) полезное взаимодействие. Среди проанализированных сайтов много известных компаний, например Facebook и Amazon. Мы приготовили для вас настоящий экскурс в мир мобильного веб-дизайна, со статистикой и по-настоящему интересными открытиями.
Читать дальше →
Total votes 47: ↑43 and ↓4 +39
Views6.7K
Comments 15

Сиклум поддерживает User Experience Camp 2011

Ciklum corporate blog
Мы в Сиклум верим, что обмен опытом, знаниями и общение не только здорово поднимает карму, дает вдохновение, но и отлично влияет на повышение профессиональных навыков и знаний.

Именно поэтому мы всегда стараемся поддерживать встречи, кемпы и другие мероприятия различных профессиональных сообществ разработчиков. Так, например, Chrome Hackathon & Contestили Alt.NET meet-up в Киеве, OpenTalk семинар в Харькове, RubyShift в Днепропетровске и множество других мероприятий в городах Украины, а также в Беларуси (например, в Минске).

В этот раз мы решили поддержать бар-кемп User Experience Ukraine UX Camp 2011 по дизайну и юзабилити.

Интересные подробности под хабра-катом
Total votes 4: ↑4 and ↓0 +4
Views762
Comments 0

Нужна ли авторизация после регистрации?

Interfaces
Занимаясь проектированием одного сервиса, я задумался: имеет ли смысл авторизовать пользователя сразу после регистрации или лучше не делать этого? С одной стороны, опыт подавляющего большинства сайтов говорит нам о том, что посетители привыкли к тому, что после процедуры регистрации им больше ничто не мешает пользоваться услугами сайта. С другой, многие используют всевозможные приложения и менеджеры паролей (интегрированные в браузер или сторонние сервисы), а значит, при следующем входе им придется вспоминать свои логин-пароль вместо того, чтобы войти почти автоматически.

image


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

Если кто-то захочет попробовать, я сделал простой пример системы, который показывает общее развитие сценария.
Читать дальше →
Total votes 120: ↑102 and ↓18 +84
Views3.5K
Comments 176

Как улучшить выбор страны из списка

UXDepot corporate blog
Translation
Tutorial
Представляю вашему вниманию перевод статьи под названием "Redesigning The Country Selector" от Christian Holst. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением издания Smashing Magazine.

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



Однажды, проводя масштабные юзабилити-тестирования (о которых мы писали на Smashing Magazine в апреле 2011. Примечание переводчиков: мы перевели и эту статью тоже. Обязательно ознакомьтесь :), мы последовательно столкнулись с несколькими проблемами, связанными с выбором страны. Якоб Нильсен сообщал о похожих моментах в 2000 и 2007 годах, когда он тестировал выпадающие списки с большим количеством внутренних элементов, к примеру, таких, как перечни штатов или стран.

Читать дальше →
Total votes 103: ↑95 and ↓8 +87
Views12K
Comments 55

24 недели Metro-дизайна для Windows Phone | #2 Процесс проектирования приложений для Windows Phone

Design
Translation
Сегодня я расскажу о процессе проектирования приложений Windows Phone, которым я пользуюсь. Хотя многое из этого представляет собой обычные этапы для процесса проектирования, я попытаюсь объяснить их именно с точки зрения дизайна приложений для Windows Phone. Пишите мне в твиттер, если у вас есть какие-либо замечания, вопросы, или оставьте комментарий в блоге.

Эта статья покрывает процесс от начала и до конца, так что я буду рассказывать о высокоуровневых понятиях, а в ближайших статьях мы начнем более подробное изучение каждого из этапов. В следующей статье, например, мы начнем с придумывания идей и концепции — всё, что касается историй, эскизов, раскадровок и грубых (бумажных) прототипов.
Читать дальше →
Total votes 50: ↑45 and ↓5 +40
Views4.6K
Comments 7

Проектирование интерфейсов, ориентированных на маленьких детей

Interfaces
Translation
Предлагаю вашему вниманию вольный перевод статьи Avi Itzkovitch Designing Experiences for Young Kids: Child Proofing your Application

Мне недавно посчастливилось работать над интерактивной книгой для детей дошкольного возраста (2-5 лет) для платформ IPad и Android. При проектировании для маленьких детей необходимо смотреть на вещи с точки зрения ребенка, и, в процессе работы над проектом, я получил для себя несколько важных уроков.
Дети любопытны и хотят все исследовать. Как правило, они касаются руками всего, что видят, и могут заметить то, что взрослые обычно не замечают. Например, дети не подвержены баннерной слепоте, для них это еще одна возможность узнать, что произойдет, если на него нажать. Большинство проблем у молодых пользователей вызывает возможность перемещаться в приложении, потому что они боятся нажать что-то не то. Реклама, случайное прикосновение или просто кнопка меню могут затруднить пользование приложением ребенку.
Читать дальше →
Total votes 52: ↑48 and ↓4 +44
Views4.2K
Comments 36

Познание и внутренний опыт пользователя

Interfaces
Translation

Предлагаю вашему вниманию вольный перевод статьи Jordan Julien Cognition & The Intrinsic User Experience

За последние несколько лет было много дискуссий, вокруг того, какой пользовательский опыт может быть разработан. Каким бы ни был UX, пользователь всегда будет иметь возможность пройти по своему, уникальному пути. Все потому, что когнитивное сопротивление является уникальным для каждого пользователя. Создание интуитивно понятного интерфейса является очень важным шагом, но мало кто может точно сказать, что именно делает интерфейс интуитивно понятным. Здесь понятия Когнитивной Нагрузки и Когнитивного Барьера играют большую роль.
Читать дальше →
Total votes 41: ↑38 and ↓3 +35
Views6.1K
Comments 6

Обращение к разработчикам IPad приложений для детей

Interfaces
Translation
Предлагаю вашему вниманию вольный перевод статьи Rian van der Merwe A Dad’s Plea To Developers Of iPad Apps For Children

Мне часто приходится покупать IPad приложения для своей двухлетней дочки. Наблюдая за тем, как она их использует, я могу совершенно точно сказать, что в них правильно, а что-нет. Я возьму на себя ответственность обобщить эти выводы для всех детей, и предложить четыре основные принципа для разработчиков работающих над созданием IPad приложений для детей.
Читать дальше →
Total votes 69: ↑55 and ↓14 +41
Views2.3K
Comments 46

Workle Friday: Встреча UX специалистов

Interfaces
13 апреля, в пятницу, в 16:00 MSK состоится мероприятие из серии Workle Friday. Встречи посвящены обсуждению современных практик создания веб-проектов: проектирование, дизайн, разработка, тестирование, управление проектами. На все встречи мы приглашаем экспертов своей области. Первая встреча будет посвящена юзабилити и проектированию пользовательского взаимодействия.

image

Доклады:
  • Алексей Копылов (основатель компании UIDesign Group) с докладом “Проектирование через персонажей”.
  • Иво Димитров (исполнительный директор Ingenius Systems) с докладом “Думай и адаптируй! Mobile First & Responsive Design”.
Читать дальше →
Total votes 21: ↑17 and ↓4 +13
Views714
Comments 5

Успешная премьера Workle UX Friday в офисе Workle

Workle corporate blog
На днях в офисе компании Workle состоялась первая встреча Workle Friday, которая была посвящена UX. В рамках мероприятия выступило три докладчика:
Иво Димитров с докладом «Думай и адаптируй! Mobile First & Responsive Design»,
Илья Ремизов с докладом «ИНФы – обзор технологии»,
Алексей Копылов с докладом «Проектирование. Персонажи».

image

Читать дальше →
Total votes 6: ↑3 and ↓3 0
Views1.8K
Comments 0

User experience design: как построить сайт для клиентов, а не для себя

Фестиваль 404 corporate blogInterfaces
В конце апреля я делал доклад на РИФ 2012 про этапы проектирования пользовательского интерфейса. Так как видео нет, попробую представить доклад в виде слайдов с моими комментариями.

UX

Я расскажу как процесс разработки сайта или приложения выглядит с точки зрения дизайнера. Как вы сможете только за счет интерфейса улучшить впечатление пользователя от вашего стартапа.

Читать дальше →
Total votes 206: ↑186 and ↓20 +166
Views74.8K
Comments 69

Бесконечный скролл, как сомнительное улучшение интерфейса

InterfacesUsability
В данном мини-обзоре плюсов и минусов хотелось бы еще раз поднять холивар понять для чего же всё-таки многие веб-сервисы используют т.н «бесконечный скролл» вместо привычной и понятной организации перехода по страницам.
Читать дальше →
Total votes 99: ↑73 and ↓26 +47
Views24.2K
Comments 152

Наш процесс разработки: 50 месяцев эволюции

Taucraft Limited corporate blog
Нашей компании уже 6 лет. Она была основана на принципах agile и росла на них. Мы использовали Extreme Programming с самого первого дня, добавили немного Scrum позже и в конце концов переключились на Kanban. Хочется поделиться бесценным опытом и рассказать об изменениях нашего процесса разработки за последние 4 года.



Много ужасных таблиц и красивых картинок
Total votes 130: ↑114 and ↓16 +98
Views42.4K
Comments 147

Юзабилити-пытки в UX-лабораториях ИТМО

Self Promo
В НИУ ИТМО, в котором я учусь в магистратуре, как выяснилось, работает юзабилити-лаборатория. Мы с единомышленниками создаем сервис для общения и совместной работы над документами — Rizzoma. Я загорелся идеей провести тестирование нашего проекта.



В этом отчете мы хотим поделиться опытом проведения подобного тестирования, рассказать о том, что от него можно ожидать, а также показать, какого практического результата нам удалось достичь. Надеюсь, что эта статья поспособствует появлению новых лабораторий. Я, например, буду весьма рад появлению такой лаборатирии у нас в Томске.
Читать дальше →
Total votes 17: ↑13 and ↓4 +9
Views1.7K
Comments 36

Зарядка для юзабилиста

JetBrains corporate blog
«Интуитивно понятный» или просто удобный интерфейс всегда был «священным Граалем» юзабилити. Увы, интуиция по-прежнему у всех немного разная, поэтому идеал так и остается недостижим. Но это не значит, что к нему не надо стремиться!

Постоянно совершенствуя код, расширяя функционал своих продуктов, не стоит забывать и об интерфейсах. Поэтому мы не только поддержали первую конференцию по UI/UX ProfsoUX, которая состоялась Петербурге в прошлую субботу, но и отправились туда за новыми идеями и интересными знакомствами.

Многих участников вдохновило задание, которое наша компания предлагала выполнить всем желающим. Мы задали простой вопрос: «Как должны выглядеть вентили кранов для существ, у которых не руки, а щупальца как у осьминогов?». Согласны, мы немного перемудрили и не совсем корректно сформулировали вопрос, однако большинство «конкурсантов» задачу поняли верно и, к концу конференции, на нашем столе уже лежала сотня предложений по дизайну этих устройств.
Читать дальше →
Total votes 26: ↑24 and ↓2 +22
Views10.8K
Comments 15

Делаем сплав гибкой разработки и User Experience (UX)

Agile
Автор оригинальной идеи этой статьи — Джон Иннс, консультант в области гибких методологий IT-разработки. С первоисточником можно познакомиться здесь. Мы его немного доработали, много упростили, но теперь статью, хотя бы, можно читать :)



Итак, есть такая штука, как опыт пользовательского взаимодействия (тот самый UX, User Experience). В целом, UX — это впечатление пользователя от вашего продукта (например, сайта). Сюда относится внешний вид, удобство расположения кнопок, ссылок и других элементов.

Почему учитывать опыт взаимодействия — важно?
Читать дальше →
Total votes 13: ↑12 and ↓1 +11
Views5.3K
Comments 2