МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ "ЛЬВІВСЬКА ПОЛІТЕХНІКА"
ІКНІ
Кафедра ПЗ
Звіт
До лабораторної роботи
З дисципліни: “ Програмування для мобільних платформ ”
На тему: “Проектування інтерфейсу користувача мобільного застосунку”
Лектор:
Старший викладач кафедри ПЗ
Кутельмах Р. К.
Виконала:
Студент групи ПЗ-31
Кочан А. А.
Прийняла:
Старший викладач кафедри ПЗ
Кутельмах Р. К.
«___» _____ 2024р.
∑ = ____ ___________
Львів – 2024
Тема роботи: Проектування інтерфейсу користувача мобільного застосунку
Мета роботи: Розробити основні вимоги до обраного варіанту мобільного
застосунку (місія, короткий опис, основні можливості, користувачі, варіанти
використання (не менше 15), персону) та прототип мобільного застосунку.
Теоретичні відомості
Проектування інтерфейсу користувача (UI) - це процес створення взаємодії між
користувачем та комп'ютерною системою через відображення інформації та
керування функціями. Успішний UI враховує потреби користувачів, робить
використання програм або пристроїв зручним і ефективним, спрощує навігацію та
забезпечує зручний доступ до функцій.
Основні принципи проектування UI включають:
1. Відповідність завданню користувача: Інтерфейс повинен бути спрощеним
і логічним, забезпечуючи швидкий доступ до основних функцій та
інформації, необхідної для виконання завдань.
2. Зручність використання: Важливо розміщувати елементи інтерфейсу так,
щоб користувачі могли легко знаходити їх і використовувати без зайвих
зусиль.
3. Консистентність: UI повинен мати єдиний стиль та форматування на всіх
його сторінках чи екранах, щоб уникнути плутанини та покращити розуміння
користувача.
4. Фідбек та контроль: Система повинна надавати зрозумілий фідбек щодо дій
користувача та передбачати можливі помилки, щоб забезпечити контроль над
ситуацією.
5. Адаптивність: Інтерфейс повинен бути адаптивним до різних типів
пристроїв, роздільної здатності екранів і потенційних обмежень користувачів.
6. Привабливість: Графічний дизайн повинен бути привабливим та залучати
увагу користувача, однак не плутати та не відволікати від основної мети.
7. Доступність: Інтерфейс повинен бути доступним для всіх користувачів,
незалежно від їхніх можливостей та обмежень.
Процес проектування UI зазвичай включає такі етапи як дослідження
користувацьких потреб, створення прототипів, тестування та ітерації.
Використання цих принципів допомагає створити інтуїтивно зрозумілий та
ефективний інтерфейс, що задовольняє потреби користувачів.
2
Хід роботи
Назва застосунку - CarMate
Місія
Полегшити клопоти від володіння автомобілем.
Короткий опис
Власники авто часто заклопотані десятками речей, що пов’язані із
автомобілем. Наприклад, частота проведення технічного огляду, заміна шин між
сезонами, слідкування за витратами коштів на обслуговування та догляд за авто, і
ще багато різних речей. Наш застосунок буде вирішувати більшість проблем
власників авто, що допоможе нашим клієнтам отримувати більше задоволення від
володіння автомобілем.
Основні можливості
Помічник, що покращить досвід володіння автомобілем.
Користувачі
 Автовласники
 Водії
 Бізнеси з оренди автомобілів
 Бізнеси, що володіють корпоративними авто
Варіанти використання
Хто? - Користувач
Що? - Переглядає та порівнює ціни на паливо
Де? - На своєму смартфоні вдома або на роботі, або навіть під час подорожі.
Хто? - Користувач
Що? - Читає відгуки про АЗС
Де? - На місці фізичного перебування користувача, наприклад, перед виїздом
на заправку.
Хто? - Користувач
Що? - Отримує нагадування про проведення технічного огляду авто
Де? - Можливо вдома або на роботі.
Хто? - Користувач
Що? - Прокладає маршрут до найближчих автомобільних мийок
Де? – Будучи в своєму авто
3
Хто? - Користувач
Що? - Отримує сповіщення про динаміку цін на паливо
Де? - На своєму смартфоні чи комп'ютері, можливо через пуш-сповіщення або
електронну пошту, де б він не знаходився.
Хто? - Користувач
Що? - Отримує нагадування про зміну сезонних шин
Де? – Через пуш-сповіщення або електронну пошту, де б він не знаходився.
Хто? - Додаток
Що? - Зберігає типові маршрути на авто
Де? – В додатку
Хто? - Користувач
Що? - Переглядає та оновлює пробіг автомобіля
Де? – Вдома.
Хто? - Користувач
Що? - Отримує нагадування поновити страхування для автомобіля
Де? - Через пуш-сповіщення, де б він не знаходився.
Хто? - Користувач
Що? - Переглядає список рейтингу страхових компаній
Де? - На своєму смартфоні, можливо вдома або на роботі.
Хто? - Користувач
Що? - Читає відгуки страхових компаній
Де? – Будь-де
Хто? - Користувач
Що? - Прокладає маршрут до найближчих АЗС
Де? – Перед виїздом з роботи
Хто? - Користувач
Що? - Переглядає та оновлює журнал витрат на автомобіль
Де? - Вдома
4
Хто? - Користувач
Що? - Переглядає звіти про витрати на автомобіль за тиждень/місяць/рік
Де? - Вдома
Хто? - Користувач
Що? - Прокладає маршрут до найближчого паркінгу
Де? – Під час пошуку паркінгу, будь-де
Персона
Ім’я – Владислав Хмелярський
Освіта – Бакалаврат
Вік – 24 роки
Занятість – працює в сфері інформаційних технологій
Особливості характеру – організований, відповідальний, цілеспрямований,
цінує практичність і ефективне використання часу
Місце проживання – місто Львів
Сімейний стан – неодружений
Дохід – середня зарплатня в сфері ІТ, приблизно 2400$ на місяць
Глобальні цілі – самозабезпечення, створення сім’ї, особистий розвиток
Цілі в користуванні продуктом – зменшити завантаження непотрібною
інформацією, ефективно керувати витратами на авто, підтримувати його в
належному технічному стані, мати змогу швидко і легко шукати потрібну
інфраструктуру для автомобіля.
Основні “Use Cases”:
 Планування технічного огляду автомобіля
 Відстеження витрат на володіння автомобілем
 Пошук найближчої інфраструктури для авто, що включає АЗС,
автомобільні мийки і паркінги.
 Пошук найкращих страхових компаній.
 Отримування нагадувань про заплановані події пов’язані із автомобілем.
 Відстеження динаміки цін на паливо, порівняння цін на різних АЗС.
 Отримання звіту про фінансові витрати.
Страхи:
 Забути провести вчасно технічний огляд
 Втратити контроль над фінансовими витратами на автомобіль
5
 Технічні проблеми із автомобілем
 Втрата часу
 Забути важливі речі через проблеми з автомобілем
Подразники:
 Труднощі в плануванні
 Неякісний сервісний центр
 Занадто високі ціни на пальне
 Невідповідальна страхова компанія
Як дізнається про продукт:
Рекомендації знайомих автовласників і таргетована реклама в соціальних
мережах.
Очікування від продукту:
Простота, точність і надійність.
Контекст використання:
Декілька разів на тиждень, з метою знайти найближчу інфраструктуру для
авто. Також використання для оновлення пробігу автомобіля, щоб отримувати
нагадування про важливі події пов’язані з обслуговуванням авто. Щоразу, коли
здійснюється витрата на авто, з метою вести фінансовий журнал.
Соціальне життя:
Має певне коло друзів та колег з роботи, бере участь в заходах від його
компанії.
Захоплення:
Подорожує автомобілем, вивчає нові технології, займається спортом.
Соціальні мережі:
Використовує Telegram, Instagram та TikTok.
Як використовує мобільний телефон:
Для спілкування із колегами в робочих чатах, а також для спілкування із
друзями, перегляду новин та розваг.
6
Прототип інтерфейсу користувача
Рис. 1.1 Прототипи інтерфейсів
Рис. 1.2 Прототипи інтерфейсів
7
Прототип інтерфейсу для планшету:
Рис. 2 Прототип інтерфейсу для планшету
Wireflow для прототипу:
Рис. 3 Wireflow прототипу
8
Висновки
Під час виконання лабораторної роботи було розроблено основні вимоги до
мобільного застосунку CarMate (помічник автомобіліста). Було визначено місію,
основні можливості та користувачів додатку. Окрім цього було описано варіанти
використання застосунку, та розроблено прототип інтерфейсу.
9