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

Figma: Scroll to новая фича

Mobile applications design *Design

Сегодня Figma выкатила новую фичу по якорным ссылкам в прототипах. Данный функционал позволяет делать при клике на объект, скролл до нужного фрейма в рамках одного фрейма.

Локализованный файл лежит тут

Отрезок в статье тут

Читать далее
Total votes 7: ↑4 and ↓3 +1
Views 6.1K
Comments 15

Проклятье веб-сайтов и волшебный UX design

Design
Представьте себе обычного директора, который решил сделать обычный сайт для своей не менее обычной компании. Он нашёл ближайших веб-разработчиков с честными глазами и в двух словах на одной салфетке описал им стандартные пожелания обычного корпоративного сайта. А может быть он поступил проще — указал на похожий сайт и сказал: “Мне надо тоже самое, только круче!”. Разработчики привычно сами себе написали техническое задание и с честью его выполнили. Потом как смогли наполнили сайт контентом и запустили, помолясь. За месяц работы на сайт зашло десяток роботов и несколько случайных посетителей. Директору рассказали о SEO, на которое ему, скрепя сердце, пришлось выделить на три месяца по 50 тыс. руб. — “чтобы попробовать” и “чтобы наверняка”. Благодаря раскрутке сайт начал появляться в поисковой выдаче и счётчик стал показывать почти тысячу посетителей в день. За это время к менеджерам звонило по 5-10 человек в месяц, говоривших что они смотрят сайт и у них есть вопросы о товарах. Реальным клиентом стал только один, да и то, по-мелочи.

Убитый печалью директор отменил всё это бессмысленное SEO и с негодованием отказался от предложений потратить ещё денег на услуги “партизанского” и “социального” маркетинга со “100% результатом”. Попытки выяснить причину неудачи ни к чему не привели — все эксперты только разводили руками и опять советовали потратить денег на SEO, контекстную рекламу и маркетинг. Или заказать новый сайт у новых разработчиков — вдруг на этот раз он получится лучше. И вот поиск причин неудачи перешёл из области разума в область метафизики. Ведь неизвестно — может у разработчиков сайта отрицательная карма (на хабре), или хостинг сайта расположен на старом индейском кладбище, или сервер не окропили святой водой, или сглазили по ftp, или это конкуренты заплатили денег энергоинформационному экстрасенсу и он с помощью генератора акустического резонанса (модель бубен) взял, да и сайт весь ПРОКЛЯЛ!
Читать дальше →
Total votes 82: ↑51 and ↓31 +20
Views 11K
Comments 54

Веб-патология: Сайт для себя, а не для клиентов

Design
Довольно часто в консультациях по UX дизайну приходиться повторять одно и тоже многим клиентам и меня это слегка нервирует. Поэтому я решил периодически кратко публиковать наиболее популярные темы, в наивной надежде, что люди их прочитают и эти темы не будут возникать так часто. Что-то вроде Лебедевского “Ководства”. В моём случае это получается какое-то UX-водство, что по русски забавно читается как “уховодство”. Логически верное название этой предполагаемой серии статей — “Частые патологии UX дизайна”, что можно сократить до “Веб-патологии”. Не бойтесь страшного слова “патология”, оно означает всего лишь систематическое отклонение от нормального развития и в целом безвредно.

Многие компании относятся к созданию собственного сайта, как к обустройству собственной квартиры. Скрупулёзно подбирают рисунок обоев, цвет паркета, ткань для штор, форму люстры, расставляют иконки, развешивают картины охоты и портреты глав семейств с пойманным лососем. Русский стиль на кухне, арт-деко в гостиной, супрематизм в спальне. Заботливо приоткрывают страницы семейных альбомов на серванте и протирают от пыли все три тысячи томов романистов прошлого века (чтобы гостям было что почитать). После того как всё готово, происходит открытие сайта и первые посетители банковского сайта тихо сползают по стенке…
Читать дальше →
Total votes 98: ↑57 and ↓41 +16
Views 832
Comments 48

Веб-патология: Нет кнопки для нажимания

Design
Капитан Очевидность опять будет смеяться, но факты таковы: у доброй половины обратившихся ко мне за консультацией с проблемой “Плохие продажи” — на сайте возле описания товара отсутствовала цена и кнопка [Купить]! При этом создатели сайта не вызывали никаких сомнений в умственной полноценности, наоборот, уровень их сайтов был гораздо выше среднего. Этому есть вполне разумное объяснение и лежит оно опять же в области UX дизайна и моделирования опыта пользователей.
Читать дальше →
Total votes 70: ↑67 and ↓3 +64
Views 1K
Comments 71

Откуда берутся UX-специалисты

Digital Design corporate blog
Последние годы многие IT-компании в России столкнулись с острой нехваткой юзабилити-специалистов. За последние пять лет производители софта, в основной своей массе, дозрели до мысли, что для успеха на рынке им недостаточно выпустить продукт с некоторым функционалом, а нужно еще, чтобы он был удобным и красивым. Эта тенденция, с одной стороны, подогревается развитым рынком (нужный потребителю функционал есть у многих, поэтому выбирают уже «сердцем»), а с другой — китайские и индийские разработчики душат демпингом, лишая российских разработчиков софта такого важного преимущество, как цена.

И вот, дозрев, многие компании стали искать не просто «дизайнера, который может нарисовать иконки», а серьезных и опытных юзабилити-специалистов. И тут оказывается, что их крайне мало.

Читать дальше →
Total votes 14: ↑11 and ↓3 +8
Views 88K
Comments 53

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

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

UX

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

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

Все, что вы хотели знать о юзабилити, но боялись спросить

ITmozg corporate blog Usability *
В России проводится не так много мероприятий, посвященных юзабилити, проектированию пользовательских интерфейсов, поэтому 21 сентября в Москве состоится конференция UX Masterclass, а мы приглашаем хабрачитателей присоединиться к конференции виртуально.

Конференция UX Masterclass огранизована альянсом, состоящим из 25 юзабилити-компаний со всего мира. Эксперты поделятся опытом разработки пользовательских интерфейсов, накопленным за многие годы.



Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Views 6.1K
Comments 3

in. Часть 1: Фантазии об интернете будущего

Self Promo
Disclaimer: Мы открываем серию рассказов описывающих различные вопросы и проблемы связанные, в большинстве своем, с настоящим и будущим интернета и наше видение возможных путей их решения. Зачастую вслед будут публиковаться анонсы упомянутых в рассказах проектов. Мы просим отнестись с понимаем: что-то будет изменено, а что-то так и останется фантазиями; на сегодняшний день мы — небольшая команда, но с большим желанием сделать в этом мире, пусть сперва и немногое, но лучше.
Читать дальше →
Total votes 29: ↑21 and ↓8 +13
Views 4.9K
Comments 12

Психологический тест для оценки IT-продукта, или в чем Habrahabr уступает Facebook

Interfaces *Usability *
Sandbox
Пробовали ли вы оценивать свой IT-продукт с психологической точки зрения? Такая оценка может основываться на общей психологии и включать эргономическое тестирование, может основываться на когнитивной психологии и задействовать теорию познания и принятия решений, может основываться на теории деятельности и анализировать пользовательские сценарии, может основываться на психологии научения и бихевиоризме и анализировать продукт с точки зрения геймификации…

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

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

Описание теста.
Для каждой потребности предложено по 5 вопросов о продукте.
Читать дальше →
Total votes 132: ↑111 and ↓21 +90
Views 36K
Comments 64

Leap Motion. Распаковка и небольшой обзор

Interfaces *Usability *

Вместо предисловия


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



Для тех, кто хотел бы вспомнить или вообще узнать о возможностях Leap Motion могут по читать по ссылке или посмотреть небольшое видео.


Читать дальше →
Total votes 64: ↑51 and ↓13 +38
Views 84K
Comments 99

Leap Motion. Впечатления

Interfaces *Usability *

Первые впечатления.



После того, как подключил устройство в первый раз и опробовал тестовые программы на своем ноуте, я был в полном восторге! Было такое ощущение, что вот оно -будущее, еще чуть чуть, и мир превратится в что то на подобие этого видео.
Ну ведь действительно, какие еще могут быть впечатления от управления компьютером «в воздухе»! Даже kinect был не настолько интересен как это устройство.
Вдохновившись, сразу принялся разбираться, как самому сделать что то эдакое!
Взял первый попавшийся простенький проект и решил попробовать прикрутить к нему контролер. (Продолжение под катом.)
Читать дальше →
Total votes 76: ↑71 and ↓5 +66
Views 88K
Comments 75

Три практики веб-дизайна для приближающейся iOS7

Development for iOS *Development of mobile applications *
Translation


Через неделю Apple откроет iOS7 миру.

Новая версия операционной системы, которая генерирует 56,5% мирового серфинга (Прим. переводчика: по статистике компании Mobify) включает в себя новые функции и удивительные улучшения в дизайне.

Некоторые из наиболее интересных изменений в iOS могут быть найдены внутри встроенного браузера Safari. Эти изменения напрямую влияют на работу браузера и на привычный пользовательский опыт при работе с браузером и сайтами.

В этой статье я хочу рассказать о трех основных UX/UI изменениях в Safari на iOS7, которые вы должны иметь ввиду, когда оптимизируете сайты для устройств Apple.
Читать дальше →
Total votes 39: ↑29 and ↓10 +19
Views 22K
Comments 6

Встреча днепропетровского Android Practice Leaders Community, посвященная UX, 10 июля

Ciklum corporate blog Usability *
Отличные новости для всех UX/UI специалистов Днепропетровска! В следующий четверг, 10 июля комания Ciklum порадует вас двумя докладами, посвященными UX тематике. Презентации пройдут в рамках первой встречи Android Practice Leaders Community!
image
Читать дальше →
Total votes 8: ↑6 and ↓2 +4
Views 2.1K
Comments 2

Дедовское UX проектирование: верстальщик — вредитель

Website development *HTML *
Привет всем. Решил вернуться в верстку после перерыва в пять лет, прорываюсь через технологии. С удивлением обнаружил, что технологии просто начали работать, а верстальщики дешеветь. Но если указать в документе слово «UX», то стоимость работ возрастает раза в два минимум, при тех же производственных затратах — довольно интересное предложение. Я пошёл смотреть видеофайлы (боже, там миллион видеофайлов — на русском), и слегка оторопел (слово изменено).

Я не рассматриваю здесь материалы вида: «попробуем вбить гвоздь в камень, рельсу и дерево; далее оценим результат», и материалы вида: «все дети, кто научился переворачиваться на живот, непременно должны начать верстать» — речь о тонком моменте даже в серьезных материалах, когда технический специалист с приставкой UI/UX проваливается внутрь, скажем так, блока и добирается до букв, которые и несут сообщение в экран — текст, картинки и другие вещи. И перестаёт быть специалистом вне кода.

Как и десять лет назад, большая часть верстальщиков с любыми приставками работают цирковыми медведями. Трюки — вот наша цель и мера профессионализма.

Дальше несколько тезисов, как перестать быть медведем, и попытаться быть человеком.
Читать дальше →
Total votes 27: ↑5 and ↓22 -17
Views 5K
Comments 52

Виталий Фридман на UXPeople: «Responsive Design – это не небольшая рихтовка, он требует изменить всё»

Interfaces *Usability *
Одно из самых ярких выступлений прошлой UXPeople в виде текста.



Я практически никогда не выступаю на русском, и мне это очень непривычно – но почему бы и нет? Cегодня я бы хотел поговорить о Responsive Design.
Читать дальше →
Total votes 21: ↑17 and ↓4 +13
Views 14K
Comments 9

Топ новых возможностей для Web, UX и дизайнеров мобильных приложений в Photoshop 2015

Web design *Interfaces *Mobile applications design *
Translation
Компания Adobe выпустила обновление для своего приложения Photoshop, содержащее массу полезностей и долгожданных улучшений для пользователей, особенно эти улучшения порадуют разработчиков макетов сайтов и интерфейсов приложений. В статье-переводе содержится краткий обзор топовых функций и ссылки на обучающие и справочные материалы, комментарии переводчика.
Читать дальше →
Total votes 3: ↑3 and ↓0 +3
Views 20K
Comments 8

Как прошла конференция юзабилистов UXPeople 2015

Interfaces *Usability *
5 июня в Москве прошла ежегодная конференция UXpeople 2015, посвящённая дизайну, проектированию пользовательских интерфейсов, user experience и юзабилити. На ней собрались руководители, практик и мастера своего дела, чтобы поделиться своими знаниями о пользовательских интерфейсах, результатами своей работы, и узнать что-нибудь новое.



Читать дальше →
Total votes 14: ↑14 and ↓0 +14
Views 5.1K
Comments 1

Помогите #tceh улучшить UX и получите скидку на курс

#tceh corporate blog Web design *
image

Привет! Мы хотим улучшить UX у наших продуктов. Это нетривиальная задача — продуктов много, а нас мало. А вы, аудитория Хабра, обладаете чутьём на прекрасное и правильное.

Предлагаем сделку:

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

Взамен:

Каждому участнику мы дадим скидку на 20 000 рублей на образовательный курс по UX и бесконечную благодарность.
Читать дальше →
Total votes 22: ↑9 and ↓13 -4
Views 3.7K
Comments 18

Lean UX — мелочи для успешных проектов

DataArt corporate blog Web design *Interfaces *Mobile applications design *


Автор: Анастасия Режепп, глава дизайн-студии DataArt.

В этой статье я немного расскажу о методологии Lean UX-дизайна и дам несколько техник и упражнений, показывающих, как ее применять.

Часто у нас возникает следующая проблема: к нам приходит клиент со стартапом: у него есть некая общая идея, а конкретного он ничего сказать не может, т. к. не знает точно, какие функции хотел бы добавить в продукт, а какие убрать. Наша цель — помочь ему в этом разобраться. И в этом нам может помочь метод Lean UX-дизайна.

Что значит “lean”

Слово “lean” переводится на русский как «тощий», «худой», «постный». Если переводить этот термин более специальным образом, то — «бережливый», «экономный», «минималистический». Например, уже есть термин «бережливое производство» — перевод английского “lean production”. Бережливое производство подразумевает постоянное устранение всех видов потерь — это достигается, в том числе, максимальной ориентацией на потребителя. То же самое верно и для подхода бережливого (тощего) UX-дизайна.

Принципы бережливого UX-дизайна

Когда мы следуем методу тощего UX-дизайна, есть несколько моментов, на которые стоит обратить внимание:
  • Мы понимаем целевую аудиторию и ее проблемы.
  • Мы создаем MVP (Minimum Viable Product — минимально жизнеспособный продукт).
  • Мы работаем короткими итерациями.
  • Мы постоянно тестируем нововведения на пользователях и, если что-то не так, быстро откатываемся.
  • Мы работаем командой: UX-проектировщики, дизайнеры, разработчики и тестировщики работают вместе и постоянно обмениваются мнениями и задачами.

Читать дальше →
Total votes 20: ↑17 and ↓3 +14
Views 26K
Comments 1

Дизайн кейс: Coral Order e-commerce сайт

Web design *Interfaces *Usability *
image

Начало


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

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

image Сравнение старого магазина с новым

Читать дальше →
Total votes 23: ↑16 and ↓7 +9
Views 17K
Comments 39