Как стать автором
Обновить

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

Дизайн мобильных приложений *Дизайн

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

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

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

Читать далее
Всего голосов 7: ↑4 и ↓3 +1
Просмотры 9.5K
Комментарии 15

Приглашаем на онлайновый митап про микрофронтенды и фиче-команды

Блог компании «Лаборатория Касперского» JavaScript *Интерфейсы *
В пятницу, 17 декабря, в 17 часов мы проведем онлайновый митап под названием «Kaspersky Tech: микрофронтенды и фиче-команды вместо монолита». Наши JavaScript-разработчики во главе с Павлом Востриковым, создавшие решение для управления корпоративной защитой Kaspersky Security Center Web Console, расскажут о своем опыте и проблемах, с которыми им довелось столкнуться.

image
Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 545
Комментарии 0

Как найти творческую digital-профессию: бесплатные занятия для дизайнеров

Блог компании Нетология HTML *Usability *Учебный процесс в IT Дизайн

В ближайшие две недели Нетология проведёт несколько открытых занятий для студентов, которые хотят построить карьеру на стыке ИТ и дизайна. Старт уже завтра, 27 января, в 20:00 по московскому времени — пройдёт занятие «Дизайнер интерфейсов:с чего начать погружение в UX/UI‑дизайн». 

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 758
Комментарии 0

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

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

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

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

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

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

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

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

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

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

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

Читать дальше →
Всего голосов 14: ↑11 и ↓3 +8
Просмотры 88K
Комментарии 53

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

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

UX

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

Читать дальше →
Всего голосов 206: ↑186 и ↓20 +166
Просмотры 75K
Комментарии 69

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

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

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



Читать дальше →
Всего голосов 10: ↑8 и ↓2 +6
Просмотры 6.2K
Комментарии 3

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

Я пиарюсь
Disclaimer: Мы открываем серию рассказов описывающих различные вопросы и проблемы связанные, в большинстве своем, с настоящим и будущим интернета и наше видение возможных путей их решения. Зачастую вслед будут публиковаться анонсы упомянутых в рассказах проектов. Мы просим отнестись с понимаем: что-то будет изменено, а что-то так и останется фантазиями; на сегодняшний день мы — небольшая команда, но с большим желанием сделать в этом мире, пусть сперва и немногое, но лучше.
Читать дальше →
Всего голосов 29: ↑21 и ↓8 +13
Просмотры 5K
Комментарии 12

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

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

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

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

Описание теста.
Для каждой потребности предложено по 5 вопросов о продукте.
Читать дальше →
Всего голосов 132: ↑111 и ↓21 +90
Просмотры 37K
Комментарии 64

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

Интерфейсы *Usability *

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


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



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


Читать дальше →
Всего голосов 64: ↑51 и ↓13 +38
Просмотры 84K
Комментарии 99

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

Интерфейсы *Usability *

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



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

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

Разработка под iOS *Разработка мобильных приложений *
Перевод


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

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

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

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

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

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

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

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

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

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

Дальше несколько тезисов, как перестать быть медведем, и попытаться быть человеком.
Читать дальше →
Всего голосов 27: ↑5 и ↓22 -17
Просмотры 5.2K
Комментарии 52

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

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



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

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

Веб-дизайн *Интерфейсы *Дизайн мобильных приложений *
Перевод
Компания Adobe выпустила обновление для своего приложения Photoshop, содержащее массу полезностей и долгожданных улучшений для пользователей, особенно эти улучшения порадуют разработчиков макетов сайтов и интерфейсов приложений. В статье-переводе содержится краткий обзор топовых функций и ссылки на обучающие и справочные материалы, комментарии переводчика.
Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 20K
Комментарии 8

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

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



Читать дальше →
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 5.1K
Комментарии 1

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

Блог компании #tceh Веб-дизайн *
image

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

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

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

Взамен:

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