Pull to refresh

Как мы делали сайт Президента Татарстана и кому он на самом деле нужен

Level of difficultyMedium
Reading time4 min
Views5K
На связи команда Центра цифровой трансформации Татарстана. В апреле 2020 года у нас появилась задача: сделать редизайн сайта президента РТ. В пандемию нагрузка на сайт резко возросла — люди стали чаще сидеть в интернете и заходить на сайт. При этом сайт устарел не столько технически, сколько визуально, и мы поняли, что сайт надо менять.

Мы могли бы просто поменять дизайн кнопочек и подвигать блоки, но мы заморочились — решили сделать так, чтобы сайт был удобным. Показываем, что у нас получилось.

image
Читать дальше →
Total votes 21: ↑13 and ↓8+5
Comments28

Нужны ли дизайнеру метрики?

Reading time5 min
Views4.3K


Photo by Lukas Blazek on Unsplash


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


Давайте разберемся, а можно ли без цифр? Надо ли тратить на них свое время или можно просто прикинуть?


Попробуем прикинуть


Откройте заметки в соседней вкладке на телефоне или просто блокнот на компьютере и ответьте на 3 любых вопроса из предложенных ниже, чтобы попасть в цель хотя бы на 90%.


Не гуглите ответы — мы пробуем проверить навыки оценки, а не умение пользоваться поисковиками.


  1. Температура на поверхности солнца: от ____ до ____
  2. Широта Шанхая от ____ до ____
  3. Площадь континента Азия: от ____ до ____
  4. Год рождения Александра Македонского: от ____ до ____
Читать дальше →
Total votes 8: ↑6 and ↓2+4
Comments6

Какие бывают метрики. Дизайнер и метрики, 2 часть

Reading time4 min
Views12K
image

Вы читаете вторую статью из серии «Дизайнер и метрики». В первой статье я пытался ответить на вопрос, нужны ли дизайнеру метрики. Ее можно найти тут.


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


Retention — метрика, на которую я смотрю чаще всего


Предлагаю не вдаваться в теорию, а сразу взять конкретную метрику и посмотреть, что это такое и как она работает.


Начнем с retention — метрика, которая показывает возвращаемость пользователей.

Читать дальше →
Rating0
Comments1

Тупые и умные компоненты

Reading time4 min
Views15K

Меня зовут Илона, я Senior Experience Designer в EPAM. Работа для меня удачно совпадает с хобби в EPAM я проектирую интерфейсы для зарубежных заказчиков, читаю лекции для сотрудников и студентов лабы, менторю дизайнеров. В свободное время преподаю проектирование интерфейсов в магистратуре Университета ИТМО и веду Телеграм-канал о UX-дизайне.
В работе и преподавании я часто сталкиваюсь с проблемой: сложно организовать компоненты интерфейса так, чтобы было всегда понятно, какой компонент использовать, чтобы похожие компоненты не плодились и не путали дизайнеров и разработчиков.
Делюсь подходом, который помогает мне удобно организовать компоненты и упростить жизнь себе и разработчикам.

Читать далее
Total votes 25: ↑19 and ↓6+13
Comments22

Как продуктовому дизайнеру оценить свою работу

Reading time4 min
Views2.6K

image
Photo by Brooke Cagle on Unsplash


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


В этой статье речь пойдет о том, как ответить на вопрос, улучшили мы продукт или нет.


Дни после релиза


После раскатки нового функционала каждый дизайнер спрашивает себя: что изменилось? Удалось ли нам улучшить продукт?


Чтобы ответить на эти вопросы, нужно посмотреть, как изменились метрики после релиза функционала. Ведь зачастую результат работы дизайнера — это разница между метриками до релиза нового функционала и после него.


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


Но такой подход часто ведет к ошибкам — поэтому прежде чем прыгать к выводам, нужно обратиться к математике и немного посчитать.

Читать дальше →
Total votes 5: ↑5 and ↓0+5
Comments1

Выводы, которые я сделал, помогая стартапу для секс-чатов повысить конверсию

Reading time6 min
Views11K

Не так давно я писал о закрытии моего агентства UXhot. Но до того, как это случилось, нам довелось поработать над юзабилити одного интересного стартапа.

Читать далее
Total votes 36: ↑29 and ↓7+22
Comments12

Улучшение UX мобильного приложения на реальном примере

Reading time7 min
Views6.6K

Введение


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

Речь пойдет о мобильном приложении для водителей мусоровозов. Оно служит инструментом отчетности. Данные о собранном мусоре уходят в муниципальные системы мониторинга. Это очень важно, ведь по каждому факту невывоза применяются штрафные и прочие санкции в отношении провинившихся.
Читать дальше →
Total votes 4: ↑4 and ↓0+4
Comments9

Как мы разрабатывали приложение для школьников со школьниками: космический дизайн и job story для домашки

Level of difficultyMedium
Reading time7 min
Views5.8K
«Я школьник» — это что-то вроде Todoist, Trello и календаря, только для школьников.
В приложении они могут пользоваться электронным дневником, следить за своей успеваемостью и получать подсказки о том, на какие предметы нужно обратить особое внимание. Все по-серьезному: job story и продуктовый подход на домашке и табелях успеваемости.


Читать дальше →
Total votes 9: ↑9 and ↓0+9
Comments16

О важности переработки систем, не адаптированных с точки зрения UX, или как съесть слона

Reading time3 min
Views2.3K


Привет, я Анна Оборина, специалист по UX «БАРС Груп», и сегодня я расскажу вам историю про маленького слона.

Жил-был слон. Отличный такой слон, маленький и аккуратный. Он прекрасно справлялся со своими обязанностями: вовремя гулял, кушал, какал и радовал хозяина. Слон рос-рос и вырос в большого слона. Он все так же гулял, кушал и… даже радовал хозяина. Но что-то изменилось.

«Если вам кажется, что пора что-то менять – вам не кажется»


Изменения происходят всегда и, как правило, очень незаметно. Любая система изменчива, программные же продукты, как система, развиваются стремительно. И вот наступает тот момент, когда уже невозможно закрывать глаза на то, что пора что-то менять.
Читать дальше →
Total votes 1: ↑1 and ↓0+1
Comments2

Метод Content Brick. Как создать структуру веб-сайта быстрее и проще чем это было раньше?

Reading time5 min
Views4.6K
Обычный способ создавать структуру сайта (visual sitemap) — это рисовать всем привычные MindMap схемы или проектировать User Flow, создавая вначале пользовательский путь и затем прототипировать структуру. Обычный Mindmapping не помогает это делать наглядно и быстро, поскольку на одной странице может быть множество информационных блоков и они должны быть перед глазами, когда проектируешь проект. И вообще, создание удобной структуры было прерогативой опытных веб-мастеров.

Читать дальше →
Total votes 5: ↑4 and ↓1+3
Comments0

15 полезных аккаунтов Twitter для UX-дизайнера

Reading time4 min
Views4.5K

Арт-объект из проекта «Неудобно» греческого дизайнера Katerina Kamprani

Для дизайнера круто иметь «насмотренность». Так меньше вероятность навелосипедить и сделать продукт, вроде ключа на картинке ниже.

Повышать «насмотренность» (и начитанность) можно наблюдая за топовыми чуваками из интересующей сферы. А интересует меня, как начинающего дизайнера, User Experience и с чем его едят.

Под катом список известных в сфере UX дизайна имен, от мастрида, вроде Дона Нормана, до менее знакомых широкой публике, вроде автора логотипа Firefox. Там же ссылки на их твиттеры, блоги и некоторые проекты.
Читать дальше →
Total votes 12: ↑8 and ↓4+4
Comments3

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

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

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

Читать дальше →
Total votes 14: ↑11 and ↓3+8
Comments52

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

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

UX

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

Читать дальше →
Total votes 206: ↑186 and ↓20+166
Comments69

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

Reading time2 min
Views6.3K
В России проводится не так много мероприятий, посвященных юзабилити, проектированию пользовательских интерфейсов, поэтому 21 сентября в Москве состоится конференция UX Masterclass, а мы приглашаем хабрачитателей присоединиться к конференции виртуально.

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



Читать дальше →
Total votes 10: ↑8 and ↓2+6
Comments3

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

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

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

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

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

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

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

О сострадании к чужой боли

Reading time9 min
Views14K
Сегодня самое время поговорить с вами о таких уникальных свойствах человека, как сопереживание, как умение чувствовать чужую боль и способность проносить ее через себя. Сегодня именно эта особенность человека повсеместно вытесняется цинизмом и снобизмом, самодовольством и черствостью, и я вижу именно в этом основную причину низкого качества создаваемых информационных продуктов на российском рынке.

Ханин поднял глаза.
— Слов ты много выучил, хвалю, - сказал он. - Но как ты не понимаешь, что таких вещей не предлагают? Ведь они в этот свой «Тампако» всю кровь сердца влили. Это для них как… Короче, у людей полное самоотождествление со своим продуктом, а ты им такие вещи говоришь. Это как маме сказать: ваш сыночек, конечно, урод, но мы ему морду немного краской подведем, и будет нормально.
— Но ведь действительно название жуткое.
— Ты чего хочешь - чтобы они были счастливы или ты?

В.О. Пелевин Generation P

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

image
Читать дальше →
Total votes 16: ↑16 and ↓0+16
Comments12

Всего за сутки! или Конклавное проектирование

Reading time4 min
Views4K
Как вы уже поняли из заглавия, речь в данной статье пойдет о конклавной методике проектирования информационных систем, которая позволяет всего за одни сутки создавать прототип для инфосистемы любой сложности. Звучит невероятно, но это действительно так, и практика повсеместно подтверждает это утверждение.

image
Читать дальше →
Total votes 9: ↑8 and ↓1+7
Comments2

Почему вам НЕ нужен специалист по юзабилити?

Reading time8 min
Views17K
«Ищут пожарные, ищут милиция, ищут кадровые агентства нашей столицы...» Ищет СКБ Контур и Пульс Цен, Деловые Линии и Собака Павлова, Тинькофф и Сбербанк, Defa и AIC, Яндекс, перманентно ищет даже сам Лебедев. Причем очень многие ищут в буквальном смысле слова годами, исправно подновляя раз в месяц вакансию и меняя тестовое задание, дабы соискатели «не списывали» друг у друга. В общем, спрос на экспертов по UX превысил уже, кажется, все мыслимые показатели.

А какие при этом даются замечательные вопросы и тестовые задания: «Сколько в Англии футбольных полей, как сложить из трех спичек слово „вечность“, почему идет дождь, как за ночь соткать шитый золотом ковер или нарисовать аналог Яндекс.Метрики, только штоп еще круче» — именно такими креативными тестовыми заданиями проверяется каждый новый соискатель.

image

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

А кого же нужно? Разобраться в данном вопросе и призвана данная статья.
Читать дальше →
Total votes 15: ↑14 and ↓1+13
Comments17

Обзор конференции ProfsoUX-2016

Reading time9 min
Views5.2K


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

Я расскажу о том, что представляла собой конференция, с точки зрения начинающего проектировщика: чего ожидали участники, и в какой мере оправдались эти ожидания.
Читать дальше →
Total votes 11: ↑9 and ↓2+7
Comments9