Интерфейс для трех платформ QIWI
Гонорар:35 000 Р.-
Срок:1м. 00с.
Решений:26
Просмотры брифа:3901
Решений:26
Просмотры брифа:3901
Описание питча
Нужно предложить серию трех интерфейсов для:
- терминала QIWI;
- сайта (лендинга);
- приложений.
чтобы все смотрелись цельно, в единой концепции, стиле, были узнаваемыми и современными.
Update брифа
Коллеги, общий комментарий:
очень мало современных концепций в интерфейсе
примеры таких концепций:
- material design (Тинькоф приложение, сайт) https://ru.pinterest.com/sevranty/ui-material-design/
- карточки https://ru.pinterest.com/pin/519884350714511500/
- иллюстрации (Сбербанк приложение)https://ru.pinterest.com/pin/478929741600568705/
- устаревающее 'стекло с размытием' (Альфа-банк приложение, сайт)https://ru.pinterest.com/pin/355221489335704084/
- фотография интегрированная в фон (Рокетбанк приложение)https://ru.pinterest.com/pin/139119075967021772/
вот еще огромная подборка http://theultralinx.com/tag/ui/
Бриф можно ужать до такого варианта: взять концепцию и предложить удобную и приятную для пользователя интеграцию во все три платформы, так чтобы они все воспринимались как продукты одной компании
///////////////////////////
У QIWI есть терминалы, сайт кошелька (Visa QIWI Wallet), лендинг, приложение для iPhone, Android, WinPhone. Сейчас дизайн всех продуктов не выглядит согласованным. Например, на терминалах синий фон и плитка, а в приложении оранжевые кружки.
Задача:
Предложите концепцию общего визуального дизайна интерфейсов QIWI, решающую проблему согласованности. Что объединит терминал, сайт, приложение?
Мы ожидаем что дизайн будет:
- современным,
- узнаваемым на всех платформах, но учитывать их особенности,
- визуально приятным.
В приложенных файлах варианты, которые уже у нас есть. Хотелось бы увидеть новые идеи и предложения в вашем дизайне: https://www.dropbox.com/sh/0t3nngphf21qgau/AABTOIg7u__HjI0Ue_UTtbyAa?dl=0
Решение показать на примере:
- Главный экран терминала с рекламой и сохранением всех кнопок,
- Главная сайта — видимая часть экрана лендинга,
- Главный экран приложения (iOS или Android на выбор).
Свойства
-
Женственный Мужественный
-
Молодой Зрелый
-
Роскошный Экономичный
-
Современный Консервативный
-
Игривый Серьезный
-
Простой Комплексный
-
Утонченный Заметный
Формат файла
PNG, PDF, PSD, другие18:41, 18/04/16
Дмитрий А.
Коллеги, жаль, но ни одно из предложенных решений нам не подошло. Ожидался существенно другой уровень решений — более современных стилистических решений и смелых приёмов, способных выделить продукт на фоне конкурентов.
Лучшей из предложенных признана концепция Ярослава. По критериям чистоты интерфейса и общей узнаваемости на всех платформах. Попробуем с автором дотянуть его решение по недостающим параметрам.
Всем спасибо за участие!
18:33, 18/04/16
GoDesigner
Друзья, выбран победитель. Им стал #28. Мы поздравляем автора решения и благодарим всех за участие. Если ваша идея не выиграла в этот раз, то, возможно, в следующий вам повезет больше — все права сохраняются за вами, и вы можете адаптировать идею для участия в другом проекте!
Подробнее читайте тут: http://godesigner.ru/answers/view/51
Подробнее читайте тут: http://godesigner.ru/answers/view/51
14:17, 12/04/16
GoDesigner
@Дмитрий А., срок проекта подошел к концу! Дизайнеры больше не могут предлагать решения и оставлять комментарии! Настал момент анонсировать победителя. У вас есть 4 дня на выбор лучшего решения. Выбрав лучшее, вы получите возможность внесения поправок и время на получение исходников.
14:03, 12/04/16
8:35, 12/04/16
6:19, 12/04/16
4:43, 12/04/16
21:25, 11/04/16
7:44, 11/04/16
1:13, 11/04/16
16:25, 10/04/16
14:37, 09/04/16
22:32, 08/04/16
19:23, 08/04/16
10:00, 08/04/16
Дмитрий А.
#31, Александр, спасибо за вариант.
Очень пусто выглядит сайт. На лендинге мы стараемся заинтересовать пользователей услугами кошелька.
На терминале выглядит будто он принадлежит скайпу. Тем не менее идея с баннерным бэкграундом хорошая. Возможно стоит развить и представить, что интерфейс может занимать меньше места, а статичная картинка станет рекламным ВИДЕО-роликом.
9:51, 08/04/16
Дмитрий А.
#29, Александр, спасибо. Но всё ещё очень сумбурно.
Очень много места отжирают логотипы QIWI.
Призываю ещё раз обратится к обновленному брифу и посмотреть референсы.
Вот например подборка лондонского дизайнера: http://theultralinx.com/2015/12/ui-design-by-balraj-chana/
Обратите внимание, как структурировано, логично и приятно он работает с большим наборов цветов в интерфейсе.
9:33, 08/04/16
Дмитрий А.
#28, Ярослав, приятная концепция. Аккуратно и стилистически выдержано на всех платформах.
Единственное смущают скевоморфичные иконки.
17:26, 07/04/16
Дмитрий А.
#31, Александр, спасибо за вариант.
Очень пусто выглядит сайт. На лендинге мы стараемся заинтересовать пользователей услугами кошелька.
На терминале выглядит будто он принадлежит скайпу. Тем не менее идея с баннерным бэкграундом хорошая. Возможно стоит развить и представить, что интерфейс может занимать меньше места, а статичная картинка станет рекламным ВИДЕО-роликом.
13:32, 07/04/16
Дмитрий А.
#29, Александр, спасибо. Но всё ещё очень сумбурно.
Очень много места отжирают логотипы QIWI.
Призываю ещё раз обратится к обновленному брифу и посмотреть референсы.
Вот например подборка лондонского дизайнера: http://theultralinx.com/2015/12/ui-design-by-balraj-chana/
Обратите внимание, как структурировано, логично и приятно он работает с большим наборов цветов в интерфейсе.
11:10, 06/04/16
Дмитрий А.
#28, Ярослав, приятная концепция. Аккуратно и стилистически выдержано на всех платформах.
Единственное смущают скевоморфичные иконки.
7:31, 05/04/16
19:52, 04/04/16
Дмитрий А.
#21, Татьяна спасибо.
Приятный побор цветов. Интересное решение с анимированными кругами. Напомнило одну из работ Лагуты: https://www.behance.net/gallery/33166863/Deals-App
Возможно стоит отказаться от стрелок, чтобы усилить акцент на основную узнаваемость. Сейчас стрелки сильно спорят с кругами.
19:44, 04/04/16
Дмитрий А.
#22, Владислав, очень здорово, что решили показать интерфейс терминала непосредственно в кожухе терминала.
Плюс вашего концепта, в том что он не выглядит сложным.
Возможно интерфейс станет лучше, если убрать такие плотные блики и чуть снизить толщины обводок.
Блики немного напоминают виджет загрузки. Что если действительно обыграть желоба (обводки) дополнительными виджетами о состоянии счета или текущем статусе платежа.
19:38, 04/04/16
Дмитрий А.
#23, Михаил, спасибо.
В целом концепт с темным фоном понятен. Хотя не понятно, почему экран истории на мобильных оставили белым, а на лендинге вдруг появился светло-серый фон.
Может тогда и нет смысла строить смысл концепта на цветовом решении фона?
Вместо этого возможно усилить общую узнаваемость через квадратные формы. попробовать через них донести современный стиль подачи информации в интерфейсах.
Может быть кубы скругляли углы по клику на сайте или тапу на мобильных и терминалах.
19:18, 04/04/16
Дмитрий А.
#24, Олег, хорошая мысль с умными карточками.
Предлагаю подумать, что если интерфейс не настраивался бы пользователем, а сам подстраивался под него по мере совершения через него платежей и переводов.
Что если по клику на карточку она переворачивалась, давая больше информации? Как помочь новичку понять, что карточка двустороняя?
Странно, что на мобильных голубой фон, а на сайте белый. В этом есть смысл?
Сейчас это плохо влияет на параметр узнаваемости.
19:00, 04/04/16
Дмитрий А.
#25, Очень выгодно подошёл баннер под цвет.
Не будет ли пестрить цветами интерфейс, когда баннер будет не в золотых цветах?
18:58, 04/04/16
Дмитрий А.
#26, Александр, извините за задержку с комментарием.
+ интересное решение с адаптацией иконок под форму логотипа. Особенно поиск.
Правда не стоит увлекаться, так как у лого будет ребрендинг. Тенденция на упрощение и скругление форм.
- Спорное решение с выбором шрифта. Расположение элементов выглядит несколько сумбурно. Часто не хватает "воздуха". Аккуратность в оформлении и структурированная сетка добавила бы хороших плюсов в вашу работу.
Цвет вписался не плохо. Но как его использовать в рамках общего оформления интерфейса? По какой логике применять?
Лендинг выглядит пустовато, пока что.
5:38, 03/04/16
Дмитрий А.
#26, Александр, извините за задержку с комментарием.
+ интересное решение с адаптацией иконок под форму логотипа. Особенно поиск.
Правда не стоит увлекаться, так как у лого будет ребрендинг. Тенденция на упрощение и скругление форм.
- Спорное решение с выбором шрифта. Расположение элементов выглядит несколько сумбурно. Часто не хватает "воздуха". Аккуратность в оформлении и структурированная сетка добавила бы хороших плюсов в вашу работу.
Цвет вписался не плохо. Но как его использовать в рамках общего оформления интерфейса? По какой логике применять?
Лендинг выглядит пустовато, пока что.
13:33, 31/03/16
Дмитрий А.
#25, Очень выгодно подошёл баннер под цвет.
Не будет ли пестрить цветами интерфейс, когда баннер будет не в золотых цветах?
13:00, 31/03/16
GoDesigner
Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.
20:07, 30/03/16
Дмитрий А.
#22, Владислав, очень здорово, что решили показать интерфейс терминала непосредственно в кожухе терминала.
Плюс вашего концепта, в том что он не выглядит сложным.
Возможно интерфейс станет лучше, если убрать такие плотные блики и чуть снизить толщины обводок.
Блики немного напоминают виджет загрузки. Что если действительно обыграть желоба (обводки) дополнительными виджетами о состоянии счета или текущем статусе платежа.
18:57, 30/03/16
Владимир Ф.
#20, Спасибо еще раз за концепт!
Как я понял основную идею: цветные карточки с тенью
1) современное
3,5 из 5
- получилось показать карточки на всех платформах
- на сайте реализации выглядит чуть устаревшей из-за сильных теней на всех страницах
- на мобильном тоже такие тени сейчас не используют
2) узнаваемым на всех платформах, но учитывает их особенности
4 из 5
Узнаваемость ок, но проигнорированы особенности всех платформ
- на мобильных такие тени сильно перегружают
- содержимое карточек одинаковое везде, на самом деле одинаковых почти не будет, желательно адаптировать под реальные данные
3) визуально приятное
4 из 5
- приятное общее впечатление, первое впечатление тоже, есть эмоциональность
- из сильных минусов работа с текстом и грубые тени как снаружи так и внутри плашек
- страницы сайта очень очень тяжелые с такими тенями и фоновыми заливками плашек
- голубоватый фон при длительном рассмотрении раздражает, плюс его нет в продуктах QIWI
18:44, 30/03/16
Владимир Ф.
#19, Михаил, спасибо за вариант!
Большая часть комментариев из варианта 9
Основное: нет связи между тремя платформами, как будто разные компании делали
18:37, 30/03/16
Владимир Ф.
#18, Александр, спасибо
Как я понял идею концепта: фото на фоне
1) современное
3,5 из 5 сам концепт с фото
исполнение на отдельных платформах с недочетами
- на мобильном все-таки это разнородные функции + навигация по разделам приложения, в виде списка не подходит
2) узнаваемым на всех платформах, но учитывает их особенности
2 из 5
-т.к. фото разные, а кроме фото нет общей связи между всеми платформами
-на сайте ожидается чуть больше информации о сервисе, либо текстом либо фото, сейчас похоже на админку
-нет эмоциональной связи между фото и сервисом/продуктами, проще говоря они не совсем подходят
- на терминале все-таки надо четче обозначать кликабельные элементы, часть аудитории там по-другому не поймет что нажимать
3) визуально приятное
3,5 из 5
шрифтовая композиция невыразительная
на мобильном одинаковые невыразительные иконки " пополнить, вывести, перевод" заставляют каждый раз перечитывать всю строчку
18:20, 30/03/16
Владимир Ф.
#16, #17,
Спасибо за концепты!
Общий комментария для
не смог четко найти что-то общее между всеми платформами
1) современное
4 из 5
отдельно на каждом интерфейсе есть современные элементы
- карточки на терминале
- баннер по всей ширине на терминале и мобильном
- главный экран мобильных выглядит современным
- плиточная тема на сайте в целом держиться
2) узнаваемым на всех платформах, но учитывает их особенности
2 из 5
основной минус - почти нет ничего общего между платформами
3) визуально приятное
3 из 5
В целом визуально на каждой платформе все выглядит неплохо
отдельные минусы, которые занижают оценку
- грязный цвет баннера с рыбным контентом
- безэмоциональный терминал и мобильный
17:31, 30/03/16
Владимир Ф.
#15, Артем, спасибо!
Как я понял концепцию: синий фон, оранжевые круги
1) современное
3 из 5
Большая круглая иконка в прямоугольной карточке
2) узнаваемым на всех платформах, но учитывает их особенности
3 из 5 по терминалу и мобильному
- На терминале нет рекламы
- Сайт совсем без эмоциональной части, выглядит как вход в админку
3) визуально приятное
2 из 5
- Сочетание оранжевого и синего фона местами требует теней, без теней режет глаз
- Ощущение что это продукты государственного сервиса, дизайн ровный, без эмоций
16:06, 30/03/16
Владимир Ф.
#13, Спасибо!
Треугольник как общий элемент - ок,
но для кнопок он не подходит
Комментарий такой же как и для варианта 2
1) современное
2 из 5
интерфейсные решения (кнопки круглой формы построены по кругу от общего центра) похожи на интерфейсы оболочек для установки игр из 2008 года, сейчас мы не можем их использовать в мобильном приложении или на терминале
16:04, 30/03/16
Владимир Ф.
#10, Александр, спасибо!
Как я понял основную идею: черный фон, белый текст
1) современное
2 из 5
Сложные тени и градиенты в списке на мобильных платформах в современных интерфейсах не используются
Главный экран мобильного это больше хаб, чем просто список - тут тоже шаг назад
2) узнаваемым на всех платформах, но учитывает их особенности
3 из 5
- Черный везде одинаковый, но для киви предпочтительнее темно синий и оранжевый
- На терминале баннеры получили очень сильный акцент относительно иконок с текстом
- Для терминала все-таки рано делать интерфейс совсем без кнопок
3) визуально приятное
2 из 5
в таком лаконичном варианте важна работа с текстом, сейчас он очень плотный и весь набран капсом
15:56, 30/03/16
Владимир Ф.
#9, Михаил, спасибо за концепт!
1) современное
3 из 5
минусы
- тяжелые тени и гадиенты, особенно не подходят для мобильных
- 2 логотипа на маленьком экране мобильного перебор
2) узнаваемым на всех платформах, но учитывает их особенности
х из 5 по терминалу и мобильному
- терминал - слишком мелкий текст, баннеры и остальные элементы. С ним взаимодействуют с расстояния вытянутой руки, все должно быть крупнее
- нужен сайт для полной оценки
- если убрать тяжелые плашки с тенями с мобильного, то связь между платформами пропадает
3) визуально приятное
3 из 5
- экран терминала получился грязноватым
- нижняя часть экрана мобильного совсем не читается
13:58, 30/03/16
Владимир Ф.
#6,
Юлия, спасибо!
Как я понял основную идею: синий фон и кнопки с белым контуром
1) современное
3 из 5
Выглядит нейтрально, нет того, что можно запомнить
нет современных элементов оформления
фон сделан везде чуть разным
2) узнаваемым на всех платформах, но учитывает их особенности
3 из 5
предпочтительнее использовать общие элементы на главном экране терминала. Его видит больше людей, сейчас вы использовали контурные кнопки только на странице категорий
3) визуально приятное
2 из 5
- визуально слабее текущих интерфейсов
- прозрачное оранжевое лого на синем фоне создает неприятное сочетание
- вариант мобильного без иконок смотрится очень утилитарно
10:18, 30/03/16
Владимир Ф.
#5, Спасибо за этот концепт, вариант 20 ближе к тому, что нужно
Как я понял основную тему: фотография на фоне, контурные рамки, блок из трех кнопок на всех платформах
Общее попадание 2 из 5
1) современное
2 из 5
минусы
- рамками выделены все элементы подряд, поэтому они выглядят избыточными
- интеграция блока "трех кнопок" один в один на мобильный телефон создает ощущение очень старого дизайна, т.к. этот блок совсем не адаптирован для мобильных
- элементы управления ("показать все", иконки на кнопках слева-справа, табы "кошелек/карты/история/поиск") сильно не похожи на те, что используются в мобильных платформах
2) узнаваемым на всех платформах, но учитывает их особенности
х из 5 по терминалу и мобильному
- нужен web тогда можно будет оценить полностью, мобильные и сайт похожи
3) визуально приятное
2 из 5
- фото на фоне шумная, текст с нее читается плохо
- размытие фото неприятное из-за чего трудно оценить всю концепцию
- для мобильного элементы легли плохо на такой активный фон
9:17, 30/03/16
Владимир Ф.
#20, Олег, спасибо за концепт!
4 из 5
Готовлю более полный ответ, после того как отвечу всем, кто выложил раньше
Из основных минусов: концепция плохо легла на мобильный
18:16, 29/03/16
Владимир Ф.
#4, Спасибо за вариант
по вопросам: оптимальнее 2-3 баннера, один большой может быть разделен на 2
Сохранять форму баннеров не требуется, можно сделать их горизонтальными
По концепту - можно развивать
Как я понял основную тему: белая плашка с иконкой, синий фон
1) современное
3 из 5
минусы
- сейчас это больше прямоугольные кнопки чем "карточки"
- непонятно чем отличаются сложенные стопкой карточки от обычных, эта фишка не завязана логически
- блок баланса - не карточка, иконки дезориетируют
2) узнаваемым на всех платформах, но учитывает их особенности
х из 5 по терминалу и мобильному
- нужен web тогда можно будет оценить полностью, мобильные и сайт похожи
- еще такой светло голубого цвета у QIWI нет, либо оранжевый, либо темно-синий, либо белый, серый
3) визуально приятное
2 из 5
-на мобильном компоновка не самая приятная, вот варианты http://tidbits.com/resources/2014-12/Workflows-and-Gallery.png
-на асо жутковатые баннеры, некрасивая комоновка
17:56, 29/03/16
GoDesigner
Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.
12:39, 29/03/16
Владимир Ф.
#18, Александр, спасибо
Как я понял идею концепта: фото на фоне
1) современное
3,5 из 5 сам концепт с фото
исполнение на отдельных платформах с недочетами
- на мобильном все-таки это разнородные функции + навигация по разделам приложения, в виде списка не подходит
2) узнаваемым на всех платформах, но учитывает их особенности
2 из 5
-т.к. фото разные, а кроме фото нет общей связи между всеми платформами
-на сайте ожидается чуть больше информации о сервисе, либо текстом либо фото, сейчас похоже на админку
-нет эмоциональной связи между фото и сервисом/продуктами, проще говоря они не совсем подходят
- на терминале все-таки надо четче обозначать кликабельные элементы, часть аудитории там по-другому не поймет что нажимать
3) визуально приятное
3,5 из 5
шрифтовая композиция невыразительная
на мобильном одинаковые невыразительные иконки " пополнить, вывести, перевод" заставляют каждый раз перечитывать всю строчку
12:18, 29/03/16
Владимир Ф.
Коллеги, проект продлен и ему вернули статус гарантированного, который был ошибочно выключен
16:40, 28/03/16
16:35, 28/03/16
Владимир Ф.
#16, #17,
Спасибо за концепты!
Общий комментария для
не смог четко найти что-то общее между всеми платформами
1) современное
4 из 5
отдельно на каждом интерфейсе есть современные элементы
- карточки на терминале
- баннер по всей ширине на терминале и мобильном
- главный экран мобильных выглядит современным
- плиточная тема на сайте в целом держиться
2) узнаваемым на всех платформах, но учитывает их особенности
2 из 5
основной минус - почти нет ничего общего между платформами
3) визуально приятное
3 из 5
В целом визуально на каждой платформе все выглядит неплохо
отдельные минусы, которые занижают оценку
- грязный цвет баннера с рыбным контентом
- безэмоциональный терминал и мобильный
16:18, 28/03/16
Владимир Ф.
Коллеги, общий комментарий:
очень мало современных концепций в интерфейсе
примеры таких концепций:
- material design (Тинькоф приложение, сайт) https://ru.pinterest.com/sevranty/ui-material-design/
- карточки https://ru.pinterest.com/pin/519884350714511500/
- иллюстрации (Сбербанк приложение) https://ru.pinterest.com/pin/478929741600568705/
- устаревающее 'стекло с размытием' (Альфа-банк приложение, сайт) https://ru.pinterest.com/pin/355221489335704084/
- фотография интегрированная в фон (Рокетбанк приложение) https://ru.pinterest.com/pin/139119075967021772/
вот еще огромная подборка http://theultralinx.com/tag/ui/
Бриф можно ужать до такого варианта: взять концепцию и предложить удобную и приятную для пользователя интеграцию во все три платформы
13:33, 28/03/16
Владимир Ф.
#15, Артем, спасибо!
Как я понял концепцию: синий фон, оранжевые круги
1) современное
3 из 5
Большая круглая иконка в прямоугольной карточке
2) узнаваемым на всех платформах, но учитывает их особенности
3 из 5 по терминалу и мобильному
- На терминале нет рекламы
- Сайт совсем без эмоциональной части, выглядит как вход в админку
3) визуально приятное
2 из 5
- Сочетание оранжевого и синего фона местами требует теней, без теней режет глаз
- Ощущение что это продукты государственного сервиса, дизайн ровный, без эмоций
20:05, 27/03/16
Владимир Ф.
#6,
Юлия, спасибо!
Как я понял основную идею: синий фон и кнопки с белым контуром
1) современное
3 из 5
Выглядит нейтрально, нет того, что можно запомнить
нет современных элементов оформления
фон сделан везде чуть разным
2) узнаваемым на всех платформах, но учитывает их особенности
3 из 5
предпочтительнее использовать общие элементы на главном экране терминала. Его видит больше людей, сейчас вы использовали контурные кнопки только на странице категорий
3) визуально приятное
2 из 5
- визуально слабее текущих интерфейсов
- прозрачное оранжевое лого на синем фоне создает неприятное сочетание
- вариант мобильного без иконок смотрится очень утилитарно
15:00, 27/03/16
GoDesigner
Вы получите 500 рублей на телефон, когда ваши друзья создадут проект на GoDesigner. Узнать подробности и получить ссылку тут: https://www.godesigner.ru/pages/referal
1:33, 26/03/16
Владимир Ф.
#4, Спасибо за вариант
по вопросам: оптимальнее 2-3 баннера, один большой может быть разделен на 2
Сохранять форму баннеров не требуется, можно сделать их горизонтальными
По концепту - можно развивать
Как я понял основную тему: белая плашка с иконкой, синий фон
1) современное
3 из 5
минусы
- сейчас это больше прямоугольные кнопки чем "карточки"
- непонятно чем отличаются сложенные стопкой карточки от обычных, эта фишка не завязана логически
- блок баланса - не карточка, иконки дезориетируют
2) узнаваемым на всех платформах, но учитывает их особенности
х из 5 по терминалу и мобильному
- нужен web тогда можно будет оценить полностью, мобильные и сайт похожи
- еще такой светло голубого цвета у QIWI нет, либо оранжевый, либо темно-синий, либо белый, серый
3) визуально приятное
2 из 5
-на мобильном компоновка не самая приятная, вот варианты http://tidbits.com/resources/2014-12/Workflows-and-Gallery.png
-на асо жутковатые баннеры, некрасивая комоновка
20:33, 25/03/16
Владимир Ф.
#2, Спасибо за вариант!
Основная тема как я понял: оранжевый круг разделенный на части, белый шрифт
1) современное
2 из 5
интерфейсные решения (кнопки круглой формы построены по кругу от общего центра) похожи на интерфейсы оболочек для установки игр из 2008 года, сейчас мы не можем их использовать в мобильном приложении или на терминале
3) визуально приятное
2 из 5
Визуально слабее текущего интерфейса
12:36, 25/03/16
Владимир Ф.
#2, Спасибо за вариант!
Основная тема как я понял: оранжевый круг разделенный на части, белый шрифт
1) современное
2 из 5
интерфейсные решения (кнопки круглой формы построены по кругу от общего центра) похожи на интерфейсы оболочек для установки игр из 2008 года, сейчас мы не можем их использовать в мобильном приложении или на терминале
3) визуально приятное
2 из 5
Визуально слабее текущего интерфейса
11:02, 25/03/16
Владимир Ф.
#1, Спасибо за вариант!
Страницу категорий для терминала можно было не делать, достаточно трех страниц
Как я понял основную тему: синие кнопки, белый фон
1) современное
1 из 5
минусы
- без улучшений от текущего состояния
- тяжелые тени для мобильной версии выглядят устаревшими
- на терминале тоже появились тяжелые тени
2) узнаваемым на всех платформах, но учитывает их особенности
2 из 5
минусы
- на айфоне кнопки круглые, на терминале с острыми углами
- web без улучшений
3) визуально приятное
2 из 5
из минусов
- без улучшений от текущего состояния
10:53, 25/03/16
Владимир Ф.
4) Теперь концепция «Оранжевый» из дропбокса
https://www.dropbox.com/sh/0t3nngphf21qgau/AABtC_fw3HUDx4lFlp6cvJHba/%D0%91%D0%B5%D0%BB%D1%8B%D0%B9%2C%20%D0%B7%D0%B0%D0%BA%D1%80%D1%83%D0%B3%D0%BB%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9?dl=0
Основная тема: оранжевый градиент, белые плашки, белый текст
Увы, оранжевый фон на реальном терминале выглядит красным, поэтому заливка все фона в оранжевый на терминале не подходит (именно оранжевый и именно во весь экран)
1) современное
3,5 из 5
из плюсов
- продукты выглядят эмоциональными
- web современная структура страницы, соверменные UI элементы
- на терминале и web современные UI элементы
минусы
- web не готов
- шрифт выглядит устаревшим на терминале, например в кнопке»поиск»
- подача и акценты на странице могут быть лучше
2) узнаваемым на всех платформах, но учитывает их особенности
2* из 5
плюсы
оранжевый узнается везде
плитка на web и терминалах узнается
минусы
- *в реальных условиях, оранжевый фон будет «гулять» по цвету на терминале
- плитка не поддержана на phone
3) визуально приятное
3,5 из 5
из плюсов
- общее впечатление от терминала и сайта
из минусов
- терминал баннер
- web не готов
- местами белый текст плохо читается
- iphone «шумный», нет акцентов
9:31, 25/03/16
Владимир Ф.
3) Следующая концепция "Плитка"
https://www.dropbox.com/sh/0t3nngphf21qgau/AADqnUBGDaRxo1-1MAErZ144a/%D0%9A%D1%83%D0%B1%D0%B8%D0%B7%D0%BC?dl=0&preview=atm_concept.png
1) современное
сложнее чем в других вариантах искать что-то на странице
метростиль в такой реализации уже выглядит устаревшим
2) узнаваемым на всех платформах, но учитывает их особенности
0 из 5
нет вариантов web и iphone
для терминала нет баннеров
нет минимального набора элементов (поиск, информация)
3) визуально приятное
2 из 5
слабые акценты на странице, мы почти не управляем вниманием пользователя
9:21, 25/03/16
Владимир Ф.
2) Теперь разбираю концепцию 'Белый, закругленный' из дропбокса
https://www.dropbox.com/sh/0t3nngphf21qgau/AABtC_fw3HUDx4lFlp6cvJHba/%D0%91%D0%B5%D0%BB%D1%8B%D0%B9%2C%20%D0%B7%D0%B0%D0%BA%D1%80%D1%83%D0%B3%D0%BB%D0%B5%D0%BD%D0%BD%D1%8B%D0%B9?dl=0
Основная тема: белые закругленные плашки с сине-оранжевыми иконками
1) современное
3 из 5
из плюсов
- терминал и web выглядят эмоциональными
- web современная структура страницы, соверменные UI элементы
web
- унылые фото рук сверху, скучный сюжет
2) узнаваемым на всех платформах, но учитывает их особенности
0 из 5
минусы
- web очень далек от терминала
- iphone нет варианта
3) визуально приятное
3,5 из 5
из плюсов
- терминал верхняя часть терминала и первое впечатление от страницы
- web первое впечатление от страницы
из минусов
- терминал правая кнопка-баннер выглядит негармонично
- web синяя кнопка неприятно лежит на темном фоне
- терминал баннеры несогласованы с остальной страницей
9:03, 25/03/16
Владимир Ф.
1) Попробую прокомментировать наши концепции, чтобы было понятнее
'Круги'
https://www.dropbox.com/sh/0t3nngphf21qgau/AABPVp3W-Gi_lqbRUIgRwtKRa/%D0%9A%D1%80%D1%83%D0%B6%D0%BA%D0%B8?dl=0
1) современное
3 из 5
из плюсов
- решение визуально простое
из минусов
- нет эмоциональности
- унылые фотографии людей которые смотрят в мобильные
2) узнаваемым на всех платформах, но учитывает их особенности
3 из 5
из плюсов
- оранжевый круг легко везде разместить и он будет узнаваем
из минусов
- web больше всех выпадает по узнаваемости из трех
- web есть элементы, которые не поддержаны на других продуктах
- iphone нижний баннер с заливкой тоже уникален между платформами
- в iphone фиолетовый цвет притянут и 'не улегся' в интерфейсе
- iphone табы вверху и одинокий значек поиска справа, нетипичное паттерны для этой платформы
3) визуально приятное
3 из 5
из плюсов
- визуально простое
из минусов
- все платформы: акценты на страницах размыты, общее впечатление от дизайна - нейтральное
- web: негармоничный, странца зажатя и некрасивая
- iphone: баннер внизу несогласован с остальным экраном
- терминал: баннеры не согласованы с дизайном страницы
- терминал: иконки на кругах разные и выглядят грубо
9:14, 23/03/16
Владимир Ф.
#1, Спасибо за вариант!
Страницу категорий для терминала можно было не делать, достаточно трех страниц
Как я понял основную тему: синие кнопки, белый фон
1) современное
1 из 5
минусы
- без улучшений от текущего состояния
- тяжелые тени для мобильной версии выглядят устаревшими
- на терминале тоже появились тяжелые тени
2) узнаваемым на всех платформах, но учитывает их особенности
2 из 5
минусы
- на айфоне кнопки круглые, на терминале с острыми углами
- web без улучшений
3) визуально приятное
2 из 5
из минусов
- без улучшений от текущего состояния