UX Notes
25.1K subscribers
55 photos
3 videos
1 file
1.08K links
Чат читателей: @uxnoteschat В соцсетях: vk.com/ux_notes и fb.com/uxnotes Вакансии: @uxwork Автор: @zGrav Est. 2016. Реклама на канале: https://uxnotes.ru/ads
Download Telegram
Сегодня — 2 статьи об эффективной работе в Скетче.

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

http://sketchapp.me/5-veshhej-kotorye-nuzhno-sdelat-do-sozdaniya-sleduyushhego-dizajn-fajla-v-sketch-ili-podgotovka-k-dizajnu-mizanplas/
Антон Гук поделился советами по ускорению работы в Скетче (из своей практики) и отлично их проиллюстрировал.

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

https://designpub.ru/18-sketchapp-tips-a581c827101d
Джерри Цао написал о карточных интерфейсах (с примерами).

Об их настоящем: дизайн по принципу контейнеров, использование в мобильных и адаптивных сайтах, управление жестами.

И будущем: анимации, обновление в реальном времени (например, виджет погоды), увеличение размеров, использование в носимых устройствах.

http://blog.aic.ru/trend-cards/
Брендон из Zurb выделил 5 частых ошибок в дизайне карточных интерфейсов:
— Визуальные пропасти между контентом разной длины;
— Слишком много карточек в области видимости;
— Слишком много действий на разных областях карточки;
— Загруженность карточки контентом;
— Усиление визуального эффекта, когда в этом нет необходимости.

И рассказал, что с этим поделать.

http://sketchapp.me/5-chastyx-oshibok-dizajnerov-pri-ispolzovanii-kartochek-v-dizajne/
Новая лекция Людвига Быстроновского «Как устроить свою работу, чтобы было интересно». Как сделать интересно:
— Не старайтесь слишком сильно;
— Поймите, что интересно здесь и сейчас. «Мозг новичка» заставляет нас думать, что интересно будет на новом месте, но так только кажется;
— Возьмите задачу сложнее, чем обычно решаете, но с шансом победить;
— Снижайте напряг: делайте перерывы, переключайтесь на другие задачи, избавляйтесь от дедлайнов и решайте задачу каждый день по кусочку.

Как поддерживать интерес: настроить цикличность, удивлять себя, искать контр-интуитивные решения.

https://www.youtube.com/watch?v=CsFJzkNG5EY
Собрал самые популярные заметки этого года по числу лайков и репостов. В топ попали:
— 5 лекций: Бирман, Штанг, Ильяхов, Быстроновский, Бородкин;
— 4 саммари: Сафонова, Бизиков, Гук, Жиянов;
— 3 перевода: Сушкова, Юсупов, Григорьев;
— 3 видеокурса: Яндекс, Проекторат;
— 2 авторских материала: Хабаров, Григорьев;
— 2 подборки видео с конференций: Dribbble Meetup, конфереция РШСД;
— 2 видео о психологии поведения: Veritasium.

Спасибо, что лайкаете, репостите и включаете эту страницу в подборки ресурсов для дизайнеров и проектировщиков. Спасибо авторам полезных и интересных материалов.

https://vandergrav.ru/popular-ux-notes-2016/
Спенсер Лэноу из UserTesting написал, чему он научился у дизайнеров-экспертов. Выжимка:

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

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

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

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

Важную роль играет мнение пользователей. Учитесь как можно чаще получать обратную связь и использовать её для совершенствования дизайна.

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

Важно задавать себе вопросы вроде: «Это решит проблему, которая по-настоящему беспокоит моих пользователей?»

Адаптируйте дизайн для просмотра, а не чтения. Разбейте страницы на чёткие зоны, выделите кликабельное и приоритетные элементы. Создайте визуальную иерархию, которая направит внимание пользователя.

http://rb.ru/opinion/9-ux-secrets/
Если сначала начертить сетку, а потом расставить контент, решение будет выглядеть хорошо ровно до тех пор, пока видна сетка. Если её отключить, макет развалится. Хуже того: сетка не позволит принять композиционные решения, которые выходят за её рамки.

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

https://medium.com/nobelfaik/f00b4f0df45e
Егор Камелев перевёл и прокомментировал статью Ника Коленды «125 простых советов по улучшению юзабилити вашего сайта».

Все советы разделены на 5 категорий:
1. Управляйте вниманием пользователя;
2. Ведите пользователей к цели;
3. Уменьшите умственные усилия ваших пользователей и поддерживайте скорость их движения сквозь интерфейсы;
4. Максимизируйте совместимость для всех пользователей и сценариев;
5. Помогайте пользователям сталкиваться с меньшим количеством потенциальных ошибок и преодолевать их.

http://projectorat.ru/125tweaks/
Татьяна Соколовская написала о теории близости. Более полный и понятный материал на эту тему, чем встречавшиеся ранее.

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

https://designpub.ru/правило-близости-540012265d16
София Войчеховски написала об объектно-ориентированном дизайне.

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

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

#ooux
Глеб Кушедов показал пример объектно-ориентированного дизайна в приложении для тренировок.

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

#ooux
Павел Моисеенко законспектировал «Проектируем время» Стивена К. Сеова — книгу о психологии восприятия времени в интерфейсе.

Не вчитываясь в кондовый язык книги (возможно, это из-за перевода) и не переплавляясь через воду первых глав можно узнать:
— Какое ускорение или замедление работы заметит человек;
— Как выбрать индикатор выполнения работы;
— Когда измерять прогресс в единицах выполненной работы и когда — в единицах оставшегося до завершения времени;
— К каким числам тяготеют люди при оценке длительности, не превышающей несколько часов (1, 2, 3, 4, 5, 10, 15, 20, 30);
— Какие есть хитрости: упреждающий запуск, раннее завершение работы, нелинейная индикация выполнения и кое-что ещё.

http://pavelmoiseenko.ru/blog/proektiruem-vremya/
Оптимизировать сайт для продвижения в поисковиках лучше всего в момент его создания с нуля или одновременно с редизайном.

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

Полезно знать эти рекомендации, чтобы проконсультировать клиента по техническим нюансам и заложить определённые решения на этапе прототипа.

https://spark.ru/startup/head-promo/blog/17065/
Команда AskUsers рассказывает, как правильно писать цены на сайте.

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

Но есть и не такие очевидные рекомендации. Если сервис зарабатывает на комиссии (процент от заказа), стоит сразу об этом заявлять: показывать стоимость заказа и отдельно размер комиссии. Покупатель должен понимать, в чём выгода сервиса.

https://askusers.ru/blog/pravila/10-oshibok-tsen-na-sayte/
Мария Фаликман рекомендует книги о процессах зрительного внимания.

Способны ли мы во время выполнения задания заметить на экране гориллу или девушку с зонтиком? Что такое человеческое внимание, как оно моделируется, развивается и меняется с возрастом? Как осуществляется «зрительный поиск»? Ключевые труды о психологии внимания:
— Психология внимания. Хрестоматия;
— Невидимая горилла;
— Познание и реальность;
— Cognitive Neuroscience of Attention, Second Edition;
— From Perception to Consciousness: Searching with Anne Treisman.

https://postnauka.ru/books/14195
Интеллектуальная скупость — мы выбираем самое простое решение, потому что автоматически стремимся к экономии умственных ресурсов. Такие ошибки рассматривались как сбои в обработке доступной информации или ошибки эвристики (изучение которых прославило Даниела Канемана).

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

https://newtonew.com/discussions/cognitive-miser-strategy
Перевод отличной статьи от команды Dropbox о проектировании мультиязычного интерфейса.

Что учитывать, какой компоновки избегать и (самое интересное) конкретные решения, например:
— Как понять, сколько закладывать места для отображения фразы с помощью Google Translate или шпаргалки от IBM;
— Как отказаться от использования текста в иллюстрациях.

Интересно, как относятся к логотипу TripAdvisor жители Финляндии и Индии?

https://habrahabr.ru/company/everydaytools/blog/320376/
Кейс компании SmartMedia о повышении продаж многопрофильной клиники в 2,3 раза за счёт оптимизации колл-центра. Рассказали про работу с гипотезами, HADI-циклы и про конкретные улучшения — можно брать на заметку, если работаете с клиниками.

В процессе оптимизации ни одна кнопка не пострадала (от перекрашивания).

https://vc.ru/p/call-canter-clinic
Ольга Шаврина написала о том, как работать с пользовательскими пожеланиями.

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

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

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

http://olgashavrina.com/customers_requests