Универсальный принцип продуктивности, который поможет добиться большего в любой сфере

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

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

Если сотрудник полностью не загружен, это не значит, что компания на нем теряет деньги. Ведь быть продуктивным — это не значит быть занятым все время. Если его текущие действия не приносят компании прибыли, то и нет смысла чем-либо заниматься, так как дополнительные усилия не принесут пользы.⠀

Подобные простои возникают из-за узких мест — самых медленных звеньев цепочки производства. Покажу это на примере из ИТ-сферы.⠀

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

Подумайте, какие узкие места есть в вашей деятельности.

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

Источник

Почему руководства по «хорошему / плохому» дизайну не всегда подходят для теории цвета

Посты в Instagram или статьи в дизайнерских блогах представляют примеры «правильного» и «неправильного» способа проектирования. Обычно они обозначаются зеленой галочкой и красным крестиком соответственно. Хотя есть надежные и проверенные паттерны, которые часто работают лучше, чем другие, все же не стоит говорить продуктовым дизайнерам (особенно начинающим): «Это единственный правильный способ разметки формы, карточки, использования цвета или типографики» и т. д.

Дизайн – это не универсальное решение.

Автор собрал несколько примеров подобных сомнительных рекомендаций.

Читать: https://ux.pub/editorial/pochiemu-rukovodstva-po-khoroshiemu-plokhomu-dizainu-nie-vsieghda-podkhodiat-dlia-tieorii-tsvieta-599e

Руководство по проектированию улучшенной типографики мобильных приложений

Благодаря стремительному развитию Интернета в последнее десятилетие типографика в интерфейсах прошла основные этапы трансформации в цифровой мир. Но дизайн мобильных приложений – это все еще новая сфера.
В этой статье я не буду говорить об общих концепциях типографики, которые можно использовать как в печатной, так и в цифровой среде. Вместо этого я сосредоточусь на нюансах и хитростях, которые можно использовать в типографике дизайна мобильных приложений.
Поскольку разработка приложений очень тесно связана с функциями операционной системы, я часто буду ссылаться на отдельные рекомендации из руководства Material Design для Android и Human Interface Guidelines для iOS.

Читать: https://ux.pub/editorial/rukovodstvo-po-proiektirovaniiu-uluchshiennoi-tipoghrafiki-mobilnykh-prilozhienii-m83

UX дизайн: Закон Фиттса — для определения оптимальных размеров и расположения элементов на сайте

Статья для начинающих UX/UI дизайнеров, исследователей и аналитиков. Этот закон помогает определить оптимальные размеры и места расположения элементов на сайте для упрощения и ускорения взаимодействия пользователей с ними.

Читать: https://vc.ru/design/188963-ux-dizayn-zakon-fittsa-dlya-opredeleniya-optimalnyh-razmerov-i-raspolozheniya-elementov-na-sayte

Обзор 12 лучших портфолио UX-дизайнера: примеры, зачем нужно, из чего состоит

UX-портфолио — это способ упаковать ваши навыки и продемонстрировать, на что вы готовы как дизайнер. В статье собрали 12 сильных образцов портфолио в плотный разбор.

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

Зачем UX-дизайнеру собирать портфолио
UX-портфолио — это международный стандарт работы для каждого дизайнера в отрасли. Портфолио применял Пол Рэнд, его же рекомендует и сейчас собирать Остин Клеон в международном бестселлере «Покажи свою работу». А еще наращивание портфолио является частью бренд-стратегии диджитал-агентств и продуктовых компаний. Одним словом — стандарт.

Перед началом сборки портфолио задайте себе серию вопросов. Какую задачу вы хотите решить с помощью портфолио? С помощью каких элементов вы хотите убедить даже самого требовательного работодателя/клиента в вашем профессионализме? Что вы хотите сообщить клиентам и что они должны узнать о вас и вашей работе при первом знакомстве с портфолио?
Ваше портфолио UX-дизайнера — это не просто виртуальная галерея всех ваших самых красивых работ. Это тщательно продуманная история, которая проводит в закулисье ваших методов и процессов. Хорошее портфолио знакомит с тем, как вы решаете спектр задач по UX-дизайну и проектированию интерфейсов. А также знакомит с вашим ходом мысли и подходом к решению задач.
А еще портфолио должно не просто раскрывать вашу культуру работы, но быть также и приятно упаковано.
Итак, давайте взглянем на 12 примеров портфолио и разберем, чем сильно каждое из них.
Интересный факт: У дизайнеров для привлечения клиентов одинаково хорошо работают: Behance, Dribbble и, конечно же, собственный сайт.

Читать статью: https://ux-journal.ru/top-luchshih-portfolio-ux-dizajnera.html

Сделайте это весело: хаос в продуктовом дизайне

Что общего у брутализма, ваби-саби и виртуальной реальности.

Если бы мне давали четверть доллара всякий раз, когда дизайнера просят сделать продукт веселым или забавным, я бы уже имел состояние. Веселье – одно из таких слов, как добро, любовь и искусство: оно настолько простое и всеобъемлющее, что не поддается определению. Итак, что же мы имеем в виду, когда стремимся сделать продукт более «веселым»?

Большинство интерфейсов ограничены жесткими системами, которые безукоризненно выравнивают элементы по сетке, создавая ощущение ритма и единства. Однако в дизайне интерфейсов «веселье» часто возникает из отсутствия порядка. Например, iMessage, позволяет пользователям оставлять стикеры в любом месте чата, или старый приятель MySpace позволяет пользователям редактировать CSS на своих страницах. Эти продуктовые решения считаются забавными, потому что они хаотичны. Они апеллируют к детской надежде, что мир на самом деле не является набором взаимосвязанных систем и правил, а представляет собой обширный ландшафт неоткрытых возможностей, которые можно исследовать, казалось бы, бесконечное количество времени.

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

Это парадокс Fun Designer. Чем более эффективным и масштабируемым является продукт, тем более предсказуемым, скучным – а зачастую и успешным – он становится. Как же достичь баланса между весельем и эффективностью?

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

К характеристикам эстетики и принципов ваби-саби относятся асимметрия, грубость, простота, экономия, строгость, скромность, близость, а также признание сил природы.

В контексте дизайна интерфейса «сила природы» – это человек, контролирующий интерфейс. Если пиксели – это люди, населяющие Землю, большой палец пользователя – это всемогущая погода. «Признание сил природы» в интерфейсе означает избавление от жесткости систем, управляющих ее пикселями. Это может привнести в «сухой» опыт ощущение непредсказуемости и веселья.

Брутализм – еще один претендент на добавление веселья в продуктовый дизайн. Как и ваби-саби, брутализм не извиняется за свои недостатки, а упивается создаваемым им хаосом. Хотя изначальная цель брутализма заключалась в том, чтобы отдать приоритет функции над формой, она настолько контрастирует с сегодняшним подходом к проектированию интерфейсов, что оказывает практически противоположный эффект.
Некоторые дизайнеры интерпретируют брутализм, как восстание против чрезмерно упрощенного дизайна путем намеренного создания уродливых, дезориентирующих или сложных интерфейсов.
В бруталистском дизайне форма играет ведущую роль, но делает это без каких-либо попыток совершенствования. Напротив, она настолько сырая и доступная, что приглашает любого поэкспериментировать с ней. Это качество совместной работы в дизайне привносит элемент исследования, удивления и… веселья!

Продукты, которые дают пользователям право создавать хаос – это весело. Это касается и виртуальной реальности. Во время моей работы в Facebook VR мы потратили бесчисленное количество часов на проектирование тщательно организованных систем для взаимодействия с виртуальными объектами, а затем регулярно приглашали людей для тестирования полученных результатов. Что в первую очередь делали люди при взаимодействии с виртуальным объектом в VR? Они хватали его, бросали и смеялись. Если он ломался, они делали это снова, но, возможно, с большим энтузиазмом. Они создавали хаос, вероятно, как протест против порядка в реальном мире, и при этом их скептически нахмуренные лица озаряла радостная ухмылка.
Веселье лучше всего достигается посредством взаимодействия. Есть ли лучший способ оценить силы природы и противостоять условностям, чем отдать контроль над своим интерфейсом прихоти пользователя?

Если серьезный продукт – это молоток, то забавный продукт – это пластилин Play-Doh. Дайте пользователям возможность выразить себя, манипулируя всем вокруг – вот настоящее веселье.
Веселый продукт – это продукт, в котором пользователю не нужно спрашивать разрешения на взаимодействие с ним. Это означает, что никаких явных изменений состояния для «перехода в режим редактирования». Продукт реагирует на прикосновения пользователя и соответствующим образом адаптирует свой интерфейс.

Хотите наклеить стикер в середине сообщения? Не проблема! Хотите использовать блестящий фон, чтобы украсить домашнюю страницу? Действуйте! Не знаете, как чего-то добиться в приложении? Поищите вокруг и посмотрите, что произойдет, пока не найдете то, что ищете!

Так как же нам создавать забавные продукты? Уловка состоит в том, чтобы спроектировать системы, которые учитывают хаос: познакомить пользователей с несвязанным взаимодействием, а затем вернуть их в систематический порядок. Если ваша цель – сделать продукт интересным, как вы будете учитывать хаос?

Источник

Руководство по созданию эффективного эмоционального дизайна

Что такое эффективный эмоциональный дизайн?

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

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

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

Создайте эмоциональную связь, учитывая «вау-опыт»
«Вау-опыт» присутствует во всех сферах нашей повседневной жизни и вызывает у нас эмоциональную реакцию (даже если мы этого не осознаем). Например, мы говорим: «Вау! Это кресло и правда удобное», «Вау! Этот автомобиль такой навороченный», или «Ух ты! Только посмотри на уникальный дизайн этой книжной полки».

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

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

Читать статью: https://ux.pub/editorial/rukovodstvo-po-sozdaniiu-effiektivnogho-emotsionalnogho-dizaina-209

Советы по дизайну карусели

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

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

Читать статью: https://design-glory.com/?p=10965

Топ-9 плагинов Figma для работы с графикой и изображениями

1. Удаление фона изображения — ‘Remove BG’
В идеале, чтобы удалить фон любого изображения, вам придется отредактировать изображение в Photoshop. Альтернативный метод, который я использовал ранее– это выбрать в Figma изображение и использовать опцию «multiply» в меню «Layer», чтобы фон исчез, но это не всегда эффективно. Remove BG – это потрясающий плагин, который удалит фон любого изображения в один клик, и все это не покидая Figma.

2. Преобразование изображений в векторные —’Image Tracer’
Вы, наверное, переносите свои изображения в Illustrator, чтобы трассировать их, не так ли? Но теперь вы можете больше так не делать. С Image Tracer вы можете конвертировать простые черно-белые растровые изображения в векторные. Это необычайно полезно, когда у вас есть изображение, которое вы хотите преобразовать в иконку. Когда вы запустите плагин, то заметите, что на панели есть опции, которые помогут отредактировать плавность кривой и оптимизацию.

3. Создание изометрических фигур — ‘Easometric’
Easometric, как следует из названия, преобразует ваши слои в изометрические фигуры. Он позволяет экономить время, иначе вам придется вручную настроить в Illustrator изометрическую визуализацию перспективы. Панель инструментов интуитивно понятна, и вы можете в один клик выбрать нужную перспективу.

SkewDat и Mockup – пара плагинов, которые также помогут вам исказить слои.

4. Создание 3D-фигур — ‘Oblique’
Oblique – отличный плагин, который помогает создавать проекции, тени, добавлять глубину и экструдировать слои. И все это непосредственно в Figma. Его панель управления проста и помогает установить угол проецирования, расстояние и выбрать цвета для контуров и заливок.

Roto – еще один плагин, который поможет создать экструзии с перспективой, а на панели есть предварительный просмотр в реальном времени.

5. Создание анимации — ‘Motion’
Motion довольно просто использовать, если вы знакомы с такими инструментами анимации, как Principle или After Effects. В нем есть временная шкала свойств объекта, которые вы можете индивидуально контролировать и экспортировать в виде GIF, фреймов, спрайтов или CSS.

Figmotion – это еще один плагин, который поможет создать анимацию, а также позволит экспортировать ее в CSS или JSON, что отлично подходит для передачи проекта разработчикам.
6. Создание эффектов движения —’BeatFlyer Lite’
С BeatFlyer Lite вы можете добавлять крутые эффекты к слоям Figma. Бесплатная версия имеет множество эффектов, таких как масштабирование, вибрация, свечение, размытие при масштабировании, маскирование и десятки других эффектов. Интерфейс простой, слева перечислены все доступные эффекты, и вы можете индивидуально управлять свойствами анимации эффектов, нажав на иконку настроек. Главный экран позволяет управлять скоростью и временем, а также предоставляет параметры экспорта.

7. Конвертирование дизайнов в видео — ‘SUPA — Figma to Video’
Supa – Figma to Video – замечательный плагин для добавления простых переходов к слоям на артборде, и преобразования дизайнов в анимированные видео. Плагин простой в использовании, и вы можете выбирать предустановки анимации, применяемые к проекту, который в дальнейшем можно преобразовать в видео.

8. Воспроизведение и экспорт GIF — ‘GIF’
По умолчанию, даже если ваши GIF-файлы или анимированные объекты выглядят статично на экране редактора, Figma поддерживает GIF-файлы в режиме прототипа. Но плагин GIF от Rogie может воспроизводить ваши GIF-файлы в режиме редактора, а также помогает экспортировать анимированные фреймы в виде GIF-файлов непосредственно из Figma.

9. Создание макета девайса — ‘Clay Mockups 3D’
Плагин Clay Mockups 3D может стать альтернативой этому процессу. Это лучший плагин для создания аккуратных макетов устройств, и вы можете настроить модель устройства, цвет и угол камеры, и все это не покидая Figma. Он экономит уйму времени, и я очень люблю этот плагин.


Источник

Советы по проектированию идеальной панели навигации

Людям нравится использовать панель навигации, поскольку это намного проще, чем меню навигации. По этой причине для простоты использования многие известные приложения начинают отдавать приоритет панели навигации...
Но, если вы будете использовать ее неправильно, это перевернет весь интерфейс с ног на голову.
Поэтому в этой статье я дам вам несколько советов по UI / UX для проектирования более функциональной панели навигации вашего интерфейса.

Читать статью: https://ux.pub/editorial/soviety-po-proiektirovaniiu-idiealnoi-panieli-navighatsii-1od0

Современный UX-дизайн убивает творчество

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

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

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

Читать статью: https://ux.pub/editorial/sovriemiennyi-ux-dizain-ubivaiet-tvorchiestvo-4g1o

Что такое интуитивный дизайн и почему это выдумка

«Интуитивный дизайн» – это одно из тех часто используемых словосочетаний, которые мы, как дизайнеры, неоднократно слышим в требованиях от наших клиентов. В этой статье исследуется, что на самом деле значит интуитивный дизайн, почему в нем нет смысла, как мы можем лучше подходить к дизайнерским решениям и как может выглядеть будущее интерфейсов. Она предназначена для UX/UI-дизайнеров и всех, кто заинтересован в более подробном изучении этих концепций.

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

Читать статбю: https://design-glory.com/?p=6419

Что такое юзабилити-тестирование и как провести его правильно

UX-исследователи с помощью юзабилити-тестирования обнаруживают барьеры и выявляют точки роста в дизайне. Как именно? Давайте разбираться

Иногда возникают возражения по поводу использования фразы “пользовательское тестирование”, так как кажется, что исследователи тестируют пользователей. Но это в корне неверно: мы никогда не тестируем пользователей – только интерфейс. Этот термин о том, что тестирование проводится совместно с пользователями – это важный аспект эмпирических исследований.

Содержание:

Что такое юзабилити-тестирование
В чем ценность юзабилити-тестирования
Что требуется для проведения юзабилити-тестирования
Типы юзабилити-тестирования
Дополнительные ресурсы NNGroup
Вывод и рекомендации

Читать статью: https://ux-journal.ru/chto-takoe-yuzabiliti-testirovanie-i-kak-provesti-ego-pravilno.html

Учимся создавать значки уведомлений: несколько коротких, но действенных советов

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

№ 1 Делайте значки привлекательными за счет ярких цветов «Shop» (слева) использует основной цвет приложения, а приложение «Grab» (справа) использует красный

Некоторые используют основной цвет своего приложения, но кто-то предпочитает самый привлекательный цвет в мире – красный, что, кстати, научно доказано. Можете попробовать использовать ваш цвет и проанализировать, привлекает ли он взгляд пользователя. Если да, то это здорово, но если нет, попробуйте заменить его на красный, и я надеюсь (сильно), что это сработает.

№ 2 Используйте числа и текст, чтобы информировать пользователя «Lyft» (слева) информирует текстом, тогда как «Medium» (справа) использует как значки числа

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

Например, когда вы видите, что число в корзине увеличивается, вы одновременно и уведомлены (знаете, что товар добавлен), и проинформированы (знаете, сколько в корзине товаров). Вот и все, что нужно знать, чтобы просто и быстро сделать отличные значки для уведомлений. 

Источник: https://design-glory.com/?p=10325