Skip to content

Latest commit

 

History

History
43 lines (28 loc) · 3.5 KB

README.md

File metadata and controls

43 lines (28 loc) · 3.5 KB

wish-graph-mobile

Приложение под Android для просмотра рекомендованных NFT по адресу кошелька. Демонстрирует работу API, разработанного на кейс-чемпионате Phystech Business Solutions

Основной репозиторий проекта

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

Демонстрация решения

Видео

Use case

Название: Получение рекомендаций NFT

Описание: Пользователь получает список NFT, рекомендованных системой по адресу кошелька

Предусловия: Приложение установлено и подключение к интернету стабильно

Результат: Рекомендации получены

Триггер: Пользователь открывает приложение

Успешный сценарий:

  1. Пользователь вводит токен кошелька и нажимает на кнопку “Find NFT”
  2. Система отправляет запрос на сервер и выводит progress bar загрузки
  3. Пользователь ожидает
  4. Система получает ответ и выводит список рекомендаций
  5. Пользователь просматривает NFT и нажимает на один из них
  6. Система перенаправляет пользователя на страницу сайта Rarible по адресу https://rarible.com/token/$wallet_address?tab=details

Альтернативные сценарии:

(2.1) Если поле токена не заполнено, то система выводит всплывающую подсказку.

UI/UX impovements

  • Добавлены подсказки: встплывающие Toasts, hint при вводе кошелька и текст в том месте, где позже будет список NFT
  • Кастомный EditText, который меняется, когда находится в фокусе
  • При нажатии на кнопку “Find NFT” появляется Progress bar, поле ввода перестаёт быть в фокусе и убирается клавиатура (фитбек пользователю - наше всё)
  • При появлении списка NFT их можно скроллить в полноэкранном режиме, то есть скрывается заголовок с вводом кошелька
  • Status bar и Navigation bar сделаны прозрачными и не закрывают контент