Процес дизайну застосунку для приготування кави

Це початок проєкту, над яким мені зараз цікаво попрацювати у вільний від роботи час. Зараз я користуюсь хорошим застосунком, який хочу взяти за основу, щоб зайняти себе.


Я вже давно цікавлюся кавовою культурою, пробую різні зерна, рецепти та способи заварювання. Вдома люблю заварювати в звичайній пластиковій воронці. Зазвичай у мене було один-два базових рецепти, якими я користувався щодня.

Останнім часом мене трохи більше затягнуло в деталі та тонкощі — дякую моєму доброму другу Саші.

Я пробував зберігати рецепти на телефоні, записувати в паперовий блокнот, але все це працювало не дуже добре для мене. Згодом я знайшов застосунок, який повністю вирішує нагальні проблеми. У ньому є популярні рецепти, таймер, що допомагає вчасно та правильно заливати воду й витримувати пропорції, можна навіть додавати опис кави, яку готуєш, і вести щоденник. Застосунок зроблений дуже добре й виконує свою задачу, але візуальний дизайн, на мою скромну думку, потребує покращень.

Дуже рекомендую цей застосунок — Timer.Coffee. Круті рецепти, великий вибір способів заварювання та зручний таймер.

У мене давно не було проєкту поза роботою. Звідкись з’явилася мотивація, і я подумав, що спробую зробити свою версію дизайну для улюбленого застосунка. Що з цього вийде — поки не знаю…

Спочатку я оновив екран таймера. Я хочу, щоб у цього застосунка з’явився стиль та характер, а акцент був на таймері та поточному кроці.

Екран таймера для кавового застосунка

Зараз працюю над екраном рецепту. Можна запакувати інформацію про рецепт та додаткові можливості в більш компактну форму — пробую це зробити:

Екран рецепту кавового застосунка

  1. Додавання кави можна зробити більш компактним та інформативним, без сильного акценту, і додати до інших налаштувань.
  2. Більший акцент на базові налаштування поточного рецепту: час, температура та помел.
  3. Опис рецепту не настільки важливий, щоб віддавати йому стільки простору. Якщо хочеться заглибитись в історію, можна натиснути й почитати більше.
  4. Додавання в обране, перегляд відео та повний покроковий рецепт переїхали в іконки зверху. Повний таймлайн рецепту тепер видно — раніше він був прихований за межами екрана.
  5. Налаштування рецепту можна приховати в окреме модальне вікно, яке відкривається за потреби.

Я зібрав простий прототип, щоб можна було побачити, як це працює в русі.

Навігація внизу — це дуже зручно, адже тягнутися постійно вгору важко. Зараз це поступово стає звичайною практикою, бо платформи починають переносити навігацію, пошук та інші інтерактивні частини інтерфейсу донизу. Усі, хто не боявся робити це, коли це ще не було мейнстрімом, заслуговують на особливу повагу.

Багато над чим треба працювати, але початок мені подобається й дуже надихає продовжувати.