<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Здоровий глузд: дописи з тегом теорія</title>
<link>https://blog-archive.alexkolodko.com/tags/teoriya/</link>
<description>Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems</description>
<author></author>
<language>uk</language>
<generator>Aegea 11.3 (v4134)</generator>

<itunes:subtitle>Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems</itunes:subtitle>
<itunes:image href="" />
<itunes:explicit></itunes:explicit>

<item>
<title>Навігація заздалегідь</title>
<guid isPermaLink="false">69</guid>
<link>https://blog-archive.alexkolodko.com/all/wayfinding-in-advance/</link>
<pubDate>Thu, 20 Oct 2022 10:39:06 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/wayfinding-in-advance/</comments>
<description>
&lt;p&gt;Коли знайшов &lt;a href="https://blog.alexkolodko.com/all/hyperbolisation/"&gt;цю картинку&lt;/a&gt; входу у музей мистецтв у Філадельфії (Philadelphia Museum of Art), то зайшов на їхній сайт та побачив гарний підхід до інформування.&lt;/p&gt;
&lt;p&gt;Шлях відвідувача (customer journey) починається ще до того, як людина попадає на локацію: відвідує сайт, знаходить інформацію як дістатись до локації різними видами транспорту, дивиться онлайн-карти, планує подорож, формує очікування тощо.&lt;/p&gt;
&lt;p&gt;—&lt;/p&gt;
&lt;p&gt;Ось, наприклад, аналіз сценаріїв з нашого проєкту навігації для MacPaw Space, який знаходиться у БЦ «Торонто». Частина навігації на самій локації не така велика, як шлях до неї.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2400" data-ratio="3.7795275590551"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/MPS-CJs-1.png" width="2400" height="635" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/MPS-CJs-2.png" width="2400" height="525" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/MPS-CJs-3.png" width="2400" height="525" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/MPS-CJs-4.png" width="2400" height="525" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;На картинках 4 сценарії відвідувачів: на івент, у музей, у кафе і як спікер.&lt;/div&gt;
&lt;/div&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;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;інструкції (текстові, графічні, аудіо та відео) для людей з різними порушеннями (зору, слуху, маломобільні, на візках тощо), це також покращує загальну доступність (за кордоном це називається assistance guide або access guide);&lt;/li&gt;
&lt;li&gt;можливо якісь ще особливості міста, які існують тільки тут.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;На сайті музею є окрема сторінка з інформацією про те, як до них дістатись ріхними видами транспорту: &lt;a href="https://philamuseum.org/visit/getting-here"&gt; philamuseum.org/visit/getting-here&lt;/a&gt;&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2560" data-ratio="1.3756045137023"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/museum-site-1.jpg" width="2560" height="1861" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/museum-site-2.jpg" width="2560" height="1861" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/museum-site-3.jpg" width="2560" height="1861" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Розділ Getting Here&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;—&lt;/p&gt;
&lt;p&gt;Окремо хочеться відзначити дуже приємну &lt;a href="https://philamuseum.org/visit/museum-map"&gt;схему самого музею&lt;/a&gt;. Подивіться, як на ній показані дуже характерні кругові сходи, які є в реальності. Це стає додатковим орієнтиром та дуже допомагає зв’язати картинку та будівлю. Плюс цю карту можна завантажити у &lt;a href="https://cdn.sanity.io/files/f23a1pgq/pma_beta/bd288409efcb6789c656efe14c37f7baeb85cb87.pdf"&gt;вигляді окремого PDF&lt;/a&gt; зі всією інформацією та взяти з собою.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="2000" data-ratio="1.3271400132714"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/floor-1.jpg" width="2000" height="1507" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/floor-2.jpg" width="2000" height="1455" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Схема музею&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1704" data-ratio="0.78021978021978"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/frank-gehry-philadelphia-museum-of-art-gehry-partners-architecture-extension-renovation-museums-usa_dezeen_2364_col_11-1704x2184.jpg" width="1704" height="2184" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/frank-gehry-philadelphia-museum-of-art-gehry-partners-architecture-extension-renovation-museums-usa_dezeen_2364_col_9-1704x2367.jpg" width="1704" height="2367" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/frank-gehry-philadelphia-museum-of-art-gehry-partners-architecture-extension-renovation-museums-usa_dezeen_2364_col_8-1704x2348.jpg" width="1704" height="2348" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Фото музею Джерело: &lt;a href="https://www.dezeen.com/2021/05/06/frank-gehry-philadelphia-museum-of-art-opens/"&gt;https://www.dezeen.com/2021/05/06/frank-gehry-philadelphia-museum-of-art-opens/&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Ще з прикладів — офлайн Подія X від Projector у Unit.City. Після реєстрації на пошту разом з підтвердженням надіслали карту з проходом від входу до локації.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1854" data-ratio="1.0842105263158"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/prjctr-event-mail.png" width="1854" height="1710" alt="" /&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/prjctr-event-map-resize.png" width="2400" height="1350" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Розсилка про Подію X від Projector&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Або Епіцентр під час замовлення на сайті показує, де в самому магазині шукати відповідну зону. При цьому вже на місці немає ніяких вказівників до пункту видачі замовлень ¯\_(ツ)_/¯.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/epicenter-nav-online.jpg" width="2560" height="1361" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Підтвердження замовлення на сайті Епіцентру&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Навігація. Що це і як працює</title>
<guid isPermaLink="false">18</guid>
<link>https://blog-archive.alexkolodko.com/all/wayfinding-intro/</link>
<pubDate>Wed, 10 Jun 2020 13:23:00 +0200</pubDate>
<author></author>
<comments>https://blog-archive.alexkolodko.com/all/wayfinding-intro/</comments>
<description>
&lt;p&gt;Для початку треба розібратись з термінами. Навігація в англійській мові зветься «wayfinding», тобто знаходження шляху. І таке значення краще показує суть — допомогти людині пройти вірним шляхом до цілі.&lt;/p&gt;
&lt;p&gt;Якщо у Пінтересті пошукати за словом wayfinding, то можна побачити багато всякої краси.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/wf-pinterest.jpg" width="1024" height="588" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Результати по запросу wayfinding на Пінтересті. Але це лише ~5% навігаційного проєкту.&lt;/div&gt;
&lt;/div&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;/ul&gt;
&lt;p&gt;І якщо спростити, системи навігації складаються з чотирьох типів знаків:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Орієнтувальні&lt;/b&gt; — карти чи схеми для орієнтування у просторі та будування маршруту;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Напрямні &lt;/b&gt;— вказівники у точках прийняття рішень та розгалуженнях;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Ідентифікаційні&lt;/b&gt; — підписують об’єкт, щоб людина зрозуміла, куди потрапила;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Інформаційні&lt;/b&gt; — заборони, обмеження, правила (наприклад, «Проходу немає»).&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/wf-sign-types.png" width="1770" height="690" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Типи навігаційних знаків&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Процес створення&lt;/h2&gt;
&lt;p&gt;Створення і життя навігації зазвичай можна розкласти на шість етапів:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;&lt;b&gt;Розуміння контексту. &lt;/b&gt; Для цього є дві складові: місце і люди (користувачі) цим місцем. Потрібно зрозуміти як влаштоване місце, які у нього користувачі та які у цих користувачів потреби і як користувачі сприймають місце.&lt;/li&gt;
&lt;li&gt;&lt;b&gt; Інфопланування.&lt;/b&gt; Планування розміщення майбутніх знаків, створення контенту цих знаків та принципів їх створення.. Мабуть, найвідповідальніший етап, бо не важливо наскільки класний знак, він не буде корисним, якщо він розміщений не там, де потрібно, і говорить не те, що потрібно.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Дизайн. &lt;/b&gt;Навігація як частина комунікації місця та його бренду. Потрібно створювати універсальний дизайн — для всіх користувачів, та враховувати саме навігаційні нюанси.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Тестування. &lt;/b&gt;Всі придумані рішення потрібно подивитись в самому середовищі, а краще відтестувати на користувачах.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Виробництво та монтаж. &lt;/b&gt;Навігація — реальні артефакти та конструкції, які треба виготовити. Для цього потрібні документація та специфікації для виробників, макети всіх знаків та схеми розміщення. Після виробництва всі знаки треба змонтувати на реальні місця, це також варто контролювати.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Обслуговування. &lt;/b&gt;Після встановлення життя навігації не закінчується, починається процес обслуговування, бо потрібно тримати інформацію актуальною та оновлювати знаки, або відновлювати навігацію після вандалізму.&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://blog-archive.alexkolodko.com/pictures/wf-process.png" width="562" height="1076" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В наступних частинах ми детальніше подивимось на кожен з етапів.&lt;/p&gt;
</description>
</item>


</channel>
</rss>