Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Марта Льода
художник, екскурсовод
Ідея з’явилася з моєї власної практики роботи екскурсоводом, а також
любові до подорожей. Я переважно збираю багато інформ...
Для розв’язання проблеми потрібні були наступні можливості:
- Створення нотаток, прив’язаних до певної адреси
- Наявність ...
Львів і Україна Загальносвітові
Карта Львова офлайн
Львів туристичний
Афіша Львова
TravelPlaces Lviv
Lviv Guide
Lviv Event...
Більшість додатків, що стосуються подорожей, надають готову
інформацію — це путівники, рекламні каталоги та афіші. Можливі...
Розробка
Основний персонаж
Опис. Активний турист. Ви мабуть бачили його з мапою
на вулицях вашого міста. Але зараз він купив собі
с...
Додатковий персонаж
Опис. Заробляє проведенням екскурсій. Намагається
вижити в цьому висококонкурентному бізнесі, тому
пос...
Негативний персонаж
Опис. Багата. Любить, щоб її обслуговували і розважали.
Має машину з водієм.
В техніці розбирається на...
Інформаційна архітектура
База даних
Користувачі Наш контент
Нотатки
Маршрути Теги
Профілі Додаткові дані
Структура нотатки
Власне інформація:
Назва
Фото
Текст
Прив’язаний файл
*заповнюється автоматично
Базові дані:
Користувач*
...
Структура маршруту
Зупинка:
порядковий номер
адреса зупинки
тривалість зупинки
прив’язана нотатка
Відрізок:
тривалість про...
Wireframes
Початковий етап
Три основні flows: Реєстрація, Створення і робота з нотатками, Створення маршрутів
Wireframes
Деталізація. Flow створення нотатки
Flow створення нотатки як приклад high-fidelity wireframes. Частина перша
Wireframes
Деталізація. Flow створення нотатки
Частина друга
Графічна
частина
Стиль
Основна частина інтерфейсу додатка - системний стиль Android Material Design.
Але є окремі індивідуальні деталі - пі...
Піни і лого
В розробці пінів і логотипу стояло два завдання: перше - вони мать співпадати по
загальній формі. Друге - ця ф...
Піни і лого
Лого, новий пін і піни різних категорій
Позначка місцезнаходження
Вигляд на карті
Splash Screen
Landing Page
Три основні функції
і приклади скрінів,
які їх ілюструють
Додаткові
опції і відгуки
Сценарії
Загальний опис
Останній розділ - сценарії - показує підсумок всієї вищевказаної роботи. Я рада
представити вам NoteMap - д...
Сценарій 1
Андрій ввечері
вдома готується
до поїздки.
Він шукає в Інтернеті
потрібну інформацію
(на ПК) і відразу
імпортує...
Експортування тексту
Заголовок
Адреса
Опис
ЕКСПОРТВІДМІНИТИ
Андрій виділяє потібний текст, натискає на кнопку на панелі і ...
Імпорт тексту в нотатку
Можна вибрати на телефоні “Імпортувати з веб”, тоді його
автоматично відправить на ту саму сторінк...
Андрій зберігає нотатку
Андрій хоче подивитися, що у нього вже є, активувати сповіщення і змінити фото в одній із нотаток
Сценарій 2
Андрій іде гуляти по місту.
Коли проходить повз
відмічену адресу, телефон
подає звуковий сигнал. Він
витягає те...
Телефон подає звуковий сигнал і
виводить інформацію на екран,
коли Андрій проходить повз потрібну
йому будівлю.
Автоматичн...
Андрій бачить локацію,
яка його зацікавила, і
вирішує додати нотатку
за цією адресою. Він
ділиться нотаткою з
друзями.
Андрій хоче знайти шлях до потрібної йому адреси. Він набирає у верхньому полі адресу і тисне
кнопку “Маршрут”. Маршрут ав...
Сценарій 3
Андрій хоче привезти до Львова
свою дівчину, і тому готується
особливо - цього разу він буде у ролі
екскурсовод...
Спочатку Андрій міняє налаштування
Він вибирає “відображати тільки активні”,
щоб ніщо зайве не відволікало під час
екскурс...
Потім Андрій знімає активні сповіщення з усіх нотаток, вибирає ті,
які йому потрібні, і активує тільки їх
Із вибраних нотаток Андрій формує автоматичний маршрут і зберігає його
Потім він вирішує зберегти цю інформацію для роздру...
Реєстрація
Профіль і друзі
Фільтр
У меню нотаток - тільки персональні нотатки. Але на карті
можна також бачити нотатки інших, чи то друзів, чи всі,
д...
Подяка
Дякую LITS і всім викладачам за цей супер-інтенсивний курс.
Дякую своєму ментору Святославу Дідуху за хороші поради...
презентація
Upcoming SlideShare
Loading in …5
×

презентація

1,169 views

Published on

Martha Loda. NoteMap

  • Login to see the comments

презентація

  1. 1. Марта Льода художник, екскурсовод
  2. 2. Ідея з’явилася з моєї власної практики роботи екскурсоводом, а також любові до подорожей. Я переважно збираю багато інформації про різні місця, і можливість впорядкувати їх з прив’язкою до карти була тим, чого мені дуже сильно бракувало. Можливість створювати і зберігати маршрути була ще одною важливою потребою. Отже, я вирішила створити додаток, який би допоміг ці проблеми розв’язати. Проблема Ідея
  3. 3. Для розв’язання проблеми потрібні були наступні можливості: - Створення нотаток, прив’язаних до певної адреси - Наявність карти, на якій цими нотатками можна було б зручно оперувати - Швидкий доступ до нотатки у тому місці, якого вона стосується - Можливість створити і зберегти маршрут, в тому числі, автоматично з підібраних перед тим нотаток - Можливість розрахувати приблизний час, потрібний на маршрут - Як бонус, можливість ділитися своїми нотатками з іншими людьми - Нарешті, можливість комерціалізації у вигляді платного контенту — розроблених професіоналами екскурсійних маршрутів Розв’язання проблеми
  4. 4. Львів і Україна Загальносвітові Карта Львова офлайн Львів туристичний Афіша Львова 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 Аналіз конкурентів Було проаналізовано дві категорії конкуручих додатків
  5. 5. Більшість додатків, що стосуються подорожей, надають готову інформацію — це путівники, рекламні каталоги та афіші. Можливість створювати і зберігати маршрути є лише у дорогих додатках. Ще один тип додатку, який дає більше можливостей - це планувальник подорожі. Але мінус таких додатків полягає у жорстких рамках і прив’язці до конкретної дати. Загалом, повних аналогів я так і не знайшла. Підсумок аналізу
  6. 6. Розробка
  7. 7. Основний персонаж Опис. Активний турист. Ви мабуть бачили його з мапою на вулицях вашого міста. Але зараз він купив собі смартфон і тепер користується електронними картами. Вільно працює з комп’ютером і різними ґаджетами. Добре володіє англійською, спілкується з людьми з різних міст і країн. Не має авто і не хоче мати. Багато ходить пішки, їздить на велосипеді. Любить сам організовувати своє життя, з відпочинком включно. Поведінка. Часто їздить до Львова на вихідні, має тут багато друзів. До кожної поїздки готується наперед, шукає в Інтернеті цікаву інформацію куди піти, що побачити. Часом виписує, часом позначає на паперовій карті. Їздить з дівчиною або в компанії друзів, але іноді любить погуляти сам. В місті часто відмічає для себе цікаві нові точки, про які дізнався безпосередньо під час прогулянки - кав’ярні, магазини, галереї. Але іноді немає під рукою зучного записника, і деяка інформація втрачається. Цілі та потреби. Легко зберігати інформацію, прив’язану до карти. Електронна карта з доступом офлайн та можливістю робити на ній нотатки на ходу. Місце, де можна знайти цікаву і нетипову інформацію про Львів. Андрій, 27 років, фрілансер, м. Київ.
  8. 8. Додатковий персонаж Опис. Заробляє проведенням екскурсій. Намагається вижити в цьому висококонкурентному бізнесі, тому постійно придумує нові маршрути. Активна. Любить своє місто. горда, що може представляти його для гостей. Добре володіє комп’ютером, має смартфон. Постійно у пошуку чогось нового. Поведінка. Час від часу пропонує своїм клієнтам нові ексклюзивні маршрути, яких немає у конкурентів. Для цього проводить час у бібліотеці, має багато відповідної літератури вдома, багато занотовує, потім перевіряє маршрут на практиці, щоб визначити, чи він вкладається у тривалість. Кожного разу це займає багато часу і вимагає багато зусиль. Цілі та потреби. Зручніше систематизувати інформацію стосовно її розміщення на карті. Мати можливість наперед обчислити приблизну тривалість маршруту з урахуванням зупинок та повільнішого темпу ходьби туристів (чого не дає GoogleMaps). Можливість зберегти це все в одному файлі, який міг би так само бути зручно шпаргалкою під час першої екскурсії-двох, поки матеріал ще новий, і з якого можна було б легко його повторювати перед кожною екскурсією. Надія, 35 років, екскурсовод, м. Львів
  9. 9. Негативний персонаж Опис. Багата. Любить, щоб її обслуговували і розважали. Має машину з водієм. В техніці розбирається на посередньому рівні. Подорожувати любить з максимальним фомфортом і сервісом. Поведінка. Перед поїздкою узгоджує всі деталі з турфірмою. Найбільше любить морські курорти з готелями “ол-інклюзів”. Якщо хоче дізнатися щось більше про місце, куди приїхала, замовляє екскурсію. переважно узгоджує це наперед з турфірмою. Не любить багато ходити пішки. Цілі та потреби. Обслуговування на найвищому рівні. Мінімум зусиль з власного боку. Анжела, 51 рік, дружина успішного бізнесмена, м. Київ
  10. 10. Інформаційна архітектура База даних Користувачі Наш контент Нотатки Маршрути Теги Профілі Додаткові дані
  11. 11. Структура нотатки Власне інформація: Назва Фото Текст Прив’язаний файл *заповнюється автоматично Базові дані: Користувач* Адреса* Місто (для етапу 2.0)* Статус приватності Додаткові пошукові дані: Теги Влючення в маршрут + визначення найближчих Увімкнення/вимкнення сповіщень
  12. 12. Структура маршруту Зупинка: порядковий номер адреса зупинки тривалість зупинки прив’язана нотатка Відрізок: тривалість проходу маршрут між зупинками Загальна інформація: тривалість кількість зупинок загальний кілометраж вибір транспорту
  13. 13. Wireframes Початковий етап Три основні flows: Реєстрація, Створення і робота з нотатками, Створення маршрутів
  14. 14. Wireframes Деталізація. Flow створення нотатки Flow створення нотатки як приклад high-fidelity wireframes. Частина перша
  15. 15. Wireframes Деталізація. Flow створення нотатки Частина друга
  16. 16. Графічна частина
  17. 17. Стиль Основна частина інтерфейсу додатка - системний стиль Android Material Design. Але є окремі індивідуальні деталі - піни, вказівник місцезнаходження і сплеш-скрін.
  18. 18. Піни і лого В розробці пінів і логотипу стояло два завдання: перше - вони мать співпадати по загальній формі. Друге - ця форма повинна відображати поєднання позначки на карті і нотатки. Тут представлені ескізи для обох елементів.
  19. 19. Піни і лого Лого, новий пін і піни різних категорій Позначка місцезнаходження Вигляд на карті
  20. 20. Splash Screen
  21. 21. Landing Page
  22. 22. Три основні функції і приклади скрінів, які їх ілюструють
  23. 23. Додаткові опції і відгуки
  24. 24. Сценарії
  25. 25. Загальний опис Останній розділ - сценарії - показує підсумок всієї вищевказаної роботи. Я рада представити вам NoteMap - додаток на основі Google Maps, який дозволяє не тільки шукати потрібні вам локації, але і зберігати інформацію про них, об’єднувати їх у складні маршрути і ділитися ними з друзями. NoteMap нагадає вам, коли ви будете поряд з місцем, яке вас цікавить, виведе всю необхідну інформацію на екран, проведе оптимальний маршрут для вибраних вами нотаток і вкаже приблизний час. Ну і як бонус ви отримаєте можливість завантажити унікальний контент - екскурсії, розроблені професійними екскурсоводами і складені у оптимальні для прогулянок маршрути. В бета-версії карта буде поширватись на територію України з основним контентом для кількох найпопулярніших міст - Львова, Києва, Харкова, Одеси та Чернівців. У цьому розділі ми розглянемо на прикладі нашого користувача Андрія, як функціонує NoteMap.
  26. 26. Сценарій 1 Андрій ввечері вдома готується до поїздки. Він шукає в Інтернеті потрібну інформацію (на ПК) і відразу імпортує її на телефон
  27. 27. Експортування тексту Заголовок Адреса Опис ЕКСПОРТВІДМІНИТИ Андрій виділяє потібний текст, натискає на кнопку на панелі і вибирає поле в нотатці, в яке цей текст потрібно експортувати.
  28. 28. Імпорт тексту в нотатку Можна вибрати на телефоні “Імпортувати з веб”, тоді його автоматично відправить на ту саму сторінку, але уже на телефоні. А можна продовжити на ПК, інформація буде імпортуватись у різні поля тієї самої нотатки, поки вона не буде збережена і закрита. Після того при імпорті створиться нова. Далі у Андрія два варіанти:
  29. 29. Андрій зберігає нотатку
  30. 30. Андрій хоче подивитися, що у нього вже є, активувати сповіщення і змінити фото в одній із нотаток
  31. 31. Сценарій 2 Андрій іде гуляти по місту. Коли проходить повз відмічену адресу, телефон подає звуковий сигнал. Він витягає телефон і читає інформацію, що автоматично з’являється на екрані. Потім він проходить повз будівлю, яка його зацікавила, і вирішує занотувати адресу. Пізніше він шукає, як добратися до потрі- бного йому місця.
  32. 32. Телефон подає звуковий сигнал і виводить інформацію на екран, коли Андрій проходить повз потрібну йому будівлю. Автоматичне виведення інформації на екран
  33. 33. Андрій бачить локацію, яка його зацікавила, і вирішує додати нотатку за цією адресою. Він ділиться нотаткою з друзями.
  34. 34. Андрій хоче знайти шлях до потрібної йому адреси. Він набирає у верхньому полі адресу і тисне кнопку “Маршрут”. Маршрут автоматично формується між обраною адресою і його місцезнаходженням.
  35. 35. Сценарій 3 Андрій хоче привезти до Львова свою дівчину, і тому готується особливо - цього разу він буде у ролі екскурсовода. Він хоче показати все найкраще, що він бачив у Львові під час своїх подорожей.
  36. 36. Спочатку Андрій міняє налаштування Він вибирає “відображати тільки активні”, щоб ніщо зайве не відволікало під час екскурсії З тієї ж причини він вимикає звук при сповіщенні - він все одно буде час від часу дивитись на екран Він також міняє тривалість зупинки на 10 хв, щоб спланувати час з запасом
  37. 37. Потім Андрій знімає активні сповіщення з усіх нотаток, вибирає ті, які йому потрібні, і активує тільки їх
  38. 38. Із вибраних нотаток Андрій формує автоматичний маршрут і зберігає його Потім він вирішує зберегти цю інформацію для роздруку - додаток формує текстовий файл, який складається з карти і вказівок, як рухатись, і всієї інформації з нотаток з фотографіями включно. Він перекидає файл на свій ПК, карту роздруковує, а решту інформації завантажує у сво електронну книжку - в ній батарея точно не сяде.
  39. 39. Реєстрація
  40. 40. Профіль і друзі
  41. 41. Фільтр У меню нотаток - тільки персональні нотатки. Але на карті можна також бачити нотатки інших, чи то друзів, чи всі, для яких данозагальний доступ. Фільтр існує для швидкого відбору серед них того, що цікавить, і що ви хочете бачити на карті на даний момент. Детальніший відбір можна проводити через меню нотаток. Перша частина списку - основні характеристики, тут можна вибрати тільки один пункт Друга частина списку - основні категорії (визначаються за тегами). Їх можна вибрати декілька. Загалом, їх буде стільки ж, скільки і стандартних тегів. Теги, створені користувачем, знаходяться під пунктом “Інше”
  42. 42. Подяка Дякую LITS і всім викладачам за цей супер-інтенсивний курс. Дякую своєму ментору Святославу Дідуху за хороші поради - без нього результат був би набагато гіршим. Дякую однокурсникам за не менш важливі поради під час наших обговорень. І дякую вам всіх за увагу.

×