<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>UXPUB 🇺🇦 Дизайн-спільнота: Obriy Design Büro</title>
    <description>The latest articles on UXPUB 🇺🇦 Дизайн-спільнота by Obriy Design Büro (@obriy_design).</description>
    <link>https://ux.pub/obriy_design</link>
    <image>
      <url>https://ux.pub/images/UVF9qNbjhURQUPB9ROMOSn9SyZHVK3xb3RCS1E1o9ek/rs:fill:90:90/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy91/c2VyL3Byb2ZpbGVf/aW1hZ2UvODM0NS9j/MTljNmFmMC0xYWUy/LTQxZTctYjBjZi0x/NGYwNjNkMzY0MTgu/cG5n</url>
      <title>UXPUB 🇺🇦 Дизайн-спільнота: Obriy Design Büro</title>
      <link>https://ux.pub/obriy_design</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://ux.pub/feed/obriy_design"/>
    <language>en</language>
    <item>
      <title>Bikago. Редизайн та тестування прототипу</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Wed, 01 May 2024 16:02:01 +0000</pubDate>
      <link>https://ux.pub/obriy_design/bikago-riedizain-ta-tiestuvannia-prototipu-2kgm</link>
      <guid>https://ux.pub/obriy_design/bikago-riedizain-ta-tiestuvannia-prototipu-2kgm</guid>
      <description>&lt;h2&gt;
  
  
  Короткий огляд проєкту
&lt;/h2&gt;

&lt;p&gt;Bikago — одна з найбільших компаній прокату мотоциклів і скутерів у Південно-Східній Азії. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Запит клієнта:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;редизайн вебсайту Bikago&lt;/li&gt;
&lt;li&gt;створення мобільної версії сайту&lt;/li&gt;
&lt;li&gt;оптимізація процесу оренду на сайті &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Короткий огляд робочого процесу:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Desk research&lt;/li&gt;
&lt;li&gt;Створення UX прототипу&lt;/li&gt;
&lt;li&gt;Тестування прототипу&lt;/li&gt;
&lt;li&gt;Новий дизайн інтерфейсу користувача&lt;/li&gt;
&lt;li&gt;Створення набору всіх компонентів&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Desk research
&lt;/h2&gt;

&lt;p&gt;Ми розпочали наше дослідження з &lt;strong&gt;інтерв'ю з клієнтом&lt;/strong&gt;. В процесі бесіди ми отримали важливі деталі, які в майбутньому вплинули на робочий процес: дані про цільову аудиторію та конкурентні переваги сервісу. &lt;/p&gt;

&lt;p&gt;Також ми визначили больові точки, які хвилюють потенційного орендатора мотоциклів на Балі та Пхукеті. Отримана інформація лягла в основу user persona.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Аналіз прямих і непрямих конкурентів&lt;/strong&gt; дозволив визначити слабкі та сильні сторони сервісів прокату.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/woi2a3R4rKZasetDE0OhEhoTH7VOET4p9r0KKswwXwM/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81aWln/cWc2YmJpeHdtbXU4/cTQ3bS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/woi2a3R4rKZasetDE0OhEhoTH7VOET4p9r0KKswwXwM/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81aWln/cWc2YmJpeHdtbXU4/cTQ3bS5wbmc" alt="Image description" width="800" height="658"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Клієнт надав доступ до &lt;strong&gt;Google Analytics&lt;/strong&gt; сайту Bikago. За допомогою аналітики ми знайшли місця, де сайт втрачав користувачів. Іншим важливим маркером став bounce rate. Показник відмов показав, що сервіс не відповідає очікуванням і потребам користувачів. Ці висновки додатково підтвердив аналіз відгуків користувачів.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/x4-w6fvDRkzO6paocUsVodqxGLgijFXPu4DewVm4Oho/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9idTJl/ZXlrb3B6NmlkeWw4/ZWhvMy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/x4-w6fvDRkzO6paocUsVodqxGLgijFXPu4DewVm4Oho/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9idTJl/ZXlrb3B6NmlkeWw4/ZWhvMy5wbmc" alt="Image description" width="800" height="511"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Рішення, які ми запропонували клієнту&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;На основі проведеного аналізу, наша команда запропонувала наступні рішення:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;для забезпечення швидкого та зручного досвіду - адаптація сайту під мобільні пристрої та планшети&lt;/li&gt;
&lt;li&gt;створення чітких і переконливих CTA, які спрямовують користувачів виконати цільову дію на сайті&lt;/li&gt;
&lt;li&gt;створення інтуїтивно зрозумілого меню навігації.&lt;/li&gt;
&lt;li&gt;зробити текстовий вміст легким для читання&lt;/li&gt;
&lt;li&gt;створити візуально привабливий дизайн, який заохочує користувачів відвідувати сайт Bikago&lt;/li&gt;
&lt;li&gt;використовувати інтерактивні елементи для залучення користувачів&lt;/li&gt;
&lt;li&gt;додати відгуки клієнтів для зміцнення довіри та заохочення майбутніх клієнтів&lt;/li&gt;
&lt;li&gt;контент має відповідати потребам і проблемам цільової аудиторії&lt;/li&gt;
&lt;li&gt;створити інформативні та зрозумілі сторінки помилок&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Створення UX прототипу
&lt;/h2&gt;

&lt;p&gt;На цьому етапі ми повністю створили прототип мобільної версії сайту, а потім розширили її до десктопних девайсів. &lt;/p&gt;

&lt;p&gt;За даними аналітики клієнта, 90% користувачів відвідують сайт через мобільні пристрої. Саме тому першочергово ми створили саме мобільну версію сайту. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/pde1yNNt7Ac6YfJ9j4zg4g2OHmNKW8ehiSUCZyhHMls/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy94YXB0/a2F1M2xtcTk5MjA2/OHdqdy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/pde1yNNt7Ac6YfJ9j4zg4g2OHmNKW8ehiSUCZyhHMls/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy94YXB0/a2F1M2xtcTk5MjA2/OHdqdy5wbmc" alt="Image description" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Як ми скоротили процес прокату на сайті&lt;/strong&gt;&lt;br&gt;
Стара версія сайту Bikago вимагала від користувачів пройти шість кроків, щоб взяти в прокат мотоцикл. Крім того, користувачі обов'язково повинні були реєструватися на сайті. Ці незручності заохочували частину потенційних клієнтів обирати інші компанії, незважаючи на численні переваги Bikago.&lt;/p&gt;

&lt;p&gt;Ми запропонували скоротити етапи до чотирьох найважливіших і прибрати реєстрацію на сайті. Замість реєстрації - клієнт заповнює адресу електронної пошти під час процесу прокату. Сповіщення про замовлення та чеки надсилатимуться на цю електронну адресу.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/_hc17AyGzPZsDy9kVzxW1fDu77dhSuzY2tV_DphT4hU/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9mYm9h/MmZ1bGl6OW81eno2/c2syYi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/_hc17AyGzPZsDy9kVzxW1fDu77dhSuzY2tV_DphT4hU/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9mYm9h/MmZ1bGl6OW81eno2/c2syYi5wbmc" alt="Image description" width="800" height="343"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Тестування прототипу&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Тестування прототипу — це процес тестування функціоналу реальними користувачами. Метою тестування прототипу була перевірка на зручність та зрозумілість, щоб на початковому етапу проєктування виявити проблемні місця. &lt;/p&gt;

&lt;p&gt;Ми створили прототип процесу прокату та протестували його в фокус-групі.&lt;/p&gt;

&lt;p&gt;Завдяки тестам ми зібрали інформацію про доступність, зручність, заклики до дії, загальну зрозумілість процесу.&lt;/p&gt;

&lt;p&gt;Зібрані відгуки дозволили нам оптимізувати процес. Ми переконалися, що скорочення процесу до чотирьох кроків достатньо.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/Zt04J5hdL534_L5IjM_sEEcrK-hsREhtV0bWDxfhQOI/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9vYW40/dHV4M2p4dXJpN3Uy/OXc0bC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/Zt04J5hdL534_L5IjM_sEEcrK-hsREhtV0bWDxfhQOI/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9vYW40/dHV4M2p4dXJpN3Uy/OXc0bC5wbmc" alt="Image description" width="800" height="300"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Оновлений дизайн інтерфейсу
&lt;/h2&gt;

&lt;p&gt;Ми перетворили текст у візуально привабливий формат, додали більше зображень та візуалізацій. Варто зазначити, що текст не тільки приємний оку та його зручно читати, але і підготовлений для майбутньої SEO-оптимізації.&lt;/p&gt;

&lt;p&gt;Для клієнтів, які шукають оренду на певних островах, ми створили сторінки для конкретних островів із функцією прокату на головному екрані. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/ElNPKud_V6Z6rufTl3Jkc5vlqADFqa9g9XJJF6ETCaU/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy95dm5h/dXJsdWQ2YTQyb3Qy/Zm4yMC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/ElNPKud_V6Z6rufTl3Jkc5vlqADFqa9g9XJJF6ETCaU/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy95dm5h/dXJsdWQ2YTQyb3Qy/Zm4yMC5wbmc" alt="Image description" width="800" height="376"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/bnV76eSgRVFYwQHdQSaB1yW4vFWnpz2uf9X-BXp2bAg/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9nZ2Fh/NDIwNzNlYmdjN3Uz/dDJoNi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/bnV76eSgRVFYwQHdQSaB1yW4vFWnpz2uf9X-BXp2bAg/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9nZ2Fh/NDIwNzNlYmdjN3Uz/dDJoNi5wbmc" alt="Image description" width="800" height="378"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/QzYZBqP8nXIuV5m1nJK_EvNBOG-L_P0tXzTd10tXCdQ/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9vZWlq/cmFpcHdpMm03MHFq/MnBndS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/QzYZBqP8nXIuV5m1nJK_EvNBOG-L_P0tXzTd10tXCdQ/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9vZWlq/cmFpcHdpMm03MHFq/MnBndS5wbmc" alt="Image description" width="800" height="416"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Від мобільної версії до десктопної&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/fAbkVYu66srq_MrXv4boLrO7tqY5OSO7iuewZNgnxjU/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy84Z2xy/a2Vxa245c240d2Zn/ZGZrai5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/fAbkVYu66srq_MrXv4boLrO7tqY5OSO7iuewZNgnxjU/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy84Z2xy/a2Vxa245c240d2Zn/ZGZrai5wbmc" alt="Image description" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Комплексний редизайн дозволив зробити сервіс сучасним та націленим на потреби клієнтів.  Ми оптимізували процес прокату і забезпечили плавну адаптацію мобільної версії до десктопної. &lt;/p&gt;

&lt;p&gt;У майбутньому новий дизайн посилить залучення користувачів і збільшить кількість клієнтів сервісу, що зробить Bikago лідером серед компаній, які надають послуги з прокату мотоциклів на Балі та Пхукеті.&lt;/p&gt;

&lt;p&gt;Посилання на повний &lt;a href="https://www.behance.net/gallery/194983313/Bikago-Rental-Service-UXUI-for-website"&gt;кейс Behance&lt;/a&gt;.&lt;br&gt;
Проект знаходиться на стадії розробки.&lt;/p&gt;

&lt;p&gt;Created by Obriy Design Büro&lt;/p&gt;

</description>
      <category>ux</category>
      <category>ui</category>
      <category>prototype</category>
      <category>cases</category>
    </item>
    <item>
      <title>Короткий гайд по In-depth interview</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Thu, 11 Apr 2024 12:51:12 +0000</pubDate>
      <link>https://ux.pub/obriy_design/korotkii-ghaid-po-in-depth-interview-ceo</link>
      <guid>https://ux.pub/obriy_design/korotkii-ghaid-po-in-depth-interview-ceo</guid>
      <description>&lt;p&gt;Один із найефективніших способів дізнатися про реальні проблеми користувачів - провести in-depth interview (глибинне інтерв'ю).&lt;/p&gt;

&lt;h2&gt;
  
  
  Мета глибинного інтерв'ю
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Глибинне інтерв’ю&lt;/strong&gt; – це техніка збору якісних даних про проблеми, поведінку та почуття користувачів. Ви задаєте питання респондентам для того, щоб отримати відкриті відповіді, які допоможуть створити продукт або покращити існуючий.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;У яких випадках треба проводити глибинне інтерв'ю?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Коли ми не знаємо хто наша цільова аудиторія&lt;/li&gt;
&lt;li&gt;Коли даних з аналітики недостатньо&lt;/li&gt;
&lt;li&gt;Коли треба підтвердити чи спростувати гіпотезу&lt;/li&gt;
&lt;li&gt;Щоб зібрати дані для виявлення потенційних проблем чи незручностей при використанні певного продукту/послуги&lt;/li&gt;
&lt;li&gt;Зібрати дані про больові точки або позитивний досвід&lt;/li&gt;
&lt;li&gt;Керування ризиками: інтерв'ю гарантує, що рішення ґрунтуються на реальних відгуках користувачів&lt;/li&gt;
&lt;li&gt;Щоб спланувати бюджет: дає змогу визначати пріоритетний функціонал у випадку якщо це MVP&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Глибинні інтерв’ю відмінно працюють на ранній стадії створення продукту, але можуть покращити і наявний. Тим не менш, не завжди є потреба звертатися саме до цієї техніки дослідження.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Коли варто обрати іншу техніку дослідження?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Якщо можемо знайти дані в аналітиці &lt;/li&gt;
&lt;li&gt;Якщо збираємося перевіряти UI гіпотезу&lt;/li&gt;
&lt;li&gt;Не варто проводити інтерв'ю перед вторинним дослідженням&lt;/li&gt;
&lt;li&gt;Коли маємо всього лише тиждень на підготовку до глибинного інтерв'ю :)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Як отримати цінні висновки під час проведення інтерв'ю?
&lt;/h2&gt;

&lt;p&gt;По-перше, &lt;strong&gt;дуже важливо якісно підготуватися&lt;/strong&gt;. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Підготуйте сценарій бесіди&lt;/li&gt;
&lt;li&gt;Будьте зосереджені та не відволікайтесь&lt;/li&gt;
&lt;li&gt;Ставте додаткові та уточнюючі запитання&lt;/li&gt;
&lt;li&gt;Попросіть навести приклади з життя&lt;/li&gt;
&lt;li&gt;Не перебивайте, не сперечайтеся та не треба наводити респондента на потрібну вам відповідь &lt;/li&gt;
&lt;li&gt;Якщо інтерв'ю проводите онлайн - запишіть розмову на диктофон або за допомогою сервісів запису дзвінків &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Завжди повідомляйте респонденту, що ви записуєте інтерв'ю&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Як обрати респондента?&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Шукайте серед людей з відповідним досвідом&lt;/li&gt;
&lt;li&gt;Люди без відповідного досвіду, але які готові спробувати, теж підійдуть&lt;/li&gt;
&lt;li&gt;Віддайте перевагу незнайомцям&lt;/li&gt;
&lt;li&gt;Краще не опитувати дизайнерів якщо вони не ваша цільова аудиторія&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Як правильно задавати питання на інтерв'ю?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Порада 1. Це мають бути тільки відкриті питання. Мається на увазі розгорнуті відповіді на питання, а не просто "Так" чи "Ні". &lt;br&gt;
Порада 2. Завжди запитуйте ЧОМУ в кожному важливому твердженні&lt;br&gt;
Порада 3. МОВЧАННЯ з вашого боку – найкращий спосіб спонукати респондента говорити&lt;br&gt;
Порада 4. Не запитуйте кілька речей в одному питанні&lt;br&gt;
Порада 5. Жодних питань про майбутнє, тільки про досвід&lt;br&gt;
Порада 6. Нічого не обіцяйте &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Приклади як краще задавати питання&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://ux.pub/images/DAD9VrZUs-HfzXTFv8ug16lPs_9PRUN33wDAYPUCV30/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy85MGt4/dHprMGVkMjVpbW96/a3FmdC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/DAD9VrZUs-HfzXTFv8ug16lPs_9PRUN33wDAYPUCV30/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy85MGt4/dHprMGVkMjVpbW96/a3FmdC5wbmc" alt="Приклад як задавати питання" width="800" height="653"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ux</category>
      <category>analytics</category>
      <category>lifehacks</category>
    </item>
    <item>
      <title>Orus. Додаток для аналізу криптовалют</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Thu, 04 Apr 2024 11:02:32 +0000</pubDate>
      <link>https://ux.pub/obriy_design/orus-dodatok-dlia-analizu-kriptovaliut-3o0i</link>
      <guid>https://ux.pub/obriy_design/orus-dodatok-dlia-analizu-kriptovaliut-3o0i</guid>
      <description>&lt;p&gt;Orus - зручний та гнучкий веб додаток для крипто аналітики.&lt;/p&gt;

&lt;p&gt;Натхненний Bloomberg терміналом, Orus перетворює дані, отримані з блокчейну, в режимі реального часу у зручний для розуміння формат.&lt;/p&gt;

&lt;h2&gt;
  
  
  Про on-chain аналіз та проблеми індустрії
&lt;/h2&gt;

&lt;p&gt;On-chain аналіз - це метод вивчення криптовалют, який використовує дані з їхніх блокчейнів. Завдяки on-chain аналізу можна зрозуміти як поводить себе криптовалюта на ринку (прогноз зміни цін, рівень активності, інвестиційні можливості та багато іншого). &lt;/p&gt;

&lt;p&gt;Існують спеціалізовані платформи, які збирають дані з різних блокчейнів та надають аналітичні звіти та інструменти для аналізу цих даних. Однак, ці платформи мають безліч незручностей, які ускладнюють взаємодію як із самим інструментом, так і з отриманими даними загалом. &lt;/p&gt;

&lt;p&gt;Глобальною метою нашої команди було створення аналітичної платформи, яка задовольнятиме потреби як досвідчених гравців ринку, так і новачків.&lt;/p&gt;

&lt;h2&gt;
  
  
  Короткий огляд проекту Orus
&lt;/h2&gt;

&lt;p&gt;Платформа Orus складається з особистого кабінету, дашбордів, графіків та інструментів гнучкого налаштування. Вхід в особистий кабінет здійснюється через посадкову сторінку.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/2-EJJL9V89n2QCV06n_G-aDYws64CELkl56ZfFH9pTI/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy95bWVn/N2U2eDcxbGowZWVs/aG96dC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/2-EJJL9V89n2QCV06n_G-aDYws64CELkl56ZfFH9pTI/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy95bWVn/N2U2eDcxbGowZWVs/aG96dC5wbmc" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Наші завдання:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Провести вторинне дослідження: проаналізувати інструменти конкурентів, виявити функціональні незручності та проблемні місця. Врахувати помилки конкурентів та перетворити їх у сильні сторони додатку Orus. &lt;/li&gt;
&lt;li&gt;UX дизайн: побудувати інтуїтивно зрозумілий інтерфейс, command line, дашборди. Не перенасичувати функціями, які можуть вплинути на зручність використання.&lt;/li&gt;
&lt;li&gt;Дизайн інтерфейсу користувача: створити візуальний стиль, який виділяє продукт і забезпечуює впізнаваний стиль.&lt;/li&gt;
&lt;li&gt;Дизайн посадкової сторінки. &lt;/li&gt;
&lt;li&gt;UI kit: створення набору всіх компонентів.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Вторинне дослідження
&lt;/h2&gt;

&lt;p&gt;Наша команда ретельно підійшла до аналізу конкурентів. Ми проаналізували функціональні можливості, які пропонують схожі платформи, незручності та слабкі місця, щоб врахувати їх під час проектування. &lt;/p&gt;

&lt;p&gt;І ось що ми помітили в результаті аналізу:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;обмежені можливості фільтрів і параметрів налаштування;&lt;/li&gt;
&lt;li&gt;відсутня функція сортування;&lt;/li&gt;
&lt;li&gt;відсутня можливість створення кастомних дашбордів;&lt;/li&gt;
&lt;li&gt;недостаньо даних на графіках;&lt;/li&gt;
&lt;li&gt;графіки надто складні для розуміння та хаотичні;&lt;/li&gt;
&lt;li&gt;відсутність кольорового маркування на графіках;&lt;/li&gt;
&lt;li&gt;складнощі в налаштуваннях параметрів;&lt;/li&gt;
&lt;li&gt;незручне розташування дашбордів;&lt;/li&gt;
&lt;li&gt;загальний безлад в інтерфейсах.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/BEsrCa_Fh7ggF6Ia-cVs6FcbPVJuzgEZIjJnNmItLiE/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81ODV0/cm56dWJqOThuZ293/ajR6cC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/BEsrCa_Fh7ggF6Ia-cVs6FcbPVJuzgEZIjJnNmItLiE/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy81ODV0/cm56dWJqOThuZ293/ajR6cC5wbmc" alt="Image description" width="800" height="770"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Іншим важливим аспектом робочого процесу був аналіз відгуків користувачів. Ми переглянули відгуки, щоб визначити, що не сподобалося користувачам та врахувати їхню думку під час створення платфори.&lt;/p&gt;

&lt;h2&gt;
  
  
  Архітектура, вайфрейми, функціонал
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Command Line&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/BKf_oZ3oZqbuPInOKt365LfDD5sw-JCntyZXf5UFi_c/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy80ZTI5/cjlzbjhwcmh0MnJx/dHowbi5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/BKf_oZ3oZqbuPInOKt365LfDD5sw-JCntyZXf5UFi_c/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy80ZTI5/cjlzbjhwcmh0MnJx/dHowbi5wbmc" alt="Image description" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Command line є основним елементом управління, який дозволяє користувачеві швидко взаємодіяти з додатком і панелями керування.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Панель інструментів&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/o8lOaUS1nu3ZedUy9gfb-yBQAWCRvC7tX0vN9vN5Bzw/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy82OGh1/OTZ4NWtnYm55OWFn/dHdwbS5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/o8lOaUS1nu3ZedUy9gfb-yBQAWCRvC7tX0vN9vN5Bzw/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy82OGh1/OTZ4NWtnYm55OWFn/dHdwbS5wbmc" alt="Image description" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ми створили універсальну панель інструментів, яка дає користувачам можливість гнучко керувати системою, дозволяючи їм налаштовувати програму відповідно до своїх унікальних потреб.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Дашборди та графіки&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/aU1ORQ9oPca8bTLDlocuZgbtftsumek4-28Hqc99scc/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9mbm40/enM5YWdhZGJkYTV6/enlsZy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/aU1ORQ9oPca8bTLDlocuZgbtftsumek4-28Hqc99scc/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9mbm40/enM5YWdhZGJkYTV6/enlsZy5wbmc" alt="Image description" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Гнучкість, модульність та кастомізація є важливими перевагами, які виділяють Orus серед інших подібних платформ. Ми створили гручку панель керування дашбордами, яка допомагає ефективно впорядковувати дані. Користувачі можуть налаштувати дашборди, перетягуючи потрібні їм елементи. Крім того, вони можуть створювати  та керувати графіками.  Кожен графік розроблено таким чином, щоб забезпечити легкість інтерпретації, що дозволяє користувачам отримувати висновки з представленої інформації.&lt;/p&gt;

&lt;h2&gt;
  
  
  Візуальна складова інтерфейсу
&lt;/h2&gt;

&lt;p&gt;Платформа має свою естетику. Замість яскравих та подекуди агресивних кольорів, ми черпали натхнення в гармонійних тонах природи. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/ELSZmyme8JcbZeLVtSRZVI5uJl_V1uLYvNnaTfcz5Cg/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9iNzM4/ZmQ4MG95NmE1ejVk/dXR0dy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/ELSZmyme8JcbZeLVtSRZVI5uJl_V1uLYvNnaTfcz5Cg/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9iNzM4/ZmQ4MG95NmE1ejVk/dXR0dy5wbmc" alt="Image description" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Тестування кольору&lt;/strong&gt;&lt;br&gt;
Ми провели серію тестів, щоб знайти найкраще поєднання кольорів та контрасту.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/hk8QkZoLMFEVirBTIOAaeGSfzJKj1S9_q0YVvgD1hnA/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy90amh5/N3FzcnNkNDk3NmNr/ZGloNC5qcGc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/hk8QkZoLMFEVirBTIOAaeGSfzJKj1S9_q0YVvgD1hnA/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy90amh5/N3FzcnNkNDk3NmNr/ZGloNC5qcGc" alt="Image description" width="800" height="431"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;В результаті, дані на графіках зчитуються без зайвих зусиль, кольори не змішуються, а загальний дизайн мінімалістичний та приємний оку. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.behance.net/gallery/175143827/UXUI-for-ORUS-on-chain-data-platform"&gt;Посилання на повний кейс Behance.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Детальніше про платформу можна дізнатися &lt;a href="https://orus.info/#"&gt;на офіційному сайті Orus&lt;/a&gt;. Проект знаходиться на стадії розробки. &lt;/p&gt;

&lt;p&gt;Created by &lt;a href="https://obriy.design/"&gt;Obriy Design Büro&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ux</category>
      <category>ui</category>
      <category>blockchain</category>
      <category>cases</category>
    </item>
    <item>
      <title>Тренди в дизайні. Чому це явище має залишитися в минулому?</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Wed, 14 Feb 2024 16:31:36 +0000</pubDate>
      <link>https://ux.pub/obriy_design/triendi-v-dizaini-chomu-tsie-iavishchie-maie-zalishitisia-v-minulomu-4ifo</link>
      <guid>https://ux.pub/obriy_design/triendi-v-dizaini-chomu-tsie-iavishchie-maie-zalishitisia-v-minulomu-4ifo</guid>
      <description>&lt;p&gt;Кожен рік ми бачимо величезну кількість контенту на тему трендів, які будуть популярні в дизайні. Але чи  не виникало у вас думок про те, що тренди не завжди позитивно впливають на індустрію дизайну? &lt;/p&gt;

&lt;p&gt;&lt;em&gt;В цьому дописі дизайнери Obriy Design Büro запропонували свій погляд на тему трендів та поділилися причинами чому не варто мислити категоріями трендів.&lt;/em&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Те, що популярне сьогодні, завтра вже пройдений етап
&lt;/h2&gt;

&lt;p&gt;Дизайн, заснований виключно на гарячих трендах, може призвести до того, що рішення швидко стає застарілим і вимагає частих оновлень, щоб залишатися актуальними.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/jHVuePf9q5rNQv3j4_q527cgX6xiF8NnejIhFmf9e1o/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy83aHJh/NnFrdGljOGRkNTN5/dzFoci5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/jHVuePf9q5rNQv3j4_q527cgX6xiF8NnejIhFmf9e1o/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy83aHJh/NnFrdGljOGRkNTN5/dzFoci5wbmc" alt="Image description" width="800" height="363"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Не кожному бізнесу потрібне модне дизайнерське рішення
&lt;/h2&gt;

&lt;p&gt;Вибір функціонального, візуально привабливого дизайну веб сайту чи додатку для багатьох бізнесів є більш цінним, ніж вибір модних стилів. &lt;/p&gt;

&lt;p&gt;Це пояснюється тим, що окрім естетики, дизайн відіграє важливу роль у досягненні загальних очікувань і цілей бізнесу. &lt;/p&gt;

&lt;h2&gt;
  
  
  Хайпові дизайнерські прийоми не завжди можуть відповідати очікуванням користувачів
&lt;/h2&gt;

&lt;p&gt;Незважаючи на те, що різноманітні візуальні прийоми можуть бути захоплюючими та вражати нашу дизайнерську уяву, вони не завжди зрозумілі звичайним юзерам, які не є професіоналами у дизайні інтерфейсів.  &lt;/p&gt;

&lt;p&gt;Дуже важливо адаптувати вибір прийомів до очікувань користувачів, щоб забезпечити ефективну взаємодію з конкретним дизайн-продуктом.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/6ONHC7vfz2BHj40VB7ZYdDgoJNluXlx5yyRdUoCR7QY/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9tdHI3/dGVxMTl5bjNzcWdn/bGxhai5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/6ONHC7vfz2BHj40VB7ZYdDgoJNluXlx5yyRdUoCR7QY/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9tdHI3/dGVxMTl5bjNzcWdn/bGxhai5wbmc" alt="Image description" width="800" height="491"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Не бійтеся бути унікальними
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Унікальність стає стратегічною перевагою.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Світ наповнений вебсайтами, які ніби як близнюки. &lt;/p&gt;

&lt;p&gt;Гадаємо, ви зустрічали думку, що штучний інтелект замінить дизайнерів? Так ось, ніякий штучний інтелект не зможе створити автентичне крафтове рішення з глибокою концепцією.&lt;/p&gt;

&lt;p&gt;Індивідуальність виділяє бізнес так само, як виділяє людину з натовпу. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/Y76wKIDXS-yqyh4BNOGX4pY7pELmY52E-GqKIHFKVZA/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9zdnIy/ZmVuZm03bWg5aHU4/MThhMy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/Y76wKIDXS-yqyh4BNOGX4pY7pELmY52E-GqKIHFKVZA/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9zdnIy/ZmVuZm03bWg5aHU4/MThhMy5wbmc" alt="Image description" width="800" height="363"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ми в Obriy Design Büro віримо, що треба мислити поза рамками трендів. Надихайтеся мистецтвом, бізнесом клієнтів, потребами користувачів, розвивайте аналітичне та стратегічне мислення. &lt;/p&gt;

&lt;p&gt;Тренди приходять і йдуть. Основна увага залишається на створенні такого дизайну, який служить своїй меті з дбайливістю та відповідальністю. Це означає думати про бізнес і користувачів, бути продуманим і унікальним у довгостроковій перспективі.&lt;/p&gt;

</description>
      <category>ui</category>
      <category>trends</category>
    </item>
    <item>
      <title>Як ми провели діскавері сесію та створили концепт медичного додатку Medical Service</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Fri, 26 Jan 2024 15:04:03 +0000</pubDate>
      <link>https://ux.pub/obriy_design/iak-mi-provieli-diskavieri-siesiiu-ta-stvorili-kontsiept-miedichnogho-dodatku-medical-service-2o0d</link>
      <guid>https://ux.pub/obriy_design/iak-mi-provieli-diskavieri-siesiiu-ta-stvorili-kontsiept-miedichnogho-dodatku-medical-service-2o0d</guid>
      <description>&lt;p&gt;Чи думали ви проте що було б круто тримати результати медичних чекапів та аналізів не вдома в шухлядці, а в одному програмному продукті і, бажано, щоб це був додаток? Ми подумали про це, поспілкувалися командою, опитали знайомих і виявилося - більшість не любить колекціонувати ці папірці вдома так само, як і ми. &lt;em&gt;Так ми дійшли до ідеї створити власний концепт універсального, багатофункціонального та юзер-френдлі додатку для зберігання результатів медичних обстежень та аналізів&lt;/em&gt;. &lt;/p&gt;

&lt;h2&gt;
  
  
  Гіпотеза
&lt;/h2&gt;

&lt;p&gt;Початкова гіпотеза була зосереджена на необхідності єдиної платформи для ефективного керування різноманітною медичною інформацією.&lt;/p&gt;

&lt;p&gt;Щоб перевірити цю гіпотезу, ми провели поглиблені опитування користувачів та інтерв’ю, залучивши різноманітну вибірку з понад 10 респондентів. Ці відгуки допомогли визначитися з ключовими функціями, гарантуючи, що рішення безпосередньо вирішує проблеми, з якими стикаються пацієнти.&lt;/p&gt;

&lt;p&gt;Результати опитування підкреслили універсальний попит на комплексну програму для ведення медичних записів, яка спрощує складну систему управління інформацією в галузі охорони здоров’я.&lt;/p&gt;

&lt;h2&gt;
  
  
  Про додаток Medical Service
&lt;/h2&gt;

&lt;p&gt;Метою нашого роботи було створення концепту сучасного додатку з дружнім до користувача інтерфейсу, який міг би мати інтеграції з багатьма клініками та лабораторіями. &lt;/p&gt;

&lt;p&gt;Такий функціонал дозволяє користувачам зберігати всю інформацію про своє здоров’я в одному доступному місці, сприяючи ефективній комунікації з постачальниками медичних послуг та лікарями. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Основна функція Medical Service&lt;/strong&gt; - зберігання результатів аналізів та обстежень незалежно від клінік чи лабораторій, де проводилися тести. Тобто пацієнт зробив обстеження, а результати отримав не по електронній пошті чи від адміністратора на папірці, а напряму через додаток. &lt;/p&gt;

&lt;p&gt;Користувачі також мають можливість ділитися результатами тестів з лікарями в онлайн-режимі. Окрім керування результатами тестів, додаток має функції планування відвідувань.&lt;/p&gt;

&lt;h2&gt;
  
  
  Аналізу ринку
&lt;/h2&gt;

&lt;p&gt;Вивчаючи існуючих конкурентів і аналізуючи їх функціональні можливості, ми виявили цінні відомості, які безпосередньо вплинули на визначення ключових потреб користувачів.&lt;/p&gt;

&lt;p&gt;Наші висновки були розділені на дві окремі групи: переваги та недоліки. Переваги проливають світло на функції, які добре резонували з користувачами та ефективно вирішували певні больові точки. І навпаки, виявлені недоліки вказали на області, де існуючі рішення не відповідали очікуванням користувачів або не змогли забезпечити комплексні рішення.&lt;/p&gt;

&lt;h2&gt;
  
  
  Діскавері сесія та результати
&lt;/h2&gt;

&lt;p&gt;На основі початкової гіпотези та зібраної інформації ми створили анкету, розіслали її респондентам і отримали деякі кількісні дані. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/b-YAqhj5aMiu-emhBTaSBsUCx3uLdljLOvFZFhxZpGY/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy94NGFk/Y29zZnA5Y3Fzb3kw/cHh4Yy5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/b-YAqhj5aMiu-emhBTaSBsUCx3uLdljLOvFZFhxZpGY/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy94NGFk/Y29zZnA5Y3Fzb3kw/cHh4Yy5wbmc" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ми провели 15-хвилинні інтерв’ю з респондентами та зафіксували ключові інсайти, які лягли в основу додатку: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;керування результатами обстежень та аналізів: респонденти підкреслили важливість ефективної системи зберігання отриманої інформації. Основна увага тут приділяється зручним параметрам фільтрації, що забезпечує легкий доступ до конкретної інформації;&lt;/li&gt;
&lt;li&gt;синхронізація в реальному часі з лабораторіями: респонденти висловили бажання синхронізувати роботу з лабораторіями в режимі реального часу, що дозволить їм легко отримувати найновішу медичну інформацію;&lt;/li&gt;
&lt;li&gt;нагадування зробити обстеження;&lt;/li&gt;
&lt;li&gt;повна медична документація: користувачі шукали можливість додавати різноманітні медичні записи, включаючи рентгенівські знімки та МРТ, що забезпечує повний огляд історії їхнього здоров’я.&lt;/li&gt;
&lt;li&gt;архівовані результати: включення інтуїтивно зрозумілої системи архівування минулих результатів;&lt;/li&gt;
&lt;li&gt;розклад зустрічей: користувачі висловили потребу в функції, яка б дозволяла їм легко планувати зустрічі в додатку;&lt;/li&gt;
&lt;li&gt;пряме спілкування з постачальниками медичних послуг: інтегрована система чату для прямого спілкування з постачальниками медичних послуг стала однією з ключових функцій.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Отримана інформація слугує основою, на якій будується функціональність нашого додатку. &lt;/p&gt;

&lt;h2&gt;
  
  
  Інтерфейс додатку
&lt;/h2&gt;

&lt;p&gt;На основі зібраної інформації наша команда перейшла до концепції інтерфейсу користувача та розширила ідею до набору екранів: головний екран, нагадування та розклад, чат із лікарем, результати та профіль користувача.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Сторінка «Головний екран»&lt;/strong&gt; дозволяє легко почати користування додатком. Користувачі бачать повідомлення про готові тести, глобальний пошук по базі даних, список послуг, майбутні зустрічі та знижки.&lt;/p&gt;

&lt;p&gt;Метою сторінки &lt;strong&gt;«Призначення та розклад»&lt;/strong&gt; є план зустрічей і тестів. Користувач перевіряє розклад з можливістю побачити адресу та відкрити карту. Також доступні пошук і історія зустрічей.&lt;/p&gt;

&lt;p&gt;Також доступний &lt;strong&gt;онлайн-чат&lt;/strong&gt; з лікарями. Користувач має можливість ставити запитання та надсилати файли. І що важливо - поділитися результатами тесту всередині додатку.&lt;/p&gt;

&lt;p&gt;Сторінка &lt;strong&gt;«Мої результати»&lt;/strong&gt; була створена для збору результатів записів і тестів.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Сторінка профайлу&lt;/strong&gt; має функцію нагадувань про обстеження. Крім того, користувач може зберігати медичні картки, додавати та редагувати клініки та лабораторії та відстежувати покупки в програмі.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://ux.pub/images/8cXdfJEhVEHG3GWcv5QotM1D3buG87xiSkr1WEkUK-U/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9nb2Rq/NWxpbWd0bm5hYWg5/amM4aC5wbmc" class="article-body-image-wrapper"&gt;&lt;img src="https://ux.pub/images/8cXdfJEhVEHG3GWcv5QotM1D3buG87xiSkr1WEkUK-U/w:800/mb:500000/ar:1/aHR0cHM6Ly91eC5w/dWIvdXBsb2Fkcy9h/cnRpY2xlcy9nb2Rq/NWxpbWd0bm5hYWg5/amM4aC5wbmc" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;В цій статті ми намагалися якомога коротше та загальніше описати весь процес розробки концепту, акцентуючи на найважливіших етапах та результатах. А побачити повний концепт додатку Medical Service можна &lt;a href="https://www.behance.net/gallery/128639675/Healthcare-app-Mobile-app-design-Design-Research"&gt;тут&lt;/a&gt;.  &lt;/p&gt;

</description>
      <category>ux</category>
      <category>cases</category>
      <category>interview</category>
      <category>ui</category>
    </item>
    <item>
      <title>Behance кейс, на який звернуть увагу. Поради від Obriy Design Büro</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Fri, 26 Jan 2024 13:33:11 +0000</pubDate>
      <link>https://ux.pub/obriy_design/behance-kieis-na-iakii-zviernut-uvaghu-poradi-vid-obriy-design-buro-5p4</link>
      <guid>https://ux.pub/obriy_design/behance-kieis-na-iakii-zviernut-uvaghu-poradi-vid-obriy-design-buro-5p4</guid>
      <description>&lt;p&gt;Behance - безкоштовна онлайн платформа для створення та демонстрації портфоліо для людей креативних професій (дизайнерів, ілюстраторів, фотографів і т.д). Behance дозволяє отримувати зворотній зв’язок від інших користувачів, знаходити замовників та надихатися роботами креаторів зі всього світу.&lt;/p&gt;

&lt;p&gt;В основі платформи - проєкт. Він демонструє вашу роботу та складається із зображень, тексту, відео та інших медіафайлів, пов'язаних єдиною ідеєю. Створити проєкт можна через спеціальний редактор, який доступний кожному зареєстрованому юзеру. Проєкти публікуються на вашому профілі та доступні для перегляду всім за унікальним URL-адресою проекту.&lt;/p&gt;

&lt;p&gt;У цій статті ми розглянемо тему UX/UI кейсів на Behance. Спеціалісти Obriy Design Büro підготували поради, як зробити так, щоб ваш проєкт на Behance приваблював не лише естетично, а й вдало демонстрував ваші навички, привертав потенційних роботодавців чи клієнтів.&lt;/p&gt;

&lt;p&gt;Всі поради та інсайти взяті із власного досвіду роботи Obriy Design Büro &lt;a href="https://www.behance.net/obriy_design"&gt;над власними Behance-проєктами&lt;/a&gt;. &lt;/p&gt;

&lt;h2&gt;
  
  
  Проблематика та структурованість - must have
&lt;/h2&gt;

&lt;p&gt;Скріншоти макету веб-сайту чи програми без пояснень не є вичерпним UX/UI кейсом. Кейс має охоплювати проблему, шляхи її вирішення та досягнуті результати.&lt;/p&gt;

&lt;p&gt;Для потенційних роботодавців чи замовників важливо бачити кінцеві результати, продуману суть проекту та підхід до вирішення поставлених завдань.&lt;/p&gt;

&lt;p&gt;Як визначити проблему вашого дизайну? Це досить просто: виходячи із ваших завдань як дизайнера. Наприклад, редизайн, створення UX та UI з нуля тощо.&lt;/p&gt;

&lt;p&gt;Перед початком роботи окресліть структуру вашої кейсу у вигляді плану. Зафіксуйте кожен ключовий етап, це допоможе не загубити нічого важливого.&lt;/p&gt;

&lt;p&gt;На основі нашого досвіду ми можемо поділитися структурою, яка підходить для більшості UX/UI кейсів.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;В Obriy Design Büro ми користуємося наступним планом:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Інтро (вступ) - суть проєкту та завдання дизайнерів.&lt;/li&gt;
&lt;li&gt;Опціонально - коротко перераховуємо етапи роботи над сайтом/додатком.&lt;/li&gt;
&lt;li&gt;Розкриваємо кожний ключовий етап (UX research, Wireframing, UI concepts, показуємо готові екрани).&lt;/li&gt;
&lt;li&gt;Шрифти, кольори.&lt;/li&gt;
&lt;li&gt;Заключна частина з нашими контактами.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;План може змінюватися відповідно до об’єму проєкту, його складності та наявності того чи іншого етапу роботи. &lt;/p&gt;

&lt;p&gt;&lt;em&gt;Особливо рекомендуємо пропрацювати інтро та UI. У вступі має чітко простежуватися проблематика та суть проєкту. Також чітко пропишіть екрани, які треба показати в кейсі, щоб відобразити вирішення проблематики, яка була поставлена в інтро.&lt;/em&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Використовуйте текст для пояснень
&lt;/h2&gt;

&lt;p&gt;Текст в UI/UX кейсах потрібен, щоб пояснити шлях вашим думок, але він не має відволікати увагу. Уникайте як перенасичених текстом блоків (виняток UX кейси) так і текстових, які йдуть один за одним.&lt;/p&gt;

&lt;p&gt;Пам’ятайте: текст лише допоміжний інструмент, не акцентуйте на ньому. Лаконічність ваше друге ім’я, не відвертайте увагу від головного - вашої дизайнерської роботи. &lt;/p&gt;

&lt;h2&gt;
  
  
  Уникайте надмірного декору та хаотичності
&lt;/h2&gt;

&lt;p&gt;Не треба зайвих деталей та декорацій в оформленні блоків. Це відволікає увагу і псує навіть найкращу концепцію.&lt;/p&gt;

&lt;p&gt;Часто ця помилка зустрічається в частині інтро. Надмірне оформлення нерідко видає в людині новачка. Обирайте мінімалістичний дизайн та читабельний текст, це виглядає більш професійно та показує роботу з кращого боку.&lt;/p&gt;

&lt;p&gt;Обов’язково використовуйте сітку. Всі екрани, описи та елементи мають виглядати гармонічно, а не хаотично.&lt;/p&gt;

&lt;h2&gt;
  
  
  Не показуйте весь дизайн одразу на перших екранах
&lt;/h2&gt;

&lt;p&gt;В Obriy Design Büro ми показуємо наші роботи шляхом сторітелінгу, поступово розкриваючи суть за допомогою зображень, композиції та тексту. Якщо показати найцікавіше на початку, то користувач не додивиться до кінця та не залишить комент.&lt;/p&gt;

&lt;h2&gt;
  
  
  Обкладинка - обличчя вашого Behance-проєкту
&lt;/h2&gt;

&lt;p&gt;Гарна обкладинка підвищує шанси, що ваш кейс захочуть відкрити. З точки зору дизайну вони не мають бути надмірно перевантажені, але при цьому відображати суть концепції. Не радимо весь дизайн виносити на обкладинку, бо тоді не цікаво дивитися. Круто коли сітка обкладинок проєктів у вашому профілі виглядає гармонійно і вони концептуально пов’язані. &lt;/p&gt;

&lt;p&gt;Головне якість, а не кількість&lt;br&gt;
Актуальність важливий пункт. Краще приховати проєкти, які ви вже переросли. Кейс має демонструвати ваші навички та розуміння дизайну, які ви маєте на сьогоднішній день.&lt;/p&gt;

&lt;p&gt;Те саме стосується нерелевантних позиції проєктів: наприклад, якщо раніше ви були ілюстратором і перейшли в UX/UI. Хіба що ви мультидисциплінарний дизайнер та шукаєте відповідну посаду чи проєкти :)&lt;/p&gt;

&lt;h2&gt;
  
  
  Ще трошки дизайнерських порад від нашої команди
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Занадто довгі кейси мало хто буде дивитися до кінця. А занадто короткі повноцінно не продемонструють ваші навички. Зберігайте золоту середину.&lt;/li&gt;
&lt;li&gt;Збирайте кейс блоками, а не суцільним зображенням. Таким чином простіше щось поправити, а готовий проєкт не зависає та швидше завантажується на девайсах.&lt;/li&gt;
&lt;li&gt;Сучасний та трендовий дизайн вашого Behance-проєкту вказує на те, що ви розвиваєтесь і, як мінімум, в курсі актуальних тенденцій. Це завжди плюс. Тому розвивайте надивленність, щоб створювати сучасні трендові проєкти на Behance.&lt;/li&gt;
&lt;li&gt;В кінці залишайте свої контакти, щоб з вами можна було швидко зв’язатися. &lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>behance</category>
      <category>lifehacks</category>
      <category>cases</category>
      <category>ui</category>
    </item>
    <item>
      <title>Desk research в роботі UX/UI дизайнера</title>
      <dc:creator>Obriy Design Büro</dc:creator>
      <pubDate>Wed, 17 Jan 2024 11:44:13 +0000</pubDate>
      <link>https://ux.pub/obriy_design/desk-research-v-roboti-uxui-dizainiera-5b1i</link>
      <guid>https://ux.pub/obriy_design/desk-research-v-roboti-uxui-dizainiera-5b1i</guid>
      <description>&lt;p&gt;&lt;strong&gt;Desk research&lt;/strong&gt; — обов'язковий етап роботи над UX/UI проєктами в Obriy Design Büro. У цій публікації команда Obriy Design Büro пояснює, що таке desk research і чому він надзвичайно важливий в роботі дизайнера.&lt;/p&gt;

&lt;p&gt;Desk research або кабінетне дослідження в UX/UI — це збір інформації, яка необхідна для проєкту, із використанням наявних загальнодоступних джерел і матеріалів, зазвичай без прямої взаємодії з користувачами.&lt;br&gt;
**&lt;br&gt;
Чому desk research такий важливий в роботі дизайнера і чому без нього не обійтися?**&lt;/p&gt;

&lt;p&gt;Ось кілька причин:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;рісьорч дає цінну інформацію про вподобання, поведінку та потреби користувачів;&lt;/li&gt;
&lt;li&gt;рісьорч допомагає узгодити дизайнерські рішення з бізнес-цілями та потребами користувачів;&lt;/li&gt;
&lt;li&gt;результати рісьорчу необхідні для удосконалення структури сайту, контенту і tone of voice, або навіть для генерування несподіваних експериментальних ідей;&lt;/li&gt;
&lt;li&gt;рісьорч допомагає випереджати ринкові тенденції для створення стійких рішень;&lt;/li&gt;
&lt;li&gt;рісьорч-підхід є фундаментальним для створення зручних і конкурентоспроможних цифрових продуктів та інтерфейсів.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Етапи desk research в Obriy Design Büro&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;1) Збір інформації про проєкт від клієнта&lt;/p&gt;

&lt;p&gt;Цей крок важливий для розуміння цілей, очікувань і вимог клієнта, що, у свою чергу, інформує дизайн-процес.&lt;/p&gt;

&lt;p&gt;Запитайте клієнта, чи є у нього будь-яка інформація про ринок, конкурентів, цільову аудиторію, яка могли б допомогти в процесі роботи.&lt;/p&gt;

&lt;p&gt;2) Визначення цільової аудиторії&lt;/p&gt;

&lt;p&gt;Розуміння потреб аудиторії є важливим для забезпечення того, щоб дизайн відповідав потребам і вподобанням користувачів.&lt;/p&gt;

&lt;p&gt;У &lt;a href="https://www.behance.net/gallery/175586703/Art-de-Vivre-UXUI-for-online-magazine"&gt;Art de Vivre&lt;/a&gt; ми сформували потреби цільової аудиторії, покращили наявний функціонал, а також створили та впровадили новий. Крім того, ми створення інтерфейсу і віжуалу, ми враховували лайфстайл цільової аудиторії Art de Vivre.&lt;/p&gt;

&lt;p&gt;3) Аналіз конкурентів&lt;/p&gt;

&lt;p&gt;В Obriy наш аналіз конкурентів включає виявлення як прямих, так і непрямих конкурентів, аналіз їхніх продуктів,. Це необхідно щоб виокремити сильні та слабкі сторони у виборі дизайну, а також висвітлити важливі особливості їхнього дизайну.&lt;/p&gt;

&lt;p&gt;4) Visual Direction&lt;/p&gt;

&lt;p&gt;Дизайнери Obriy пропонують до 3-х візуальних напрямків на основі аналізу ринку та цільової аудиторії. Клієнт робить свій вибір, ми уточнюємо, а потім переходимо до етапу UI концептів для узгодження з клієнтом.&lt;/p&gt;

&lt;p&gt;Розширений рісьорч та інтерв’ю як нестандартний флоу для проєкту Customertimes&lt;br&gt;
Якщо звичайні дослідження не дають результатів, ми використовуємо додаткові методи, як-от інтерв’ю, щоб отримати більше інформації.&lt;/p&gt;

&lt;p&gt;Працюючи над проектом &lt;a href="https://www.behance.net/gallery/156031977/Customertimes-UXUI-design"&gt;Customertimes&lt;/a&gt;, ми зіткнулися з проблемою: компанія мала 10 різних програм, але користувачам було важко знайти те, що підходить для їх галузі.&lt;/p&gt;

&lt;p&gt;Наше рішення: провести поглиблене дослідження, що включає інтерв’ю із менеджерами з продажу, продукт оунерами, дизайнерами та особами, які приймають рішення.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Результат розширеного рісьорчу для Customertimes&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Інтерв’ю дали цінну інформацію, що покращило наше розуміння системи.&lt;/p&gt;

&lt;p&gt;Ми покращили UX, створили нові сторінки та додали розділ підписки, а також чіткі пояснення того, як функціонують тарифні плани. Щоб ще більше спростити роботу з користувачем, ми запровадили розділ «Use Cases» з індивідуальними рекомендаціями програм для певних професій.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Щоб отримати ще більше інсайдів та корисної інформації про дизайн-процеси, підписуйтесь на нашу сторінку.&lt;/em&gt; &lt;/p&gt;

</description>
      <category>cases</category>
      <category>ux</category>
      <category>ui</category>
      <category>lifehacks</category>
    </item>
  </channel>
</rss>
