Дизайн приложение для «приложение», о которой написали в трибунах vc.ru

Всем привет, меня зовут Салахиддин. Я UI/UX дизайнер и делаю дизайн приложений, чтобы людям было удобно ими пользоваться.

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

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

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

Дизайн, которая сделала та девушка
Дизайн, которая сделала та девушка
Не обращайте внимание, это для обложки статьи
Не обращайте внимание, это для обложки статьи
Дизайн приложение для «приложение», о которой написали в трибунах vc.ru

1. Самый первый экран

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

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

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

Дизайн приложение для «приложение», о которой написали в трибунах vc.ru

2. Экран выбора сложностей и тем слов

Вместе с названием темы поставил соответствующий стикер/эмодзи. Мне кажется, что это «дешевый» ход, но так как тем больше ста, не советую нанять иллюстратора. Да и стикеров хватит, чтобы поставить их на все темы.

Дизайн приложение для «приложение», о которой написали в трибунах vc.ru

3. Сам экран кроссворда

Это важный экран, которого человек будет видеть чаще всего после экрана: «купить подписку». Важно, чтобы он не отвлекал от разгадывание кроссворда и был чистым. Поэтому добавил расстояние (воздух) между квадратами и кажется что хотя-бы чуть решил задачу.

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

Мог бы добавить и иконки, но мне было лень
Мог бы добавить и иконки, но мне было лень

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

Поддержите меня, если у вас есть Юмани:

88
13 комментариев

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

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

Насчёт экрана кроссворда я бы провела A/B тестирование, потому что это смело и может не отпугнуть любителей кроссвордов, которые привыкли к стандартному изображению.

2

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

А так молодец что помог человеку.

1

Мне цвет показался нормальным и приятным, но наверное вы правы, если глазам неприятно! Но как мне узнать что такое "дружелюбные" цвета, можно узнать?

Неплохо, но заголовок неграмотно написан, вообще не понятно о чем речь.

1

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

Ну такое. Шаблонное.
Переделать.

1

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

1