Библиотека UX–специалиста

версия – 1

Начать. Это бесплатно
или Регистрация c помощью Вашего email-адреса
Rocket clouds
Библиотека UX–специалиста создатель Mind Map: Библиотека UX–специалиста

1. Поиск идей и вдохновения

1.1. • UI-patterns Элементы сайта

1.1.1. Как выбрать нужный UI-паттерн

1.1.2. Collection UI

1.1.2.1. Animations

1.1.2.2. Little Big Details

1.1.3. Каточка товара

1.1.3.1. Customize Product — Design Inspiration

1.1.4. Формы

1.1.4.1. Ошибки в дизайне форм и способы их исправления

1.2. • Разные ресурсы

1.2.1. muz.li

1.2.2. Dribbble.com

1.2.3. Graphicsfuel.com

1.2.4. designshack.net

1.2.5. Gridspiration.com

1.2.6. Designspiration.net

1.2.7. 99designs.com

1.2.8. bestwebsite.gallery

1.2.9. onepagemania.com

1.2.10. onepagelove

1.2.11. HTTPSTER

1.2.12. siteinspire

1.2.13. themeforest

1.2.14. awwwards

1.2.15. behance

1.2.15.1. Design Trends 2016

1.2.15.2. Web-design

1.2.16. UI Movement

1.3. • Style Guides

1.3.1. Guidelines

1.3.1.1. Google

1.3.1.1.1. Material design

1.3.1.2. iOS

1.3.1.2.1. iOS Human Interface Guidelines

1.3.1.2.2. App Store Marketing Guidelines

1.3.1.2.3. iOS Guidelines in Russian Перевод гайдлайнов Apple

1.3.1.3. Microsoft

1.3.1.3.1. Оформление и пользовательский интерфейс

1.3.2. Inspirational Examples of UI Style Guides

1.3.3. Цвета

1.3.3.1. color.adobe.com

1.3.3.2. colourlovers.com

1.3.3.3. design-seeds.com/

1.3.3.4. Flat

1.3.3.5. Gradients

1.3.4. Типография

1.3.4.1. typecache.com/fonts-in-use

1.3.4.2. ustmytype.co

1.3.4.3. typespiration.com

1.3.5. Website Stile Guide Resources

1.3.6. Mobile

1.3.6.1. Стильный UI в мобильном веб-дизайне

1.4. • CSS Галереи

1.4.1. cssmania.com

1.4.2. fltdsgn.com

1.4.3. codyhouse

1.4.4. animation

1.5. • Офф-Лайн

1.5.1. Книги и журналы

1.5.1.1. The web designer's idea book, vol 2

1.5.1.2. Uxpin the guide to wireframing

1.5.2. Флаеры и постеры

1.5.3. Вывески и банеры

1.5.4. Художественные галереи и музеи

1.5.5. Кофейни, магазины, рестораны

1.5.6. Урбанистическая архитектура города

2. Обучение

2.1. • Полезные статьи

2.1.1. UX

2.1.1.1. Определяем UX проектировщика

2.1.1.1.1. UX

2.1.1.1.2. UX дизайн

2.1.1.1.3. Профиль UX дизайнера

2.1.1.1.4. Как справляться с пересечением функций и их конфликтом

2.1.1.1.5. Необходимые навыки UX дизайнера

2.1.1.1.6. Визуальный дизайн и UX дизайн

2.1.1.1.7. Исследование юзабилити и UX дизайн

2.1.1.2. Что входит в обязанности UX-специалиста

2.1.1.3. 11 шагов между вами и идельным продуктом

2.1.1.3.1. Шаг 1. Проанализируйте предметную область

2.1.1.3.2. Шаг 2. Определите целевую аудиторию

2.1.1.3.3. Шаг 3. Выявите группы пользователей

2.1.1.3.4. Шаг 4. Для каждой группы выявите характеристики, которые могут повлиять на итоговый дизайн

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

2.1.1.3.6. Шаг 6. Спроектируйте взаимодействие между группами пользователей

2.1.1.3.7. Шаг 7. Для каждой группы спроектируйте деятельность конкретного пользователя

2.1.1.3.8. Шаг 8. Упрощайте!

2.1.1.3.9. Шаг 9. Организуйте экраны

2.1.1.3.10. Шаг 10. Оцените пользовательский интерфейс

2.1.1.3.11. Шаг 11. Не забудьте про эстетическую составляющую

2.1.1.4. Статьи о UX мифах

2.1.1.5. UX Lessons в слайдах

2.1.1.6. UX Journal Максимально полезные статьи для дизайнеров

2.1.1.7. ЛАНЧ-ТАЙМ

2.1.2. UX-стратегия

2.1.2.1. UX-стратегия на практике: Доклад Юрия Ветрова на UXPeople

2.1.3. • Research (Иследования)

2.1.3.1. Тонкости подбора респондентов для UX-исследований

2.1.4. • Information Architecture   (Информационная архитектура)

2.1.4.1. Топ-7 ошибок при проектировании информационной архитектуры

2.1.5. • User story mapping

2.1.6. UX/UI

2.1.6.1. Различия UI и UX

2.1.6.1.1. В чем разница между дизайном UI и UX

2.1.6.1.2. Пользовательский интерфейс и пользовательский опыт: важные различия

2.1.6.2. UX – это не UI

2.1.7. UI

2.1.7.1. 19 принципов построения интерфейсов

2.1.7.1.1. Принцип KISS.

2.1.7.1.2. Не заставляйте думать.

2.1.7.1.3. Убираем очевидное.

2.1.7.1.4. Соотношение сигнал / шум.

2.1.7.1.5. Проверенное лучше модного.

2.1.7.1.6. Привычные элементы управления.

2.1.7.1.7. Люди не читают, люди просматривают.

2.1.7.1.8. Принцип умного заимствования.

2.1.7.1.9. Кошелек Миллера.

2.1.7.1.10. Принцип группировки.

2.1.7.1.11. Интуитивная понятность.

2.1.7.1.12. Все полезное на виду.

2.1.7.1.13. Принцип 3х кликов.

2.1.7.1.14. Однородность.

2.1.7.1.15. Способы решения задачи.

2.1.7.1.16. Принцип мостовых перил.

2.1.7.1.17. Правильный копирайтинг.

2.1.7.1.18. Принцип единства.

2.1.7.1.19. Тренды.

2.1.7.2. 20 идей для сайта в 2015

2.1.7.3. Юрий Ветров об интерфейсах

2.1.7.4. Хороший пользовательский интерфейс

2.1.7.4.1. Перевод

2.1.7.5. Психология пользователя: 30 тактик по оптимизации конверсии

2.1.8. Usability

2.1.8.1. habrahabr

2.1.8.2. LpGenerator

2.1.9. Marketing

2.1.9.1. Merging UX and Inbound Marketing Сращивание UX и входящего маркетинга

2.1.9.1.1. Видео

2.1.9.1.2. Презентация

2.1.9.1.3. Что такое Inbound Marketing

2.2. • Коллекции полезных ресурсов

2.2.1. UX/UI Designer Tools, Resources, Blogs & Books Collection

2.2.2. Best of UX Links of 2016

2.2.3. Ссылки для UX-специалистов

2.2.4. 11 инструментов и сайтов для UI/UX дизайнеров

2.3. • Блоги

2.3.1. Medium

2.3.2. Adobe Creative Cloud

2.3.3. InVision

2.3.4. habrahabr

2.4. • Книги

2.4.1. Веб-дизайн. Книга трендов 2015-2016

2.4.1.1. English

2.4.1.2. Русский

2.5. • Курсы

2.5.1. Нетология

2.5.1.1. Проектирование интерфейсов: UX-дизайн от стратегии до тестирования

2.5.2. UX Crash Course: User Psychology

3. Инструменты для взаимодействия команды

3.1. • Управление проектами

3.1.1. Rindle

3.1.1.1. Info

3.1.1.1.1. Post about Rindle

3.1.2. Trello.com

3.1.2.1. Информация

3.1.2.1.1. 1

3.1.2.1.2. 2

3.1.2.1.3. 3

3.1.2.1.4. 4

3.1.3. Kanbanhi

3.1.4. JIRA

3.1.4.1. информация

3.1.4.1.1. Jira для "чайников"

3.1.5. Goalton

3.1.5.1. Информация

3.1.5.1.1. Канал на YouTube

3.1.5.1.2. LifeHacker

3.1.6. Basecamp.com

3.1.7. github

3.2. • Списки задачь

3.2.1. WorkFlowy

3.2.2. ToDoList

3.3. • Доски

3.3.1. realtimeboard

3.3.2. mural

3.4. • Месенджеры и чаты

3.4.1. slack

3.4.1.1. Информация

3.4.1.1.1. Зачем нужен Slack

3.4.1.1.2. 0

3.4.1.1.3. 1

3.4.1.1.4. 2

3.5. • Презентация макетов (с коментариями)

3.5.1. InVisionApp.com

3.5.2. Viewflux.com

3.5.3. awesomescreenshot

3.5.4. whoision.com

3.6. • Общение

3.6.1. Hangouts

3.6.2. Skype

4. Инструменты проектирования

4.1. • Information Architecture (Информационная архитектура)

4.1.1. Creatly.com

4.1.1.1. Без названия

4.1.2. Visual-paradigm.com

4.1.3. Slickplan.com

4.1.4. Lucidchart.com

4.1.5. Gliffy.com Архитектура и карта сайта

4.1.6. OmniGraffle.com

4.1.7. Google drowings

4.2. • Sketches (Наброски) Зарисовывать свои идеи

4.2.1. Без названия

4.2.2. • Не делать их идеальными

4.2.3. • Добавлять заметки

4.2.4. • Поддерживать организованность

4.3. • Выбор инструментов для создания Вайфреймов

4.3.1. Дополнительная информация

4.3.1.1. Wireframes prototipes and mockups Вайрфреймы, прототипы и мокапы – в чем разница?

4.3.1.2. How To Create Your First Wireframe

4.3.1.3. • Uxpin the guide to wireframing

4.3.1.4. • Книги studio.uxpin

4.3.1.5. Wireframing is an important step

4.3.1.6. • wireframeshowcase.com

4.3.1.7. • webwithoutwords.com

4.3.1.8. • wireframes.linowski.ca

4.3.1.9. • zurb.com

4.3.1.9.1. zurb.com/forrst?search=wireframe

4.3.1.10. • uxarchive.com

4.3.1.11. • dribbble.com

4.3.1.12. Patterns

4.3.1.12.1. patterns.com/patterns

4.3.2. Веб Сервисы

4.3.2.1. • Wireframe Templates

4.3.2.2. • Wireframe.cc

4.3.2.2.1. Без названия

4.3.2.3. • Flairbuilder.com

4.3.2.4. • Balsamiq.com

4.3.2.4.1. Без названия

4.3.2.5. • Mockflow.com

4.3.2.5.1. Без названия

4.3.2.6. • Solidifyapp.com

4.3.2.6.1. Без названия

4.3.2.7. Без названия

4.3.2.7.1. Без названия

4.3.3. Программы

4.3.3.1. • Adobe Photoshop

4.3.3.1.1. Без названия

4.3.3.2. • Adobe Muse

4.3.3.3. • Adobe XD

4.3.3.3.1. Информация

4.3.3.4. • Sketch

4.3.3.4.1. Interactive Prototyping

4.3.3.4.2. Silverflows

4.3.3.4.3. Sketch → InVishion

4.3.3.4.4. Без названия

4.3.3.5. • Axure

4.4. • Выбор инструментов для создания прототипирования

4.4.1. Веб Сервисы

4.4.1.1. proto

4.4.1.2. • Glify.com

4.4.1.3. UXpin

4.4.1.3.1. Без названия

4.4.2. Программы

4.4.2.1. • Adobe Photoshop

4.4.2.1.1. Без названия

4.4.2.2. • Adobe Muse

4.4.2.3. • Adobe XD

4.4.2.3.1. Информация

4.4.2.4. • Sketch

4.4.2.4.1. Interactive Prototyping

4.4.2.4.2. Silverflows

4.4.2.4.3. Sketch → InVishion

4.4.2.4.4. Без названия

4.4.2.5. • Axure

5. Инструменты менеджмента

5.1. • Lean

5.1.1. Lean Startup

5.1.1.1. Статьи

5.1.1.1.1. Коротко о Lean на примере доставки пиццы

5.1.1.1.2. 6 заблуждений в методологии «Бережливый стартап

5.1.1.1.3. «Бизнес с нуля. Метод Lean Startup». Книга за 15 минут

5.1.1.1.4. Почему нужно выбрать стратегию lean startup?

5.1.1.1.5. RUNNING LEAN ПО-РУССКИ

5.1.2. Lean UX

5.1.2.1. Статьи

5.1.2.1.1. Lean UX — мелочи для успешных проектов

5.1.2.1.2. 9 принципов lean-подхода для разработки UX

5.1.2.2. SlideShare

5.1.2.2.1. A Lean Design Process for Creating Awesome UX

5.1.2.3. Tumblr

5.1.2.3.1. Search | lean-ux

5.1.2.4. Google

5.1.2.4.1. Think > Make > Check

5.1.3. Lean production, Lean manufacturing

5.1.3.1. Бережливое производство

5.2. • Agile

5.2.1. Agile-манифест гибкой разработки

5.2.1.1. • Люди и взаимодействия важнее процессов и инструментов

5.2.1.2. • Работающий продукт важнее исчерпывающей документации

5.2.1.3. • Сотрудничество с заказчиком важнее согласования условий контракта

5.2.1.4. • Готовность к изменениям важнее следования первоночальному плану

5.2.2. Двенадцать принципов Agile-разработки

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

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

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

5.2.2.4. На протяжении всего проекта разработчики и представители бизнеса должны ежедневно работать вместе.

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

5.2.2.6. Непосредственное общение является наиболее практичным и эффективным способом обмена информацией как с самой командой, так и внутри команды.

5.2.2.7. Работающий продукт — основной показатель прогресса.

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

5.2.2.9. Постоянное внимание к техническому совершенству и качеству проектирования повышает гибкость проекта.

5.2.2.10. Простота — искусство минимизации лишней работы — крайне необходима.

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

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

5.2.3. Обучение

5.2.3.1. Основы Agile Мастер-класс Бориса Вольфсона

5.2.3.1.1. Видео

5.2.3.1.2. Пост

5.2.3.1.3. Еще видео

5.2.3.2. YouTube

5.2.3.2.1. Гибкое управление продуктом в двух словах

5.2.3.3. Agile UX

5.2.3.3.1. Google

5.2.3.3.2. Habrahabr.ru

5.2.4. Kanban

5.2.4.1. Информация

5.2.4.1.1. Kanban и Scrum: выжимаем максимум

5.2.4.1.2. kanban-poster.pdf

5.2.5. Scrum

5.2.5.1. Информация

5.2.5.1.1. Scrum и XP заметки с передовой

5.2.5.1.2. Википедия

6. Словарь

7. Инструменты для иследований и генерации идей

7.1. • Design Thinking Дизайн-мышление

7.1.1. Search

7.1.1.1. YouTube

7.1.1.1.1. Design & Thinking Дизайн-мышление

7.1.1.2. Google

7.1.1.2.1. Design & Thinking Дизайн-мышление

7.1.1.3. SlideShare

7.1.1.3.1. IDEO

7.1.1.3.2. Дизайн-мышление

7.1.1.3.3. Design Thinking

7.1.2. Лекции и полезные видео

7.1.2.1. Дизайн мышление – путь к идеальному продукту. Лекция Алексея Чеканова

7.1.2.1.1. YouTube

7.1.2.1.2. Презентация

7.1.2.1.3. Заметки

7.1.2.2. Дизайн-мышление. Мария Сташенко, Британская Высшая Школа Дизайна для Skillsup

7.1.2.3. Интенсив ВБШД и Реалити-шоу "Дизайн-мышление: за гранью возможного"

7.1.2.3.1. Без названия

7.1.2.4. Что такое сервис-дизайн?

7.1.3. Дизайн-мыслители

7.1.3.1. IDEO

7.1.3.1.1. Сайты

7.1.3.2. Wonderfull-Lab

7.1.3.2.1. Дизайн-мышление. Гайд по процессу

7.1.3.2.2. Сайт

7.1.3.2.3. Ноый Сайт

7.1.3.2.4. SlideShare

7.1.4. Блоги

7.1.4.1. Блог — Дизайн-мышление. Design Thinking

7.1.5. Статьи

7.1.5.1. Процесс дизайн-мышления состоит из 5 этапов

7.1.5.1.1. 1. Иследование проблемы

7.1.5.1.2. 2. Факусировка на проблеме

7.1.5.1.3. 3. Герерация идей для ее решения

7.1.5.1.4. 4. Создание прототипа решиня

7.1.5.1.5. 5. Тестирование этого прототипа

7.1.5.2. Что такое дизайн-мышление?

7.1.5.2.1. Дизайн-мышление как процесс решения проблем

7.1.6. Books

7.1.6.1. Тим Браун ДИЗАЙН-МЫШЛЕНИЕ В БИЗНЕСЕ от разработки новых продуктов до проектирования бизнес-моделей

7.2. • Brainstorming Генерация идей

7.2.1. Мозговой штурм

7.2.1.1. Групповой

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

7.2.1.1.2. Каждый участник работает над собственной картой мышелния. Выполняются 2-6 пункты индивидуального мозгового штурма

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

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

7.2.1.1.5. После инкубации команда должна повторить 2 и 3 этапы. То есть сначала каждый участник индивидуально работает с коллективной картой, дополняя её свежими ассоциациями, а потом объединаются карты всех участников в одну общую. После объеденения карт происходит вторичный обмен идеями и доработка финальной карты.

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

7.2.1.2. Индивидуальный

7.2.1.2.1. Определить задачу или цель

7.2.1.2.2. Напсать задачу в центре листа

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

7.2.1.2.4. Развивать каждую их этих идей, разделить каждую мысль на несколько уровней

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

7.2.1.2.6. Инкубация.

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

7.2.1.2.8. Последним этапом будет анализ всех идей и поиск решения поставленной задачи

7.2.2. Мозговой штурм

7.2.2.1. Сформировать цель, проблему

7.2.2.2. Провести разминку

7.2.2.2.1. Канцелярская скрепка

7.2.2.2.2. Время 2-3 минуты

7.2.2.2.3. 20-30 вариантов

7.2.2.3. Провести сам мозговой штурм

7.2.2.4. Структурировать полученную информацию Провести анализ

7.2.2.5. Действовать!

7.2.3. Молчаливый мозговой штурм

7.2.3.1. Начинается генерация идей с формулировки, темы, цели, проблемы:

7.2.3.1.1. Каждый берет пачку стикеров и пишет 20-40 идей, все, что приидет в голову.

7.2.3.1.2. От банальностей, которые точно будут, до абсурда.

7.2.3.1.3. Просто, чтобы разогнаться.

7.2.3.2. Затем идеи структурируются и обсуждаются:

7.2.3.2.1. Находки озвучиваются и развиваются

7.2.3.2.2. Использовать принцип «Да, и…»

7.2.4. Чтобы набрать как можно больше идей, нужно:

7.2.4.1. Исключить критику.

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

7.2.4.2. Создать позитисную атмосферу

7.2.4.2.1. Расслабтесь, дружите, поддерживайте друг друга.

7.2.4.2.2. Особенно, если в группу есть начальник и подчиненные

7.2.4.3. Собрать разнопрофильных игроков

7.2.4.3.1. Хорошо, когда в обсуждении участвуют люди с разным опытом

7.2.4.4. Записывать идеи

7.2.4.5. Не отходите от темы

7.2.4.6. - Скорость

7.2.4.7. - Остутствие оценочных суждений

7.2.4.8. - Приветствие абсурдных и сумашедших идей

7.2.4.9. - Смешивание и дополнение уже существующих идей

7.2.4.10. Создавать свои идеи на основании идей других

7.2.4.10.1. Принцип «Да, и…»

7.2.4.10.2. Это правило очень важно соблюдать, поскольку оно обеспечивает участие каждого человека в проработке предложенной идеи и помогает развать ее.

7.2.4.11. Использоать принцип «да и …»

7.2.4.11.1. Прием, когда вы безусловно принимаете идею коллеги и развиваете ее.

7.2.4.11.2. Все любят свои идеи и отрицают чужие

7.2.4.11.3. Нужно натринеровать внутреннего цензора, чтобы услышав чужую мысль, не говорить:

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

7.2.5. Концентрировать внимание и умение слушать — эти навыки особенно важны для полноценного сотрудничества.

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

7.2.7. искать более разумные идеи

7.2.8. и преходить к выбору лучших

7.2.9. Эдвард де Боно «Шесть шляп мышления». Техника мозгового штурма

7.2.9.1. Статья

7.2.9.2. Mind Map

7.3. • Mind Maping Работа с ителект картами

7.3.1. Программы

7.3.1.1. MindJet

7.3.1.1.1. Сайт с информацией об интелект картах

7.3.1.1.2. Видео-тренинг MindJet - 10 шагов к результату Автор: Сергей Бехтерев

7.3.1.2. Xmind

7.3.1.3. MindMeister

7.4. • Visualization Визуализация

7.4.1. Как визуализация помогает повысить личную эффективность?

7.4.1.1. 1. Рисунки чтобы хотеть и достигать

7.4.1.2. 2. Визуализация чтобы помнить

7.4.1.3. 3. Рисунки и схемы, чтобы понять и сориентироваться

7.4.1.4. 4. Рисунки чтобы объяснить

7.4.1.5. 5. Рисунки как способ включить креатив

7.4.2. Видеотренинг "Бизнес-рисунок"