Сегодня — 2 статьи об эффективной работе в Скетче.
Профессиональные повара готовят быстро, потому что делают это в подготовленном рабочем пространстве. Джон Мур написал, с чего начать создание нового макета, чтобы ускорить работу и внесение правок.
http://sketchapp.me/5-veshhej-kotorye-nuzhno-sdelat-do-sozdaniya-sleduyushhego-dizajn-fajla-v-sketch-ili-podgotovka-k-dizajnu-mizanplas/
Профессиональные повара готовят быстро, потому что делают это в подготовленном рабочем пространстве. Джон Мур написал, с чего начать создание нового макета, чтобы ускорить работу и внесение правок.
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
Советы касаются горячих клавиш, символов, общих стилей, работы с изображениями, адаптации макетов.
https://designpub.ru/18-sketchapp-tips-a581c827101d
Medium
18 советов по использованию Sketchapp для ускорения вашей работы
Расскажу, как нужно использовать: символы, общие стили, адаптацию макетов, изображения и многое другое. (все проиллюстрировано гифками!)
Джерри Цао написал о карточных интерфейсах (с примерами).
Об их настоящем: дизайн по принципу контейнеров, использование в мобильных и адаптивных сайтах, управление жестами.
И будущем: анимации, обновление в реальном времени (например, виджет погоды), увеличение размеров, использование в носимых устройствах.
http://blog.aic.ru/trend-cards/
Об их настоящем: дизайн по принципу контейнеров, использование в мобильных и адаптивных сайтах, управление жестами.
И будущем: анимации, обновление в реальном времени (например, виджет погоды), увеличение размеров, использование в носимых устройствах.
http://blog.aic.ru/trend-cards/
Брендон из Zurb выделил 5 частых ошибок в дизайне карточных интерфейсов:
— Визуальные пропасти между контентом разной длины;
— Слишком много карточек в области видимости;
— Слишком много действий на разных областях карточки;
— Загруженность карточки контентом;
— Усиление визуального эффекта, когда в этом нет необходимости.
И рассказал, что с этим поделать.
http://sketchapp.me/5-chastyx-oshibok-dizajnerov-pri-ispolzovanii-kartochek-v-dizajne/
— Визуальные пропасти между контентом разной длины;
— Слишком много карточек в области видимости;
— Слишком много действий на разных областях карточки;
— Загруженность карточки контентом;
— Усиление визуального эффекта, когда в этом нет необходимости.
И рассказал, что с этим поделать.
http://sketchapp.me/5-chastyx-oshibok-dizajnerov-pri-ispolzovanii-kartochek-v-dizajne/
Новая лекция Людвига Быстроновского «Как устроить свою работу, чтобы было интересно». Как сделать интересно:
— Не старайтесь слишком сильно;
— Поймите, что интересно здесь и сейчас. «Мозг новичка» заставляет нас думать, что интересно будет на новом месте, но так только кажется;
— Возьмите задачу сложнее, чем обычно решаете, но с шансом победить;
— Снижайте напряг: делайте перерывы, переключайтесь на другие задачи, избавляйтесь от дедлайнов и решайте задачу каждый день по кусочку.
Как поддерживать интерес: настроить цикличность, удивлять себя, искать контр-интуитивные решения.
https://www.youtube.com/watch?v=CsFJzkNG5EY
— Не старайтесь слишком сильно;
— Поймите, что интересно здесь и сейчас. «Мозг новичка» заставляет нас думать, что интересно будет на новом месте, но так только кажется;
— Возьмите задачу сложнее, чем обычно решаете, но с шансом победить;
— Снижайте напряг: делайте перерывы, переключайтесь на другие задачи, избавляйтесь от дедлайнов и решайте задачу каждый день по кусочку.
Как поддерживать интерес: настроить цикличность, удивлять себя, искать контр-интуитивные решения.
https://www.youtube.com/watch?v=CsFJzkNG5EY
YouTube
Лекция Людвига Быстроновского «Как устроить свою работу, чтобы было интересно»
В рамках SBERDAYS состоится лекция арт-директора и дизайнера Людвига Быстроновского. Он расскажет, как развиваться в профессии, не терять интерес к делу и не покрываться пылью, работая год за годом в одной и той же большой компании.
Людвиг Быстроновский:…
Людвиг Быстроновский:…
Собрал самые популярные заметки этого года по числу лайков и репостов. В топ попали:
— 5 лекций: Бирман, Штанг, Ильяхов, Быстроновский, Бородкин;
— 4 саммари: Сафонова, Бизиков, Гук, Жиянов;
— 3 перевода: Сушкова, Юсупов, Григорьев;
— 3 видеокурса: Яндекс, Проекторат;
— 2 авторских материала: Хабаров, Григорьев;
— 2 подборки видео с конференций: Dribbble Meetup, конфереция РШСД;
— 2 видео о психологии поведения: Veritasium.
Спасибо, что лайкаете, репостите и включаете эту страницу в подборки ресурсов для дизайнеров и проектировщиков. Спасибо авторам полезных и интересных материалов.
https://vandergrav.ru/popular-ux-notes-2016/
— 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/
Чтобы понять людей, можно наблюдать за тем, что они говорят, делают и создают. Большинство говорит одно, а делает другое. Учитесь вовлекать людей в процесс дизайна и давать им инструменты для воплощения мечты.
Начинать создание дизайна с десктопа — шаг назад. Необходимо в первую очередь создавать мобильные версии.
Ставьте себя на место других людей, чтобы чувствовать то же самое и принимать правильные решения. Часто лучшие идеи настолько очевидны, что мы не замечаем их прямо перед носом.
После получения определенного опыта мы можем анализировать его на протяжении многих лет. Если мы не в состоянии осознать даже собственный опыт, можем ли мы утверждать, что готовы спроектировать чужой? Нет.
Важную роль играет мнение пользователей. Учитесь как можно чаще получать обратную связь и использовать её для совершенствования дизайна.
Понимание человеческого разума — важнейшее умение, которое надо развивать дизайнеру.
Важно задавать себе вопросы вроде: «Это решит проблему, которая по-настоящему беспокоит моих пользователей?»
Адаптируйте дизайн для просмотра, а не чтения. Разбейте страницы на чёткие зоны, выделите кликабельное и приоритетные элементы. Создайте визуальную иерархию, которая направит внимание пользователя.
http://rb.ru/opinion/9-ux-secrets/
rb.ru
9 секретов UX, украденных у лучших экспертов | RB.RU
Всегда задавайте себе вопрос: в чем заключаются небольшие изменения, способные оказать огромное влияние на ваших пользователей?
Если сначала начертить сетку, а потом расставить контент, решение будет выглядеть хорошо ровно до тех пор, пока видна сетка. Если её отключить, макет развалится. Хуже того: сетка не позволит принять композиционные решения, которые выходят за её рамки.
На удачных плакатах сетка может быть точно такой же, как и на неудачных. Отличие в последовательности действий. Здесь сетка подтверждает заранее найденные решения, а не диктует их. Другими словами, она всего лишь помогает выровнять то, что должно быть выровнено. Сетка — инструмент выравнивания, а не конструирования.
https://medium.com/nobelfaik/f00b4f0df45e
На удачных плакатах сетка может быть точно такой же, как и на неудачных. Отличие в последовательности действий. Здесь сетка подтверждает заранее найденные решения, а не диктует их. Другими словами, она всего лишь помогает выровнять то, что должно быть выровнено. Сетка — инструмент выравнивания, а не конструирования.
https://medium.com/nobelfaik/f00b4f0df45e
Medium
Сначала конструкция, потом сетка
Раньше я уже писал о принципе «Сначала конструкция, потом сетка», теперь объясню на примерах.
Егор Камелев перевёл и прокомментировал статью Ника Коленды «125 простых советов по улучшению юзабилити вашего сайта».
Все советы разделены на 5 категорий:
1. Управляйте вниманием пользователя;
2. Ведите пользователей к цели;
3. Уменьшите умственные усилия ваших пользователей и поддерживайте скорость их движения сквозь интерфейсы;
4. Максимизируйте совместимость для всех пользователей и сценариев;
5. Помогайте пользователям сталкиваться с меньшим количеством потенциальных ошибок и преодолевать их.
http://projectorat.ru/125tweaks/
Все советы разделены на 5 категорий:
1. Управляйте вниманием пользователя;
2. Ведите пользователей к цели;
3. Уменьшите умственные усилия ваших пользователей и поддерживайте скорость их движения сквозь интерфейсы;
4. Максимизируйте совместимость для всех пользователей и сценариев;
5. Помогайте пользователям сталкиваться с меньшим количеством потенциальных ошибок и преодолевать их.
http://projectorat.ru/125tweaks/
Татьяна Соколовская написала о теории близости. Более полный и понятный материал на эту тему, чем встречавшиеся ранее.
Как правило внутреннего и внешнего влияет на читаемость текста и как выбирать расстояние между букв, слов и строк. Связь текста с заголовком и плашкой.
https://designpub.ru/правило-близости-540012265d16
Как правило внутреннего и внешнего влияет на читаемость текста и как выбирать расстояние между букв, слов и строк. Связь текста с заголовком и плашкой.
https://designpub.ru/правило-близости-540012265d16
Дизайн-кабак (RU)
Правило близости
Дизайнеры часто ставят дизайн на первое место и оправдывают неряшливость работ словами: “здесь такой творческий замысел” или “такая авторс…
София Войчеховски написала об объектно-ориентированном дизайне.
«Простое понимание ваших объектов поможет определить, что пользователь может с ними делать. Мы знаем, что Вася хочет уничтожить зомби. Но только после того, как мы определили, что это быстрые, умные, боящиеся света зомби, мы сможем разработать сценарий, как именно он достигнет своей цели».
«Вы можете тестировать на пользователях свою систему объектов и действия, которые может совершать над ними пользователь, перед тем, как приступите к долгой и нудной разработке дизайна взаимодействий».
#ooux
«Простое понимание ваших объектов поможет определить, что пользователь может с ними делать. Мы знаем, что Вася хочет уничтожить зомби. Но только после того, как мы определили, что это быстрые, умные, боящиеся света зомби, мы сможем разработать сценарий, как именно он достигнет своей цели».
«Вы можете тестировать на пользователях свою систему объектов и действия, которые может совершать над ними пользователь, перед тем, как приступите к долгой и нудной разработке дизайна взаимодействий».
#ooux
Глеб Кушедов показал пример объектно-ориентированного дизайна в приложении для тренировок.
«Давно хотел сделать что-то спортивное и социальное, наконец собрался и сделал простое приложение. В этот раз не просто нарисовал концепт, а расписал, как проектирую, немного показал внутреннюю кухню».
#ooux
«Давно хотел сделать что-то спортивное и социальное, наконец собрался и сделал простое приложение. В этот раз не просто нарисовал концепт, а расписал, как проектирую, немного показал внутреннюю кухню».
#ooux
Medium
OOUX: проектируем спортивное приложение для двух ролей
Как продуктовый дизайнер, я использую OOUX для эскизного проектирования образовательных сервисов . Подход OOUX подразумевает дизайн…
Павел Моисеенко законспектировал «Проектируем время» Стивена К. Сеова — книгу о психологии восприятия времени в интерфейсе.
Не вчитываясь в кондовый язык книги (возможно, это из-за перевода) и не переплавляясь через воду первых глав можно узнать:
— Какое ускорение или замедление работы заметит человек;
— Как выбрать индикатор выполнения работы;
— Когда измерять прогресс в единицах выполненной работы и когда — в единицах оставшегося до завершения времени;
— К каким числам тяготеют люди при оценке длительности, не превышающей несколько часов (1, 2, 3, 4, 5, 10, 15, 20, 30);
— Какие есть хитрости: упреждающий запуск, раннее завершение работы, нелинейная индикация выполнения и кое-что ещё.
http://pavelmoiseenko.ru/blog/proektiruem-vremya/
Не вчитываясь в кондовый язык книги (возможно, это из-за перевода) и не переплавляясь через воду первых глав можно узнать:
— Какое ускорение или замедление работы заметит человек;
— Как выбрать индикатор выполнения работы;
— Когда измерять прогресс в единицах выполненной работы и когда — в единицах оставшегося до завершения времени;
— К каким числам тяготеют люди при оценке длительности, не превышающей несколько часов (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/
В Head Promo написали о технических, структурных и функциональных решениях, которые помогут в продвижении будущего интернет-магазина.
Полезно знать эти рекомендации, чтобы проконсультировать клиента по техническим нюансам и заложить определённые решения на этапе прототипа.
https://spark.ru/startup/head-promo/blog/17065/
SPARK
Правильная разработка интернет-магазина с точки зрения SEO-специалиста
Готовимся к продвижению ещё на стадии разработки. Какие моменты стоит учесть при создании интернет-магазина с целью его последующего SEO-продвижения. Делимся наработками. ...
Команда AskUsers рассказывает, как правильно писать цены на сайте.
Например, если показаны старая и новая цена, акцент делать на новой, чтобы пользователю не приходилось прилагать усилия, оценивая свою выгоду.
Но есть и не такие очевидные рекомендации. Если сервис зарабатывает на комиссии (процент от заказа), стоит сразу об этом заявлять: показывать стоимость заказа и отдельно размер комиссии. Покупатель должен понимать, в чём выгода сервиса.
https://askusers.ru/blog/pravila/10-oshibok-tsen-na-sayte/
Например, если показаны старая и новая цена, акцент делать на новой, чтобы пользователю не приходилось прилагать усилия, оценивая свою выгоду.
Но есть и не такие очевидные рекомендации. Если сервис зарабатывает на комиссии (процент от заказа), стоит сразу об этом заявлять: показывать стоимость заказа и отдельно размер комиссии. Покупатель должен понимать, в чём выгода сервиса.
https://askusers.ru/blog/pravila/10-oshibok-tsen-na-sayte/
askusers.ru
10 правил оформления цен на сайте
Почему неправильно оформленная цена становится все более определяющим фактором низкой конверсии сайта. 10 самых распространенных ошибок. Примеры правильной и неправильной реализации.
Мария Фаликман рекомендует книги о процессах зрительного внимания.
Способны ли мы во время выполнения задания заметить на экране гориллу или девушку с зонтиком? Что такое человеческое внимание, как оно моделируется, развивается и меняется с возрастом? Как осуществляется «зрительный поиск»? Ключевые труды о психологии внимания:
— Психология внимания. Хрестоматия;
— Невидимая горилла;
— Познание и реальность;
— Cognitive Neuroscience of Attention, Second Edition;
— From Perception to Consciousness: Searching with Anne Treisman.
https://postnauka.ru/books/14195
Способны ли мы во время выполнения задания заметить на экране гориллу или девушку с зонтиком? Что такое человеческое внимание, как оно моделируется, развивается и меняется с возрастом? Как осуществляется «зрительный поиск»? Ключевые труды о психологии внимания:
— Психология внимания. Хрестоматия;
— Невидимая горилла;
— Познание и реальность;
— Cognitive Neuroscience of Attention, Second Edition;
— From Perception to Consciousness: Searching with Anne Treisman.
https://postnauka.ru/books/14195
postnauka.org
5 книг о психологии внимания — все самое интересное на ПостНауке
Что читать о процессах зрительного внимания, рекомендует кандидат психологических наук Мария Фаликман
Интеллектуальная скупость — мы выбираем самое простое решение, потому что автоматически стремимся к экономии умственных ресурсов. Такие ошибки рассматривались как сбои в обработке доступной информации или ошибки эвристики (изучение которых прославило Даниела Канемана).
В принятии решений мы опираемся на ту информацию, которая у нас уже есть. И в большинстве случаев это работает хорошо. Но зачастую эта стратегия мешает принять во внимание дополнительные сведения, которые нам открывает ситуация.
https://newtonew.com/discussions/cognitive-miser-strategy
В принятии решений мы опираемся на ту информацию, которая у нас уже есть. И в большинстве случаев это работает хорошо. Но зачастую эта стратегия мешает принять во внимание дополнительные сведения, которые нам открывает ситуация.
https://newtonew.com/discussions/cognitive-miser-strategy
Перевод отличной статьи от команды Dropbox о проектировании мультиязычного интерфейса.
Что учитывать, какой компоновки избегать и (самое интересное) конкретные решения, например:
— Как понять, сколько закладывать места для отображения фразы с помощью Google Translate или шпаргалки от IBM;
— Как отказаться от использования текста в иллюстрациях.
Интересно, как относятся к логотипу TripAdvisor жители Финляндии и Индии?
https://habrahabr.ru/company/everydaytools/blog/320376/
Что учитывать, какой компоновки избегать и (самое интересное) конкретные решения, например:
— Как понять, сколько закладывать места для отображения фразы с помощью Google Translate или шпаргалки от IBM;
— Как отказаться от использования текста в иллюстрациях.
Интересно, как относятся к логотипу TripAdvisor жители Финляндии и Индии?
https://habrahabr.ru/company/everydaytools/blog/320376/
Habr
Дизайн мультиязычных приложений
Представьте себе: вы впервые знакомитесь с новым приложением. В отзывах на Твиттере все сходят от него с ума, говорят, что оно превосходное, изумительное, всю жизнь им изменило. Вы запускаете...
Кейс компании SmartMedia о повышении продаж многопрофильной клиники в 2,3 раза за счёт оптимизации колл-центра. Рассказали про работу с гипотезами, HADI-циклы и про конкретные улучшения — можно брать на заметку, если работаете с клиниками.
В процессе оптимизации ни одна кнопка не пострадала (от перекрашивания).
https://vc.ru/p/call-canter-clinic
В процессе оптимизации ни одна кнопка не пострадала (от перекрашивания).
https://vc.ru/p/call-canter-clinic
vc.ru
Кейс из России: Рост продаж в 2,3 раза благодаря оптимизации работы колл-центра
Команда агентства SmartMedia написала для рубрики «Кейсы» колонку о том, как без расширения рекламного бюджета удалось увеличить количество пациентов в клинике клиента в 2,3 раза. По просьбе агентства, название компании в тексте не указывается.
Ольга Шаврина написала о том, как работать с пользовательскими пожеланиями.
— Слушать пользователей: на что жалуются, где негодуют. Просить фидбек. Особое внимание уделять недовольству — это почти всегда неоправданные ожидания: клиент думал, что система должна вести себя так, а она ведет себя этак.
— Не кидаться сразу делать то, что просят. Пытаться понять, что хотят на самом деле, искать проблему. Изучать, задавать открытые вопросы, копать, смотреть что они делают и где спотыкаются.
— Не надеяться решить проблему раз и навсегда. Пробовать решения и смотреть на результат. Если результат неудовлетворительный, пробовать снова и снова. Никто не говорил, что будет просто.
http://olgashavrina.com/customers_requests
— Слушать пользователей: на что жалуются, где негодуют. Просить фидбек. Особое внимание уделять недовольству — это почти всегда неоправданные ожидания: клиент думал, что система должна вести себя так, а она ведет себя этак.
— Не кидаться сразу делать то, что просят. Пытаться понять, что хотят на самом деле, искать проблему. Изучать, задавать открытые вопросы, копать, смотреть что они делают и где спотыкаются.
— Не надеяться решить проблему раз и навсегда. Пробовать решения и смотреть на результат. Если результат неудовлетворительный, пробовать снова и снова. Никто не говорил, что будет просто.
http://olgashavrina.com/customers_requests
Olgashavrina
Делать или не делать то, что просят клиенты
Представьте, что вы – продакт менеджер, скажем, конструктора сайтов. И постоянно получаете от клиентов запросы: «Почему у вас нет...