Martha Loda. NoteMap

1. Марта Льода
художник, екскурсовод

3. Ідея з’явилася з моєї власної практики роботи екскурсоводом, а також
любові до подорожей. Я переважно збираю багато інформації про різні
місця, і можливість впорядкувати їх з прив’язкою до карти була тим, чого
мені дуже сильно бракувало. Можливість створювати і зберігати маршрути
була ще одною важливою потребою. Отже, я вирішила створити додаток,
який би допоміг ці проблеми розв’язати.
Проблема Ідея

4. Для розв’язання проблеми потрібні були наступні можливості:
- Створення нотаток, прив’язаних до певної адреси
- Наявність карти, на якій цими нотатками можна було б зручно оперувати
- Швидкий доступ до нотатки у тому місці, якого вона стосується
- Можливість створити і зберегти маршрут, в тому числі, автоматично з
підібраних перед тим нотаток
- Можливість розрахувати приблизний час, потрібний на маршрут
- Як бонус, можливість ділитися своїми нотатками з іншими людьми
- Нарешті, можливість комерціалізації у вигляді платного контенту —
розроблених професіоналами екскурсійних маршрутів
Розв’язання проблеми

5. Львів і Україна Загальносвітові
Карта Львова офлайн
Львів туристичний
Афіша Львова
TravelPlaces Lviv
Lviv Guide
Lviv Events Guide
Львів City Guide
City Guide Lviv
Lviv Map and Walks
Ukraine & Krim Offline Map POI
LvivInfo
Lviv Travel Audio Guide
Путеводители и оффлайн карты
GPS Путеводитель
Путеводители Ever.Travel
Tripwolf - Your Travel Guide
Field Trip
Google Maps
Аналіз конкурентів
Було проаналізовано дві категорії конкуручих додатків

6. Більшість додатків, що стосуються подорожей, надають готову
інформацію — це путівники, рекламні каталоги та афіші. Можливість
створювати і зберігати маршрути є лише у дорогих додатках. Ще один
тип додатку, який дає більше можливостей - це планувальник подорожі.
Але мінус таких додатків полягає у жорстких рамках і прив’язці до
конкретної дати. Загалом, повних аналогів я так і не знайшла.
Підсумок аналізу

7. Розробка

8. Основний персонаж
Опис. Активний турист. Ви мабуть бачили його з мапою
на вулицях вашого міста. Але зараз він купив собі
смартфон і тепер користується електронними картами.
Вільно працює з комп’ютером і різними ґаджетами.
Добре володіє англійською, спілкується з людьми з
різних міст і країн.
Не має авто і не хоче мати. Багато ходить пішки, їздить
на велосипеді.
Любить сам організовувати своє життя, з відпочинком
включно.
Поведінка. Часто їздить до Львова на вихідні, має тут
багато друзів.
До кожної поїздки готується наперед, шукає в Інтернеті
цікаву інформацію куди піти, що побачити. Часом
виписує, часом позначає на паперовій карті.
Їздить з дівчиною або в компанії друзів, але іноді любить
погуляти сам.
В місті часто відмічає для себе цікаві нові точки, про які
дізнався безпосередньо під час прогулянки - кав’ярні,
магазини, галереї. Але іноді немає під рукою зучного
записника, і деяка інформація втрачається.
Цілі та потреби. Легко зберігати інформацію, прив’язану
до карти. Електронна карта з доступом офлайн та
можливістю робити на ній нотатки на ходу. Місце, де
можна знайти цікаву і нетипову інформацію про Львів.
Андрій, 27 років, фрілансер, м. Київ.

9. Додатковий персонаж
Опис. Заробляє проведенням екскурсій. Намагається
вижити в цьому висококонкурентному бізнесі, тому
постійно придумує нові маршрути.
Активна. Любить своє місто. горда, що може
представляти його для гостей.
Добре володіє комп’ютером, має смартфон.
Постійно у пошуку чогось нового.
Поведінка. Час від часу пропонує своїм клієнтам нові
ексклюзивні маршрути, яких немає у конкурентів. Для
цього проводить час у бібліотеці, має багато відповідної
літератури вдома, багато занотовує, потім перевіряє
маршрут на практиці, щоб визначити, чи він вкладається
у тривалість. Кожного разу це займає багато часу і
вимагає багато зусиль.
Цілі та потреби. Зручніше систематизувати інформацію
стосовно її розміщення на карті. Мати можливість
наперед обчислити приблизну тривалість маршруту з
урахуванням зупинок та повільнішого темпу ходьби
туристів (чого не дає GoogleMaps). Можливість зберегти
це все в одному файлі, який міг би так само бути зручно
шпаргалкою під час першої екскурсії-двох, поки
матеріал ще новий, і з якого можна було б легко його
повторювати перед кожною екскурсією.
Надія, 35 років, екскурсовод, м. Львів

10. Негативний персонаж
Опис. Багата. Любить, щоб її обслуговували і розважали.
Має машину з водієм.
В техніці розбирається на посередньому рівні.
Подорожувати любить з максимальним фомфортом і
сервісом.
Поведінка. Перед поїздкою узгоджує всі деталі з
турфірмою. Найбільше любить морські курорти з
готелями “ол-інклюзів”. Якщо хоче дізнатися щось
більше про місце, куди приїхала, замовляє екскурсію.
переважно узгоджує це наперед з турфірмою. Не
любить багато ходити пішки.
Цілі та потреби. Обслуговування на найвищому рівні.
Мінімум зусиль з власного боку.
Анжела, 51 рік, дружина успішного
бізнесмена, м. Київ

11. Інформаційна архітектура
База даних
Користувачі Наш контент
Нотатки
Маршрути Теги
Профілі Додаткові дані

12. Структура нотатки
Власне інформація:
Назва
Фото
Текст
Прив’язаний файл
*заповнюється автоматично
Базові дані:
Користувач*
Адреса*
Місто (для етапу 2.0)*
Статус приватності
Додаткові пошукові дані:
Теги
Влючення в маршрут
+ визначення найближчих
Увімкнення/вимкнення сповіщень

13. Структура маршруту
Зупинка:
порядковий номер
адреса зупинки
тривалість зупинки
прив’язана нотатка
Відрізок:
тривалість проходу
маршрут між зупинками
Загальна інформація:
тривалість
кількість зупинок
загальний кілометраж
вибір транспорту

14. Wireframes
Початковий етап
Три основні flows: Реєстрація, Створення і робота з нотатками, Створення маршрутів

15. Wireframes
Деталізація. Flow створення нотатки
Flow створення нотатки як приклад high-fidelity wireframes. Частина перша

16. Wireframes
Деталізація. Flow створення нотатки
Частина друга

17. Графічна
частина

18. Стиль
Основна частина інтерфейсу додатка - системний стиль Android Material Design.
Але є окремі індивідуальні деталі - піни, вказівник місцезнаходження і сплеш-скрін.

19. Піни і лого
В розробці пінів і логотипу стояло два завдання: перше - вони мать співпадати по
загальній формі. Друге - ця форма повинна відображати поєднання позначки на карті
і нотатки. Тут представлені ескізи для обох елементів.

20. Піни і лого
Лого, новий пін і піни різних категорій
Позначка місцезнаходження
Вигляд на карті

21. Splash Screen

22. Landing Page

23. Три основні функції
і приклади скрінів,
які їх ілюструють

24. Додаткові
опції і відгуки

25. Сценарії

26. Загальний опис
Останній розділ - сценарії - показує підсумок всієї вищевказаної роботи. Я рада
представити вам NoteMap - додаток на основі Google Maps, який дозволяє не тільки
шукати потрібні вам локації, але і зберігати інформацію про них, об’єднувати їх у
складні маршрути і ділитися ними з друзями. NoteMap нагадає вам, коли ви будете
поряд з місцем, яке вас цікавить, виведе всю необхідну інформацію на екран,
проведе оптимальний маршрут для вибраних вами нотаток і вкаже приблизний час.
Ну і як бонус ви отримаєте можливість завантажити унікальний контент - екскурсії,
розроблені професійними екскурсоводами і складені у оптимальні для прогулянок
маршрути.
В бета-версії карта буде поширватись на територію України з основним
контентом для кількох найпопулярніших міст - Львова, Києва, Харкова, Одеси та
Чернівців.
У цьому розділі ми розглянемо на прикладі нашого користувача Андрія, як функціонує
NoteMap.

27. Сценарій 1
Андрій ввечері
вдома готується
до поїздки.
Він шукає в Інтернеті
потрібну інформацію
(на ПК) і відразу
імпортує її на телефон

28. Експортування тексту
Заголовок
Адреса
Опис
ЕКСПОРТВІДМІНИТИ
Андрій виділяє потібний текст, натискає на кнопку на панелі і вибирає поле в нотатці,
в яке цей текст потрібно експортувати.

29. Імпорт тексту в нотатку
Можна вибрати на телефоні “Імпортувати з веб”, тоді його
автоматично відправить на ту саму сторінку, але уже на
телефоні. А можна продовжити на ПК, інформація буде
імпортуватись у різні поля тієї самої нотатки, поки вона не
буде збережена і закрита. Після того при імпорті створиться нова.
Далі у Андрія два варіанти:

30. Андрій зберігає нотатку

31. Андрій хоче подивитися, що у нього вже є, активувати сповіщення і змінити фото в одній із нотаток

32. Сценарій 2
Андрій іде гуляти по місту.
Коли проходить повз
відмічену адресу, телефон
подає звуковий сигнал. Він
витягає телефон і читає
інформацію, що автоматично
з’являється на екрані. Потім
він проходить повз будівлю,
яка його зацікавила, і вирішує
занотувати адресу. Пізніше він
шукає, як добратися до потрі-
бного йому місця.

33. Телефон подає звуковий сигнал і
виводить інформацію на екран,
коли Андрій проходить повз потрібну
йому будівлю.
Автоматичне виведення інформації
на екран

34. Андрій бачить локацію,
яка його зацікавила, і
вирішує додати нотатку
за цією адресою. Він
ділиться нотаткою з
друзями.

35. Андрій хоче знайти шлях до потрібної йому адреси. Він набирає у верхньому полі адресу і тисне
кнопку “Маршрут”. Маршрут автоматично формується між обраною адресою і його місцезнаходженням.

36. Сценарій 3
Андрій хоче привезти до Львова
свою дівчину, і тому готується
особливо - цього разу він буде у ролі
екскурсовода. Він хоче показати
все найкраще, що він бачив у Львові
під час своїх подорожей.

37. Спочатку Андрій міняє налаштування
Він вибирає “відображати тільки активні”,
щоб ніщо зайве не відволікало під час
екскурсії
З тієї ж причини він вимикає звук при сповіщенні
- він все одно буде час від часу дивитись на екран
Він також міняє тривалість зупинки на 10 хв,
щоб спланувати час з запасом

38. Потім Андрій знімає активні сповіщення з усіх нотаток, вибирає ті,
які йому потрібні, і активує тільки їх

39. Із вибраних нотаток Андрій формує автоматичний маршрут і зберігає його
Потім він вирішує зберегти цю інформацію для роздруку - додаток формує текстовий файл, який складається
з карти і вказівок, як рухатись, і всієї інформації з нотаток з фотографіями включно. Він перекидає файл на свій
ПК, карту роздруковує, а решту інформації завантажує у сво електронну книжку - в ній батарея точно не сяде.

40. Реєстрація

41. Профіль і друзі

42. Фільтр
У меню нотаток - тільки персональні нотатки. Але на карті
можна також бачити нотатки інших, чи то друзів, чи всі,
для яких данозагальний доступ. Фільтр існує для швидкого
відбору серед них того, що цікавить, і що ви хочете бачити
на карті на даний момент. Детальніший відбір можна
проводити через меню нотаток.
Перша частина списку - основні характеристики, тут можна
вибрати тільки один пункт
Друга частина списку - основні категорії (визначаються
за тегами). Їх можна вибрати декілька. Загалом, їх буде
стільки ж, скільки і стандартних тегів. Теги, створені
користувачем, знаходяться під пунктом “Інше”

43. Подяка
Дякую LITS і всім викладачам за цей супер-інтенсивний курс.
Дякую своєму ментору Святославу Дідуху за хороші поради
- без нього результат був би набагато гіршим.
Дякую однокурсникам за не менш важливі поради під час
наших обговорень.
І дякую вам всіх за увагу.