Елена Булыгина предлагает Вам запомнить сайт «Ленусик»
Вы хотите запомнить сайт «Ленусик»?
Да Нет
×
Прогноз погоды

Основная статья: Web-designer

7 мифов о дизайне

Почти все ответили: «креатив», «оригинальность», «что-то красивое», «минимализм». Но должен ли дизайн всегда быть необычным и красивым, а интерфейс — минималистичным? Давайте разрушим популярные мифы.

Миф № 1: Дизайн должен быть оригинальным

Никому не нужен креатив ради креатива, особенно это касается проектирования интерфейсов. Лучше адаптировать привычный для пользователя дизайн, чем изобретать колесо. Люди больше ценят удобство и простоту использования, чем новизну. «Привычное — ваш друг», — говорит Стив Круг в книге «Don’t make me think». И он прав, ведь если пользователю что-то непонятно, то он уйдет (разве что у продукта нет ни одного конкурента). Поэтому креативить нужно, если новое решение точно лучше существующего. Или если ваша задача — поразить пользователя собственной креативностью. Крутой дизайн зачастую сначала незаметен, ведь он в первую очередь передает идею.

Миф № 2: Дизайн должен быть красивым

Мне нравятся пастельные тона и строгие шрифты, а посетителям сайта анекдот.ру — кричащие цвета и Comic Sans. Стоит ли делать, как нравится мне (у меня же так развито чувство прекрасного)? Вряд ли. Главное, чтобы нравилось целевой аудитории. «Суть дизайна не в том, чтобы радовать глаз и красиво смотреться. Дизайн должен работать», — говорит Оливер Райхенштейн, дизайнер, CEO компании iA.

«Красивого» в вакууме не бывает. «В графическом дизайне нет чего-то правильного или неправильного. Существует только эффективная и неэффективная коммуникация. Каждый может критиковать рекламные баннеры, но заказчику важно только то, привлекают они клиентов или нет», — считает словацкий графический дизайнер Питер Билак.

Миф № 3: Плевать на эстетику, главное — функционал

Не надо игнорировать эстетику. Доказано, что эмоции влияют на пользовательский опыт. Если вам принесут два одинаково вкусных блюда, но первое будет вывалено на тарелку как попало, а второе — оформлено аккуратно и привлекательно, какое вы предпочтете? Я почти уверена, что второй вариант многие даже выложат в Instagram, особенно если в подаче будет изюминка. Дизайн должен производить приятное первое впечатление (на целевую аудиторию, конечно). Дизайнер Дэн Норман объясняет, что, как и почему в книге «Emotion & Design: Attractive things work better».

Миф № 4: Пользователи знают, чего хотят

Выявить реальную потребность пользователей — суперсложная задача. Недостаточно просто спросить, чего они хотят от дизайна. Здесь в тему цитата, которую приписывают изобретателю автомобильного конвейера Генри Форду: «Если бы я спросил, чего хотят люди, они бы ответили, что им нужны лошади побыстрее». Пользователи зачастую не знают, чего хотят. Они не могут предсказать свою реакцию на те или иные вещи. Но они точно знают, какие проблемы и «боли» у них есть сейчас. Спроси Форд о том, что раздражает людей в нынешнем способе передвижения, — конечно, они бы сказали, что низкая скорость, что лошади быстро устают, болеют и так далее. Из подобных данных уже можно понять, каким должен быть дизайн, не упираясь в предыдущий способ решения задачи.

«Критическая ошибка пользовательских интервью в том, что вы просите людей либо учитывать предыдущий опыт использования, либо спекулировать на будущем использовании продукта», — говорит Якоб Нильсен в статье «Interviewing Users». Нужно добраться до истинной проблемы — только так появляются прорывные, креативные решения. Это сложно, но чертовски интересно.

Миф № 5: Чем проще и удобнее, тем лучше

Мне нравится цитата Джоэла Спольски, которая объясняет, почему удобство — относительная штука: «Если бы юзабилити-дизайнеры проектировали ночной клуб, то там было бы чисто, спокойно, хорошо освещено, всем хватало бы сидячих мест и меню, напечатанных Sans-serif, было бы много барменов и туалетов, которые легко найти. Но никто бы там не тусовался. Все бы пили пиво в “Гадком Койоте”».

Миф № 6: Детали важны только перфекционистам

«Детали — не просто детали. Они и есть дизайн», — сказал американский дизайнер Чарльз Эймс, который придумал кресло с оттоманкой, на котором так удобно релаксировать. Правка на 5 минут может стоить миллионы долларов. Например, для сайта BestBuy.com небольшое изменение, позволяющее пропускать регистрацию во время оформления заказа, привело к росту доходов на 300 миллионов долларов в год. Корпорация Apple, которая стоит более триллиона долларов, маниакально помешана на «мелочах». Как пользователь айфона (в прошлом ярый его противник), могу уверенно сказать, что не зря.

Миф № 7: Минимализм = простота

Упрощение часто путают с минимализмом — сокращением элементов. Но сокращать нужно не всегда. Иконки без текста сложно понять, как и трудно выбрать блюдо с помощью меню без фотографий еды. Эйнштейн отлично сказал на этот счет: «Все должно быть простым, насколько это возможно, но не проще». Джулия Жуо, директор по дизайну продуктов в Facebook, в статье «The 5 Most Common Design Mistakes» акцентирует, что не нужно жертвовать понятностью ради минимализма. Простота исходит из понимания целостного опыта пользователя, а минимализм — это стиль. Он не самоценен.

А какие мифы о дизайне знаете вы?

Пройти обучение

19 сен 18, 14:22
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Конструктор сайтов Tilda: создаем крутой проект за 16 шагов

Технологии упрощаются: раньше для создания сайта требовалась команда программистов, сейчас — собственные знания и навыки. Фронтенд и бэкенд оставим профессиональным разработчикам, для обычных пользователей придумали конструкторы. Они предлагают широкие возможности, сопоставимые с самописными сайтами, и простой интерфейс, как у ресурсов на CMS (Content management system).

Видео-курс по Tilda

Мы совместно с командой платформы Tilda запускаем видео-курс по созданию сайтов. За 16 уроков слушатели познакомятся с техническими настройками и функциональными возможностями конструктора, чтобы научиться запускать продвинутые web-ресурсы.

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

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

Программа курса

Слушатели изучают теорию с помощью видеолекций и методический материалов. Теория закрепляется на практике через домашние задания. Обучение разработано по системе микроленинга — короткие уроки по 10 минут и простые задания. Это помогает быстро учиться и не терять мотивацию. За время учебы вы создадите четыре сайта, пройдя полный цикл: прототип — сайт — контент.

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

В течение курса вы изучите темы:

  • обзор конструктора;
  • предварительное исследование перед созданием сайта;
  • предконцепция;
  • прототипирование;
  • текстовый и визуальный контент;
  • типографика и композиция;
  • колористика и модульные сетки;
  • функциональные возможности — формы, интернет-магазин, seo;
  • анимация;
  • zero-блоки;
  • верстка;
  • метрики и тестирование.

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

Почему Тильда

Tilda — конструктор сайтов, который был создан в 2014 году компанией FunkyPunky. Он сочетает в себе продвинутые возможности и простой интерфейс разработчика. На платформе есть готовые шаблоны, которые можно сразу использовать в работе.Однако это будут примитивные лендинги с типовой структурой.

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

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

Сайт на Тильде — это не просто страничка в интернете с доменом третьего уровня. Вы сможете подключить собственный домен, добавить форму оплаты, проводить А/В-тестирование. Сайты корректно работают на всех мобильных устройствах благодаря встроенному адаптивному дизайну. Есть seo-продвижение: вы самостоятельно прописываете ключевые слова и оптимизируете ресурс под поисковики.

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

Запись на курс

Курс начинается 24 сентября. Чтобы записаться на курс, оставьте заявку или позвоните по телефону 8-800-700-68-41. Запись закрывается в воскресенье 23 сентября. Если у вас остались вопросы, задавайте их по телефону или в комментариях.

Пройти обучение

17 сен 18, 15:15
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Полезные материалы о дизайн-системах

Дизайн-система — термин, который в моде и у всех UI-дизайнеров на устах. Чтобы разобраться, что это и зачем, я перевела обзор полезных материалах по дизайн-системам. Автор — Ведран Арнаутович (Vedran Arnautovic) — ведущий продуктовый дизайнер в Zendesk. Оригинал здесь: «Design System Resources».

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

Этот контент повлиял на мое понимание темы и на то, как мы с коллегами из Zendesk работаем над собственной системой Garden.

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

Видео

«Дизайн-системы. Когда и сколько?»

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

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

Дизайн-системы в Zendesk

Дизайн-системы способствуют распространению принципов доступности. На 17-й минуте 35-й секунде мой коллега Остин Грин (Austin Green) начинает говорить о проектировании в рамках нашей дизайн-системы. Это моя любимая часть доклада, потому что Остин объясняет, как мы встраиваем средства обеспечения доступности (accessibility) в каждый компонент системы. Объяснение хорошо тем, что доступно (улавливаете?) даже неспециалистам в разработке и проектировании.

Устойчивые дизайн-системы

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

Статьи

Design Systems Handbook («Руководство по дизайн-системам»)

Создавать дизайн каждого продукта индивидуально — это медленно и непоследовательно. Обслуживать его со временем становится все сложнее.

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

Прочтите, если…

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

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

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

Why design systems fail («Почему дизайн-системы не достигают цели»)

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

Прочтите, если…

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

Your sketch library is not a design system («Ваша скетч-библиотека — еще не дизайн-система»)

Может прозвучать банально, но надо понимать, что приложение не создашь из одних скриншотов и файлов Sketch.

Прочтите, если…

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

People over pixels («Люди за пикселями»)

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

Прочтите, если…

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

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

The most exciting design systems are boring («Лучшие дизайн-системы скучны»)

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

Прочтите, если…

...вы ищите объяснение, почему дизайн-система — это не просто набор UI-элементов. Я твердо верю в важность руководящих принципов и инструкций, которые раскрывают, что делать (и чего не делать) с компонентами дизайн-системы.

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

AirBnB: Building a visual language ( «AirBnB: создание визуального языка»)

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

Прочтите, если…

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

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

Designing design systems for complex products («Создание дизайн-систем для сложных продуктов»)

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

Прочтите, если…

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

Animation in design systems («Анимация в дизайн-системах»)

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

Прочтите, если…

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

Atomic Design («Атомарный дизайн»)

Прочтите, если…

...просто прочтите! Скорее всего, об этой вещи будут говорить как об одной из основополагающих работ по дизайн-системам.

Atomic design: how to design systems of components («Атомарный дизайн: как создать систему компонентов»)

Прочтите, если…

...вам интересно, как один дизайнер реализовал «атомарный дизайн» на практике.

А какие материалы по дизайн-системам нравятся вам?

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

Пройти обучение

11 сен 18, 14:10
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0
Темы с 21 по 23 | всего: 23

Последние комментарии

нет комментариев
Читать

Поиск по блогу

Люди

7 пользователям нравится сайт lena2018.mirtesen.ru