Насмотренность 2

Насмотренность

Модуль 2. Урок 3

Open Ended

Что такое насмотренность?

Для того чтобы насматриваться осознанно, тебе понадобится всего один инструмент. Это вопрос «почему».

Почему дизайнер выбрал именно этот цвет? Почему мне это нравится? Почему это решение правильное? ​

Как анализировать чужие работы​

​Нравится

Не нравится​

​Какую задачу решал дизайнер?

​Решил ли он её?

Как можно решить лучше?

Где это может пригодиться?

​Почему?

Open Ended

Неужели нельзя было выбрать какой-нибудь более интересный основной цвет вместо чёрного?

Open Ended

Нормально ли, что на одном экране столько фотографий? А как же акцент?

Open Ended

Почему у квадратных карточек на первом экране именно такие цвета?

​Задание

• зайди на любой сайт из нашей подборки ресурсов

• выбери 1-2 примера

• попробуй проанализировать их

​Теперь мы будем не просто изучать, как устроены работы, но прикидывать, что можно изменить в их продуктах, чтобы сделать их лучше.

Что здесь можно улучшить?

Poll

Вот схема космического скафандра. Как ты думаешь, что тут не так?

• Фон слишком тёмный.

• Непонятные подписи.

Poll

А что не так с этой схемой выбора мест?

• Слишком яркий зеленый цвет

• Места не пронумерованы

• Логотип слишком большой

• Непонятно, сколько стоит билет

Poll

Это форма обратной связи на сайте, посвящённом путешествиям на Марс. Что здесь стоило бы поправить?

• Фотография какая-то мрачная

• Поля формы почти не видны

• Цвет кнопки должен быть ярче

Poll

А это приложение для путешествий. Что тут стоило бы поправить?

• Деление туров на «Популярные», «Новые» и т.д. — лишнее.

• Надписи на фото плохо видны.

• Выбор языка в верхнем правом углу не нужен — это же туры по России.

Кради как дизайнер

Итак, давай возьмём несколько работающих дизайн-решений и посмотрим на них под новым углом.​

Poll

Свайп из Tinder подойдёт...

• Для выбора квартиры или дома в приложениях для бронирования

• Для записи к врачу

• Для оценки сотрудников в отделении банка

• Чтобы забронировать самокат

Poll

Формат короткого видео, как в Tik-Tok, можно использовать...

• Для новостного портала

• Для кулинарного сайта

• Для бьюти-блога

• Для сайта с юридическими услугами

• Для сервиса по оказанию психологической поддержки

Poll

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

• Запустить голосовой ассистент (например, Алиса)

• Человек вернется на главный экран приложения

• Отправится сообщение в чате

• Совершится платеж по карте

​Задание

Покажи, как может выглядеть твоё будущее приложение, и каким функционалом должен быть наполнен каждый экран.

​

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

​Задание

Подсказки:

• используй при поиске названия экранов;

• ищи примеры с помощью словосочетаний «слушаю музыку», «ищу предложения», «кладу в избранное»;

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

• количество референсов под каждый экран не ограничено.

​Задание

Что конкретно надо сделать:

1. Вбей на любом ресурсе из нашей подборки названия экранов на русском и английском языках, сохрани понравившиеся примеры.

2. Собери в Google Презентации лучшие примеры для твоего приложения в виде схемы.

3. Подпиши каждую серию примеров названием экрана, которому она соответствует.

4. Коротко обоснуй свой выбор справа от каждого примера.