UI/UX design

Начался всплеск интереса к так называемому дизайн-мышлению.

читать далее..

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

Ноа Лоранг, аналитик сервиса для управления проектами Basecamp написал о том, как отсутствие полноценного A/B-тестирования при обновлении интернет-ресурса привело компанию к потере многих миллионов долларов.
читать далее..

Как создать идею веб-дизайнеру?

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

читать далее..

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

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

В этом видео я делюсь своим мнением относительно критики работ дизайнера
читать далее..

Менеджер отдела создания поисковых интерфейсов в «Яндексе», Денис Кузнецов, рассказал о том, как разрабатываются интерфейсы для людей, у которых ограниченные возможности: что следует учитывать в ходе проектирования, какие проводить проверки, а также что означает доступность сервиса.
читать далее..

Creative Bloq рассказал о подборке из десяти полезных инструментов для современного веб-дизайнера. В нее попали интернет-магазин бесплатных значков, сборник фреймворков и библиотек Node.js, а также прочие плагины и утилиты.
читать далее..

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

Компания Dom & Tom разрабатывает мобильные приложения и онлайн-платформы уже более пяти лет. Компании пришлось поработать с такими фирмами, как General Electric, Hearst Corporation, Priceline и со многими другими.
читать далее..

Крис Лейк, гендиректор агентства Empirical Proof описал тренды в веб-дизайне 2016 года.
читать далее..

Что такое UX и UI дизайн

Из этого видео Вы узнаете чем отличается UX от UI дизайна и какими навыками должен обладать UX дизайнер.
читать далее..

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

Спасибо за вашу обратную связь.
читать далее..

Дизайнер Эрик Кеннеди в собственном блоге опубликовал семь правил по созданию красивых интерфейсов.
читать далее..

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

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

В этой статье я хочу рассказать о новых возможностях Sketch 3.4.
читать далее..

Хотите освоить наилучший инструмент дизайнера интерфейсов?

За 6 часов с нуля вы изучите программу Sketch и разработаете дизайн экрана мобильного приложения.
читать далее..

Создание анимаций

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

Бесплатный курс по Дизайн Мобильных Приложений

читать далее..

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

Хочу дополнить обзор работы в Sketch 3. Вы сможете скачать в конце статьи готовый файл, а также самостоятельно пройтись по таким темам:
читать далее..

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

Tuto.com, обучающий веб-сайт, провел интервью с тремя дизайнерами — Филиппом Хонгом, Жан-Марком Дэнисом и Себастианом Габриэлем. Обсуждался Sketch, а также дизайн в общем. Ответы собеседников были довольно интересными, поэтому я перевел это интервью для вас.
читать далее..

Десять фишек в Sketch

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

Всего лишь год назад я с Adobe Creative Cloud перешел на Sketch для дизайна интерфейсов. Чуть позже я понял, что является, по моему мнению, идеальным рабочим процессом для любого дизайнера продуктов.

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

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

В данном уроке мы сделаем дизайн удобного и простого приложения под iOS для фитнеса, которое даст возможность контролировать велосипедные тренировки и бег. Кроме iOS-приложения я покажу также пример дизайна для интерфейса Apple Watch в Sketch.

На уроке вы научитесь делать дизайн iOS-приложения под различные размеры дисплея и представления в Sketch. Задействованы базовые и несколько более продвинутые методы рисования в Sketch.

Итак, приступим!
читать далее..

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

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

Многие меня спрашивают: «Стоит ли покупать Apple Watch?».
читать далее..

Получить доступ к дополнительному видео по дизайну экрана мобильного приложения можно по ссылке: http://www.jazov.com/sketch/

Термин «дизайн» кажется простым, но он передает очень размытое значение.

Например, если кто-то заявляет: «Я работаю ui/ux дизайнером», многие люди не понимают, о чем идет речь.

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

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

4 мифа о UX дизайне

Несмотря на то, что понятие UX (User Experience) широко распространено в сфере IT, большинство тех, кто непосредственно не имеет к UX отношения, неверно представляют себе его суть. Ниже мы рассмотрим четыре наиболее часто встречающихся мифа о UX.читать далее..

Несколько дней назад на конференции Layers анонсированы были новые функции Creative Cloud. Весомые изменения коснулись популярной программы Photoshop.
читать далее..

читать далее..

Дизайнер сервиса для управления проектами Basecamp Раян Сингер в своем блоге на Medium рассказал о том, почему при проектировании интерфейсов определение пользовательских целей важнее, чем разработка визуального оформления.

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

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

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

 

Начало цели, ее середина и конец

 

читать далее..

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

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

Примеры приложений для протипирования: Axure ProInvision App, Blueprint, Marvel App и Balsamiq Mockups.


читать далее..

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

 

UI Patterns

 

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

 

UX Magazine

 
43i553fc4fe3b5af

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

(посмотрите это 2х минутное видео)

Сайт онлайн интенсива: http://intensive.jazov.com
читать далее..

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

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

Сооснователь исследовательской фирмы Baymard Institute Дж. Эплсид опубликовал статью о том, как формы на сайтах сделать понятными для посетителей и избежать распространенных ошибок.

Формы в виде «гармошки» и вкладок

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

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

1) Потребности в первую очередь

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

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

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

2) Необходимо делать меньше

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

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

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

Основатель компании January Creative Э. Тернер подготовила для издания The Next Web перечень из десяти элементов веб-дизайна, которые точно получат широкое распространение в текущем году.
 

1. Лонгриды

 

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

В 2015 году длинными станут не только домашние страницы, но также разделы «О компании», перечень продукции и прочее. Пример — обновленный официальный сайт Apple.


читать далее..

Ш. Эллис, сооснователь сайта для осуществления A/B-тестирования Qualaroo, написал заметку о том, как именно интерфейс продукта способен влиять на показатели его роста.

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

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

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

читать далее..

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

Сейчас мне хочется поделиться этими знаниями с Вами.

читать далее..

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

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

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

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

В том году я прочитал фразу в твиттере дизайнера с basecamp.com, звучала она так: “Дизайн начинается со слов”.
читать далее..

читать далее..

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

1. Не используйте выпадающие многоуровневые меню

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

Игра в волшебство

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

Контекстный сценарий — это рассказ о людях и их деятельности, среде и контексте использования продукта! Это такое себе описание ситуаций использования продукта (интерфейса) в виде историй. Допустим, у нас имеется представление о целях и желаниях пользователя, созданы персонажи, описаны сценарии использования продукта и требуется начинать разрабатывать логику работы интерфейса и его визуальный вид — вот тут нам и пригодится применение приема “игра в волшебство”.

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

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

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

Ментальная модель — это представление пользователем того, как будет работать система. Ментальная модель основана на вере, а не фактах: то есть, это модель того, что пользователи знают (или думают, что знают) о такой системе.

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

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


Партнерство

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

Имя
Email
Письмо

Спасибо! Ваше письмо получено.
Ошибка! Проверьте правильность заполненных данных.
© Copyright 2017 Персональный блог Игоря Джазова