<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Victor Makhankov &#8211; UX/UI дизайн</title>
	<atom:link href="https://www.ux-ui.top/author/victor-makhankov/feed" rel="self" type="application/rss+xml" />
	<link>https://www.ux-ui.top</link>
	<description>Проектирование пользовательских интерфейсов</description>
	<lastBuildDate>Thu, 13 Oct 2022 19:07:40 +0000</lastBuildDate>
	<language>uk</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Вступ в основні техніки формування ідей, які є серцем дизайн-мислення</title>
		<link>https://www.ux-ui.top/dyzajn-myslennya/vstup-v-osnovni-tehniky-formuvannya-idej-yaki-ye-serczem-dyzajn-myslennya.html</link>
					<comments>https://www.ux-ui.top/dyzajn-myslennya/vstup-v-osnovni-tehniky-formuvannya-idej-yaki-ye-serczem-dyzajn-myslennya.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Thu, 01 Mar 2018 12:27:45 +0000</pubDate>
				<category><![CDATA[Дизайн Мислення]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=829</guid>

					<description><![CDATA[Формування ідей чи ідеація – це серце процесу дизайн-мислення. Існує сотні технік створення ідей, такі як мозковий штурм, скетчінг (“швидкий малюнок”), скампер (SCAMPER) та прототипування. Деякі техніки – це перейменовані або трохи адаптовані версії фундаментальніших технік. Тут ви ознайомитеся з найкращими техніками, а також дізнаєтесь, коли та чому їх використовують.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="brand-testimonial card">
<div class="brand-image"><img decoding="async" src="https://public-media.interaction-design.org/images/idf-logo.svg" alt="The IDF" width="75" /></div>
<div class="details">Оригінал статті: <a href="https://www.interaction-design.org/literature/article/introduction-to-the-essential-ideation-techniques-which-are-the-heart-of-design-thinking?ep=ux-ui" rel="nofollow">https://www.https://www.interaction-design.org/literature/article/introduction-to-the-essential-ideation-techniques-which-are-the-heart-of-design-thinking</a></div>
</div>
<p>&nbsp;</p>
<p>Автори – Рікке Дем та Тео Сіанг (Rikke Dam, Teo Siang)</p>
<p>Формування ідей чи ідеація – це серце процесу дизайн-мислення. Існує сотні технік створення ідей, такі як мозковий штурм, скетчінг (“швидкий малюнок”), скампер (SCAMPER) та прототипування. Деякі техніки – це перейменовані або трохи адаптовані версії фундаментальніших технік. Тут ви ознайомитеся з найкращими техніками, а також дізнаєтесь, коли та чому їх використовують.</p>
<p><em>” Ідеація – це метод дизайнерського процесу, коли ви концентруєтеся на генерації ідей. Розумово він є процес “поширення” з погляду концепцій і результатів. Ідеація забезпечує як паливо, так і вихідний матеріал для створення прототипів та передачу інноваційних рішень до рук ваших користувачів.” &#8211; </em>d.school, An Introduction to Design Thinking PROCESS GUIDE</p>
<p>&nbsp;</p>
<p><strong>Як формувати ідею</strong></p>
<p>Ви формуєте ідею, об&#8217;єднавши свій свідомий та несвідомий розум. Ви поєднуєте свої раціональні думки та свою уяву. Наступні техніки – найважливіші техніки, які допоможуть вам та вашій команді формувати ідеї:</p>
<p><strong>Найважливіші техніки формування ідей: які з них ви маєте обрати?</strong></p>
<p>Відповідно до природи ідеації надзвичайно важливо використовувати техніки, які підходять типу ідей, які ви намагаєтесь генерувати. Вибрані вами техніки також повинні відповідати потребам команди творців ідей, їхнього рівня креативної продуктивності та їхнього досвіду в сесіях ідеації.</p>
<p>Ось короткий огляд найважливіших технік формування ідей:</p>
<p>&nbsp;</p>
<p><strong>Мозковий штурм (Brainstorm)</strong></p>
<p>Під час сеансу &#8220;мозкового штурму&#8221; ви використовуєте спільну діяльність групи для отримання нових ідей, шляхів створення їх на основі інших ідей. Ідеї ​​поєднуються для створення однієї гарної ідеї, як показано в слогані “1+1=3”. Учасники повинні мати можливість обговорювати свої ідеї вільно та не побоюючись критики. Ви повинні створити обстановку, за якої усі учасники можуть висловлювати дикі та дивні ідеї, які дозволять просунутися набагато далі, ніж за простого логічного осмислення проблеми.</p>
<p>&nbsp;</p>
<p><strong>Мозкове скидання (Braindump)</strong></p>
<p>&#8220;Мозкове скидання&#8221; дуже схоже на &#8220;мозковий штурм&#8221;, але виконується воно індивідуально. Учасники записують свої ідеї на аркуші й потім діляться з групою.</p>
<p>&nbsp;</p>
<p><strong>Письмовий мозковий штурм (Brainwrite)</strong></p>
<p>Письмовий мозковий штурм також дуже схожий на сесію “мозкового штурму”. З усім тим, учасники пишуть свої ідеї на аркуші паперу, а потім за кілька хвилин передають свої записи іншому учаснику, який розвиває ідеї першого учасника і так по черзі. Після ще кількох хвилин окремі учасники передають свої листки комусь ще й процес триває. Через 15 хвилин ви збираєте усі листки та починається загальне обговорення.</p>
<p><em>Письмовий мозковий штурм також дуже схожий на сесію “мозкового штурму”. З усім тим, учасники пишуть свої ідеї на аркуші паперу, а потім за кілька хвилин передають свої записи іншому учаснику, який розвиває ідеї першого учасника і так по черзі.</em></p>
<p>&nbsp;</p>
<p><strong>Мозковий штурм у русі (Brainwalk)</strong></p>
<p>&#8220;Мозковий штурм у русі&#8221; схожий на &#8220;письмовий мозковий штурм&#8221;, але замість передачі листка паперу учасники ходять по кімнаті, безперервно знаходячи нові &#8220;зупинки формування ідей&#8221;, де вони можуть доопрацювати ідеї інших учасників.</p>
<p>&nbsp;</p>
<p><strong>Найгірша можлива ідея (Worst Possible Idea)</strong></p>
<p>Найгірша можлива ідея – високоефективний метод, який ви можете використовувати для отримання потоку креативних ідей та для допомоги тим, хто не настільки впевнений у висловленні себе через “мозковий штурм”. Це також дуже весело. Замість того, щоб прагнути хороших ідей, тим самим підвищуючи тиск на учасників, вимагайте найгіршу ідею з можливих, яку може запропонувати ваша команда. Цей простий метод полегшує будь-які проблеми з занепокоєнням і впевненістю в собі, дозволяючи людям стати більш грайливими та ризикованими, оскільки вони знають, що напевно їхні ідеї не будуть ретельно перевірятися на наявність невідповідності мети. Набагато простіше сказати &#8220;Гей, ні, це не так погано&#8221; ніж протилежне.</p>
<p>&nbsp;</p>
<p><strong>Оскарження припущень (Challenge Assumptions)</strong></p>
<p>Відступіть на крок назад від розв&#8217;язуваного завдання та поставте деякі важливі питання про те, які припущення є у вас про продукт, послугу або ситуацію, де ви намагаєтеся внести новацію. Особливо ефективно заперечувати припущення, коли ви застрягли на поточних парадигмах мислення чи закінчилися ідеї. Отже, це корисно для перезавантаження усієї сесії. Ці характеристики, які ми звикли вважати зрозумілими, є по-справжньому важливими аспектами або вважаються такими, тому що ми звикли до них?</p>
<p>&nbsp;</p>
<p><strong>Карта думок (Mindmap)</strong></p>
<p>&nbsp;</p>
<p>Карта думок – графічна техніка, завдяки якій учасники формують мережу взаємозв&#8217;язків. Щоб розпочати роботу з найпростішою формою карти думок, учасники пишуть постановку проблеми або ключову фразу у середині сторінки. Потім вони пишуть рішення та ідеї, які спадають їм на думку, на цій же сторінці. Після цього учасники поєднують рішення та ідеї за допомогою кривих чи прямих ліній з їх незначними, чи важливими (попередніми, чи наступними) фактами, чи ідеями.</p>
<p>&nbsp;</p>
<p><strong>Скетчінг або &#8220;ескізний шторм&#8221; (Sketch, Sketchstorm)</strong></p>
<p>Цінною вправою під час сесії формування ідей стане вираження ідей та потенційних рішень не лише через слова, а й за допомогою ескізів та діаграм. Візуалізація може дати поштовх новим ідеям, забезпечуючи ширший спектр думок. Ідея робити нариси ваших ідей полягає не в розробці красивих малюнків, які вставлять у рамку та вішатимуть на стіну. Ескізи повинні бути максимально простими та грубими, з достатньою деталізацією, щоб зрозуміти вміст. Це також допоможе вберегти людей від прихильності до своїх маленьких витворів мистецтва.</p>
<p>Ескізи, як перевірений інструмент дизайну, допоможуть вам дослідити сферу вашого дизайну ширше і уникнути пасток, пов&#8217;язаних з фокусуванням на несприятливих дизайнерських рішеннях більш ранішнього часу. Зокрема, ескізи можуть сприяти тому, що ви зможете думати більш відкрито та креативно про свої ідеї під час дизайнерського процесу. Вони допоможуть вам створити багаті ідеї без зайвих переживань щодо їхньої якості. Ескізи допоможуть вам винаходити та досліджувати концепції, швидко записуючи ідеї. Ескізи все зроблять набагато простіше ніж обговорення, критику та обмін ідеями з іншими. Ось чому ескізи – це відмінний інструмент, який допоможе вам та вашій команді відібрати вартісні ідеї.</p>
<p><em>Ескізи мають бути максимально простими та грубими, з достатньою деталізацією, тільки щоб передати сенс.</em></p>
<p>&nbsp;</p>
<p><strong>Техніка розкадрування (Storyboard)</strong></p>
<p>Історії є ключовим засобом комунікації, навчання та вивчення. Розкадрування полягає у розробці візуальної історії, пов&#8217;язаної з проблемою, дизайном чи рішенням, яке ви хочете пояснити чи вивчити. Розкадрування може допомогти вам втілити ситуацію у життя, вона може показати, що відбувається з часом, та дослідити динаміку ситуації. Ви можете використовувати розкадрування після того, як поставите себе на місце інших людей, щоб краще зрозуміти їхнє життя. Ви можете намалювати свої історії. Розкадрування може допомогти вам подати інформацію, яку ви отримуєте під час досліджень. Створюйте сценарії, що складаються з зображень та цитат від користувачів. Якщо ви розробляєте ідеї, можна спробувати грати з різними сценаріями, щоб побачити, куди вони приведуть. Розробите єдину сюжетну лінію з акторами та сюжетом. Спробуйте створити напруженість та увімкніть сюрпризи у свою історію. Викличте емоції та покажіть боротьбу, а в кінці вивчіть і вирішіть сперечання та залиште користувача задоволеним.</p>
<p>Коли ви створюєте своє розкадрування, ви можете шукати натхнення у методі “Сім елементів гарної розповіді Аристотеля”, який ви можете завантажити, видрукувати та використовувати як посібник.</p>
<p>&nbsp;</p>
<p><strong>Рольове розігрування ідей (Bodystorm)</strong></p>
<p>Бодістормірг – це техніка, за якої учасники фізично розігрують ситуації, які намагаються удосконалити. Це може включати вираз рішень ідей за допомогою фізичної активності або прийняття деяких проблемних сценаріїв, які ми намагаємося вирішити. Фізичне розігрування процесів, сценаріїв та подій допомагає фізично залучити команду до формування ідей замість того, щоб будувати теорії щодо проблем. Техніка поєднує аспекти емпатії, мозкового штурму та прототипування в одну вправу з підвищеною енергією та рухом, що допомагає стимулювати більш високу енергію та більш значний досвід.</p>
<p>Бодістормінг може включати налаштування всього простору формування ідей за допомогою реквізиту та артефактів, щоб відтворити деяку подобу реального середовища, щоб перевірити різні сценарії та подивитися, як це може змінити ситуацію. Цей процес також може включати розробку різних кроків, з яких складається шлях клієнта.</p>
<p>&nbsp;</p>
<p><strong>Аналогії (Analogies)</strong></p>
<p>Оповідачі, журналісти, художники, лідери та будь-які інші творчі професії покладалися на створення аналогій як потужного інструменту для спілкування та створення ідей. Аналогія – це порівняння між двома речами, наприклад, як порівняння серця та насоса. Ми постійно спілкуємося, використовуючи аналогії, оскільки вони дозволяють нам висловити нашу ідею або пояснити складні питання зрозумілим та мотивуючим чином.</p>
<p>&nbsp;</p>
<p><strong>Провокація (Provocation)</strong></p>
<p>Провокація – це техніка нестандартного мислення, яка кидає виклик статус-кво та дозволяє вам досліджувати нові реалії. Нестандартне мислення дистанціюється від класичного методу розв&#8217;язання проблем, де ми виробляємо рішення крок за кроком, виходячи з даних.</p>
<p>Креативность &#8211; это путешествие через стимулы с возможно абстрактным или незримым пунктом назначения в уме. Маршрут путешествия неизвестен, и чаще всего вам необходимо изучить несколько путей, чтобы добраться до неизвестного места назначения. Провокации обеспечивают этот механизм для введения нетрадиционности в модели мышления и исследовательский процесс. Провокации сами по себе в большинстве случаев не приводят непосредственно к окончательному решению, хотя они и обеспечивают материал, из которого может быть сформирована новая идея.</p>
<p>&nbsp;</p>
<p><strong>СКАМПЕР (SCAMPER) </strong></p>
<p>Скампер – це нестандартна техніка формування ідей, яка використовує дієслова дії як стимули. Це допомагає нам ставити сім питань, щоб придумати ідеї для покращення чинних продуктів або створення нового продукту.</p>
<p>&nbsp;</p>
<p><strong>Рух (Movement)</strong></p>
<p>Техніка руху також допоможе вам, якщо ви заблоковані у генерації ідей. Ви можете використовувати цю техніку, щоб обходити блокпости у своєму мисленні. Як і техніка провокації, метод руху допоможе вам змусити вашу команду ставити під сумнів статус-кво, перемістити себе та свою команду у нову реальність.</p>
<p>Це є ідеальний “а що якщо?” інструмент. Техніки нестандартного мислення не завжди одразу призводять до конкретних чи корисних ідей, але створюють широкий спектр стимулів мислення, які можна використовувати для узагальнення практичних ідей. Щоб використовувати стимули генерації, потрібний рух, або те, що деякі називають проникливістю чи принциповою розробкою. Цей інструмент допоможе вам визначити теми, принципи, корисні атрибути або тенденції у вашому мисленні, які можна використовувати для створення більш життєздатних та реалістичних ідей.</p>
<p>&nbsp;</p>
<p><strong>Геймштормінг (Gamestorming)</strong></p>
<p>Геймштормінг – це набір ідей та методів вирішення проблем, які навмисно ігрофікуються, щоб значно збільшити рівень взаємодії, енергії та співробітництва під час групових сеансів. Він включає деякі з методів, які ми вже згадували, додаючи ігрофікацію (gamification).</p>
<p>&nbsp;</p>
<p><strong>Декілька прикладів ігрофікованих сесій формування ідей:</strong></p>
<ul>
<li><strong>Акваріум (Fishbowl):</strong> Сесія генерації ідей, під час якої учасники сидять у двох колах – одне менше й одне більше, яке оточує менший. Учасники внутрішнього кола обговорюють свої ідеї та використовують мозковий штурм, тоді як учасники зовнішнього кола слухають, спостерігають та документують ідеї та суть розмови, нічого не кажучи при цьому. Це змушує деяких слухати, а інших брати участь у мозковому штурмі.</li>
<li><strong>Антипроблема (The Anti-Problem):</strong> Ідея ґрунтується на перетворенні проблеми. В антипроблемі є протилежність до реальної проблеми, яку потрібно вирішити. Під час цієї сесії ви намагаєтеся вирішити антипроблему. Це може надихнути вас на те, чого ви не змогли б досягти, зосередившись виключно на реальній проблемі, хоча це може породжувати ідеї, які, як і раніше, пов&#8217;язані з проблемним простором. Ідеї, які ви створюєте, можна буде знову перевернути, щоб повернути їх у сферу реальної проблеми.</li>
<li><strong>Історія для прикриття (Cover Story):</strong> Це передбачає використання шаблону, який змушує учасників створювати легенду, включаючи основне зображення, заголовок, цитати та бічні панелі з відповідними фактами тощо. предметної галузі з використанням основних характеристик.</li>
</ul>
<p>&nbsp;</p>
<p><strong>Обманний мозковий штурм (Cheatstorm)</strong></p>
<p>Cheatstorming менше належить до нових ідей, а більше до ранніх методів формування ідей для прийняття наявного числа ідей та використання їх як вклад або стимул. На відміну від інших технік формування ідей, в яких основна маса створених ідей відкидається, cheatstorming трохи нагадує когнітивну стабільність, повторне використання і не витрачання матеріалу створеного раніше.</p>
<p>&nbsp;</p>
<p><strong>Штурм натовпу (Crowdstorm)</strong></p>
<p>Ще один штурм, який необхідно розглянути, включає цільову аудиторію для створення або коментування та затвердження ідей, що генеруються. Відгуки клієнтів або користувачів важливі на кожному етапі процесу, і залучення їх до вибору та оцінки ідей може призвести до виявлення найкращих та найгірших ідей, які команда могла втратити через сліпі зони. Соціальні мережі, опитування клієнтів, фокус-групи та семінари із спільного дизайну – це усі методи, які стимулюють натовп поділитися своїми думками щодо згенерованих ідей. Цей процес може не забезпечити кінцевого переможця, але він виявить цінну інформацію, яка допоможе вирішити, яку ідею варто вибрати.</p>
<p>&nbsp;</p>
<p><strong>Семінари спільного створення (Co-Creation Workshops)</strong></p>
<p><em>Бувають моменти, коли об&#8217;єднання, дослідження, ідеалізація та прототипування клієнтів або користувачів можуть виявитися корисними при швидкому об&#8217;єднанні. </em>.</p>
<p>Бувають моменти, коли об&#8217;єднання, дослідження, ідеалізація та прототипування клієнтів або користувачів можуть виявитися корисними при швидкому об&#8217;єднанні. Семінари із спільного створення та дизайну поєднують у собі ряд методів дизайн-мислення протягом кількох годин чи кількох днів або навіть тижнів.</p>
<p>Їх можна зробити денними семінарами та проводити кілька разів у різних місцях, щоб прискорити формування висновків та ідей цільового співтовариства. Ці сесії, якщо вони використовуються як разові семінари, зазвичай слідують послідовності, яка включає:</p>
<ul>
<li>Знайомство та початкова розмова, щоб зламати &#8220;лід&#8221; (Introductions and Icebreakers);</li>
<li>Бачення та вправи для визначення цінностей (Vision and Values ​​Exercises);</li>
<li>Вправи емпатії (Empathy Exercises);</li>
<li>Insight Mining;</li>
<li>Розробка проблеми (Challenge Framing);</li>
<li>Формування ідеї (Ideation);</li>
<li>Прототипування (Prototyping).</li>
</ul>
<p>&nbsp;</p>
<p><strong>Прототип (Prototype)</strong></p>
<p>Прототипування саме собою може бути технікою формування ідей. Коли ви створюєте фізичний об&#8217;єкт, вам потрібно приймати рішення і це стимулює формування нових ідей. Ви будуєте, щоби думати.</p>
<p>&nbsp;</p>
<p><strong>Творча пауза (Creative Pause)</strong></p>
<p>Важливим кроком у будь-якому процесі чи сеансі створення ідей є те, що Едвард де Боно згадує у своїй книзі “Серйозна творчість” як творчу паузу. Коли наші нейрони намагаються впоратися зі здавалося б непроникною стіною перешкод, ми можемо легко застрягти у неконструктивних способах мислення. Ми стаємо прив&#8217;язані до ранньої ідеї чи потоку думок або опиняємося у пастці негативних думок, що оточують цей процес. Творча пауза дає нам час, щоб зробити крок назад, замислитися, звільнитися від пасток, котрі ми когнітивно поставили перед собою, і знову взятися до проблеми з оновленою свіжістю розуму. Ми хочемо лідирувати проактивне мислення, а не реактивне, яке часто має негативно орієнтоване ставлення до нього.</p>
<p><em>Творча пауза дає нам час, щоб зробити крок назад, замислитися, звільнитися від пасток, котрі ми когнітивно поставили перед собою, і знову взятися до проблеми з оновленою свіжістю розуму. </em></p>
<p>&nbsp;</p>
<p><strong>На закінчення</strong></p>
<p>Формування ідей – це серце дизайн-мислення. Існує буквально сотні технік формування ідей. Тут ми надали вам огляд кращих технік, а також розкрили, коли та чому їх треба використовувати. Через сутність формування ідей надзвичайно важливо використовувати методи, що відповідають типу ідей, які ви намагаєтесь створити. Методики, які ви оберете, також повинні відповідати учасникам команди з формування ідей, їхньому рівню творчої продуктивності та досвіду участі у сесіях формування ідей.</p>
<p>&nbsp;</p>
<p><strong>Посилання та де дізнатися більше:</strong></p>
<p>Едуард Боно. Серйозна творчість: використання сили нестандартного мислення для створення нових ідей, 1993</p>
<p>Оксана Качур та Пітер Джонс. Bodystorming:</p>
<p><a href="http://designresearchtechniques.com/casestudies/bodystorming/">http://designresearchtechniques.com/casestudies/bodystorming/</a></p>
<p>Co Barry, Посібник з методу Bodystorming. d.school K-12 Lab. 2010:</p>
<p><a href="https://dschool.stanford.edu/groups/k12/wiki/48c54/Bodystorming.html">https://dschool.stanford.edu/groups/k12/wiki/48c54/Bodystorming.html</a></p>
<p>Габріела Гольдшмідт. Глава 9 Візуальна аналогія – стратегія для дизайн-роздумів та навчання</p>
<p>Інноваційні ігри Посібник з методу створення легенд. Conteneo Inc.:</p>
<p><a href="http://www.innovationgames.com/on-the-cover/">http://www.innovationgames.com/on-the-cover/</a></p>
<p>Дейв Грей. Геймштормінг: навчальний посібник для новаторів, порушників правил та прихильників змін, 2010</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/dyzajn-myslennya/vstup-v-osnovni-tehniky-formuvannya-idej-yaki-ye-serczem-dyzajn-myslennya.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Зовнішнє пізнання в дизайні продукту: 3 способи використання зовнішнього пізнання в дизайні продукту</title>
		<link>https://www.ux-ui.top/ux-navchannya/zovnishnye-piznannya-v-dyzajni-produktu-3-sposoby-vykorystannya-zovnishnogo-piznannya-v-dyzajni-produktu.html</link>
					<comments>https://www.ux-ui.top/ux-navchannya/zovnishnye-piznannya-v-dyzajni-produktu-3-sposoby-vykorystannya-zovnishnogo-piznannya-v-dyzajni-produktu.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Thu, 01 Mar 2018 12:10:17 +0000</pubDate>
				<category><![CDATA[Продукт]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=825</guid>

					<description><![CDATA[Навчіться розробляти продукти та системи, які полегшують життя вашого користувача, позбавляючи їх від когнітивного навантаження – тобто кількості зусиль, що використовуються у їхній робочій пам'яті. Поки ви розробляєте user flows (шлях користувача між різними сценаріями взаємодії з інтерфейсом) - знайте, що мінімізація необхідності запам'ятовувати багато речей під час використання вашого продукту або системи, збільшить бажання користувача продовжувати працювати саме з вашим продуктом.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<div class="brand-testimonial card">
<div class="brand-image"><img decoding="async" src="https://public-media.interaction-design.org/images/idf-logo.svg" alt="The IDF" width="75" /></div>
<div class="details">Оригінал статті: <a href="https://www.interaction-design.org/literature/article/external-cognition-in-product-design-3-ways-to-make-use-of-external-cognition-in-product-design?ep=ux-ui" rel="nofollow">https://www.https://www.interaction-design.org/literature/article/external-cognition-in-product-design-3-ways-to-make-use-of-external-cognition-in-product-designn</a></div>
</div>
<p>&nbsp;</p>
<p>Навчіться розробляти продукти та системи, які полегшують життя вашого користувача, позбавляючи їх від когнітивного навантаження – тобто кількості зусиль, що використовуються у їхній робочій пам&#8217;яті. Поки ви розробляєте user flows (шлях користувача між різними сценаріями взаємодії з інтерфейсом) &#8211; знайте, що мінімізація необхідності запам&#8217;ятовувати багато речей під час використання вашого продукту або системи, збільшить бажання користувача продовжувати працювати саме з вашим продуктом. Багато успішних компаній, таких як Google, Amazon і Airbnb, розробляють user flows, які звільняють користувачів від завантаження пам&#8217;яті через зовнішнє пізнання (external cognition). Ця стаття навчить вас, як використовувати зовнішнє пізнання при розробці user flows, щоб можна було впевнено мінімізувати навантаження на пам&#8217;ять користувачів.</p>
<p>Коли ви створюєте дизайн орієнтованих на користувачів продуктів, важливо зрозуміти, як ключові когнітивні функції, такі як міркування та пам&#8217;ять, впливають на те, як клієнти взаємодіють з інтерфейсом користувача на ваших продуктах. Зовнішнє пізнання – це обробка інформації, що відбувається між внутрішнім пізнанням людського розуму та сприйняттям і управлінням його зовнішніми уявленнями (external representations, тобто надання інформації у придатній для читання людиною формі). Якщо ви хочете створити дійсно орієнтовані на користувача продукти, які підтримують розумову здатність користувача, ви завжди повинні з&#8217;ясувати, як найкраще підтримувати навантаження на пам&#8217;ять користувача у дизайні ваших user flows. Календарі, електронні таблиці та калькулятори, а також контрольні списки та анотації – це лише кілька з широко відомих інструментів та продуктів, які демонструють переваги використання зовнішнього пізнання.</p>
<p>Дон Норман (Don Norman), один із найвідоміших лідерів у світі з питань зручності використання, автор книги “Дизайн повсякденних речей” та співзасновник Nielsen Norman Group, вважає, що діапазон доступних сьогодні фізичних інструментів та зовнішніх уявлень розширив сферу охоплення пізнавальної діяльності для людей. Іншими словами, зовнішні уявлення, такі як діаграми, ілюстрації, розмовні інструкції та письмові нотатки, були суттєво схильні до впливу комп&#8217;ютерів. Як результат – люди можуть робити більше і думати ефективніше замість того, щоб обробляти все це у своїх головах.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>3 причини використання зовнішнього пізнання у дизайні продукту</strong></p>
<p>Книга 2001 року “Дизайн взаємодії: за межами людино-комп&#8217;ютерної взаємодії” Роджерса та ін.</p>
<p>&nbsp;</p>
<ol>
<li><strong> Екстерналізація для зменшення навантаження на пам&#8217;ять </strong></li>
</ol>
<p>Протягом десятиліть було розроблено велику кількість стратегій, спрямованих на скорочення завантаження пам&#8217;яті шляхом екстерналізації інформації. Приклади речей, які краще екстерналізувати, включають інформацію, яку важко запам&#8217;ятати – наприклад, номери телефонів та адреси ваших особистих контактів, дні народження чи зустрічі. Різні елементи інформації легше обробляти, коли вони вивантажені з пам&#8217;яті та виражені у вигляді паперових нотаток чи програмного забезпечення.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone wp-image-575 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load.jpg" alt="" width="320" height="480" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load.jpg 320w, https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load-200x300.jpg 200w" sizes="(max-width: 320px) 100vw, 320px" /></p>
<p><small><i>Author/Copyright holder: Francisco Tosete. Copyright terms and licence: CC BY-NC-SA 2.0</i></small></p>
<p><em>Мобільний додаток для збереження контактної інформації допомагає користувачеві розвантажити свою пам&#8217;ять і натомість зосередитися на поставленій задачі, наприклад, зателефонувати або написати другу. </em></p>
<p>&nbsp;</p>
<ol start="2">
<li><strong> Розвантаження обчислень</strong></li>
</ol>
<p>Розвантаження обчислень (computational offloading) – це використання деякого фізичного інструменту разом із зовнішнім уявленням, що дозволяє користувачеві взаємодіяти з інструментом та розв&#8217;язувати обчислювальну проблему. Простий приклад можна побачити щоразу, коли ми використовуємо ручку та папір для виконання обчислень. Користувач використовує фізичні інструменти, такі як ручка та папір, щоб екстерналізувати математичну проблему, яка спочатку існувала у їхніх головах.</p>
<figure id="attachment_577" aria-describedby="caption-attachment-577" style="width: 900px" class="wp-caption alignnone"><img decoding="async" class="wp-image-577 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading.jpg" alt="" width="900" height="587" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading.jpg 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-600x391.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-300x196.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-768x501.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-400x260.jpg 400w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-700x457.jpg 700w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-577" class="wp-caption-text">Author/Copyright holder: StockSnap.io. Copyright terms and licence: CC0</figcaption></figure>
<p><em>Калькулятор можна використовувати для розрахунків різних щоденних витрат. Замість того, щоб виконувати розрахунки у наших головах і в процесі відстежувати кожен результат, калькулятор допомагає нам зберігати числові результати, та дає змогу зосередитись на поставленому завданні – наприклад, розрахувати вартість продуктів на тиждень.</em>.</p>
<p>&nbsp;</p>
<ol start="3">
<li><strong> Анотації та когнітивне відстеження </strong></li>
</ol>
<p>Анотування включає пояснення або модифікацію зовнішніх уявлень. Наприклад, анотування документів може звільнити користувача від необхідності продивлятись увесь документ у разі повернення до нього в майбутньому. Надання користувачам можливості анотувати, має додаткову перевагу – воно дозволяє синтезувати великі обсяги інформації у невеликі, індивідуальні нотатки. Анотації позбавляють користувачів від навантаження, дозволяючи їм втілювати свої думки замість того, щоб згадувати попередні думки та розбиратися у всьому знову і знову щоразу, коли вони відвідують той самий розділ інформації.</p>
<p>Когнітивне відстеження або когнітивне трасування (cognitive tracing) передбачає управління зовнішніми уявленнями для формування нової інформації. Приклад когнітивного відстеження можна побачити в різних програмах спільного використання контенту, які містять інструкції користувача, що зазначені датою та часом останнього запису. Це дозволяє користувачеві стежити за тим, що сталося або що було змінено, коли вони працюють над чимось, і дає можливість повернутися до цього вже пізніше.</p>
<p><img decoding="async" class="alignnone wp-image-578 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing.png" alt="" width="900" height="513" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-600x342.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-300x171.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-768x438.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-345x198.png 345w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-700x399.png 700w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><em>Google Документи – чудовий приклад того, як користувачі можуть використовувати свої коментарі та функції анотацій для підтримки когнітивного відстеження.</em></p>
<figure id="attachment_579" aria-describedby="caption-attachment-579" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-579 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/great-example-.jpg" alt="" width="900" height="598" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/great-example-.jpg 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/great-example--600x399.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/great-example--300x199.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/great-example--768x510.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/great-example--700x465.jpg 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-579" class="wp-caption-text">Author/Copyright holder: Pixabay. Copyright terms and licence: CC0</figcaption></figure>
<p><em>Дизайнер програми анотує на вайрфреймах (wireframe, тобто малюнок моделі сайту, що складається з блоків та їх функціоналу) у процесі роботи. Анотування позбавляє дизайнера необхідності з&#8217;ясовувати, про що йдеться, і чому дизайн був розроблений таким чином щоразу, коли він/вона повертається до вайрфреймів. </em></p>
<p>Інший приклад анотацій та когнітивного відстеження часто можна побачити у дизайні освітніх порталів, які інформують студентів про завершення етапів їх курсу або про раніше переглянуті чи завантажені документи.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-580 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/education-portal.png" alt="" width="900" height="325" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/education-portal.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/education-portal-600x217.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/education-portal-300x108.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/education-portal-768x277.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/education-portal-700x253.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /></p>
<p><em>Коли студенти заходять до освітнього порталу Interaction Design Foundation, вони можуть бачити свій прогрес для кожного курсу.</em></p>
<p>&nbsp;</p>
<p><strong>Дізнайтеся, як продукти Google, що орієнтовані на користувачів, використовують зовнішнє пізнання</strong></p>
<p>Google – американська багатонаціональна технологічна компанія – випускає широкий спектр продуктів, орієнтованих на користувача, маючи чітке уявлення у тому, як працює зовнішнє пізнання. Коли йдеться про те, щоб користувачі вибирали інструменти та рішення, які допомагають їм у повсякденному житті, то чим менше труднощів вони відчують під час вирішення завдань,то тим краще. У Google є безліч продуктів, які дають користувачам можливість займатися своїми справами, допомагаючи їм зменшити навантаження на пам&#8217;ять.</p>
<p>&nbsp;</p>
<ol>
<li><strong> Екстерналізація для зменшення навантаження на згадку </strong></li>
</ol>
<p>Календар Google – безплатний онлайн-календар, який може синхронізуватися на комп&#8217;ютерних та мобільних пристроях, відчутно полегшує користувачам завдання відстеження подій та нагадувань. Календар чудово справляється з тим, щоб дати користувачам можливість класифікувати свої події, встановлювати нагадування і вводити різні адреси та контактні дані їх зустрічей. Такі функції значно зменшують навантаження на пам&#8217;ять користувача, екстерналізуючи інформацію, з якою вони постійно стикаються у своєму повсякденному житті.</p>
<figure id="attachment_581" aria-describedby="caption-attachment-581" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-581 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load.png" alt="" width="900" height="499" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load-600x333.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load-300x166.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load-768x426.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/Externalizing-to-Reduce-Memory-Load-700x388.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-581" class="wp-caption-text">Author/Copyright holder: Google Inc. Copyright terms and licence: Fair Use</figcaption></figure>
<p><em>Код коду календаря Google допомагає користувачу легко розрізняти різні події, такі як шкільні заняття, зустрічі та хобі &#8230;</em></p>
<p>&nbsp;</p>
<ol start="2">
<li><strong> Розвантаження обчислень</strong></li>
</ol>
<p>Google Таблиці – додаток електронної таблиці для організації, зберігання та аналізу даних у табличній формі – чудовий приклад інструменту, який дозволяє користувачам екстерналізувати інформацію та використовувати її для вирішення обчислювальних завдань.</p>
<figure id="attachment_582" aria-describedby="caption-attachment-582" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-582 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading.png" alt="" width="900" height="524" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-600x349.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-300x175.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-768x447.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/Computational-Offloading-700x408.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-582" class="wp-caption-text">Author/Copyright holder: Ludwig Gatzke. Copyright terms and licence: CC BY-NC-SA 2.0</figcaption></figure>
<p><em>За допомогою функцій калькулятора у Google Таблицях користувач може розрахувати свої щомісячні витрати, переглянувши загальну суму за статтями витрат.</em></p>
<p>&nbsp;</p>
<ol start="3">
<li><strong> Анотації та когнітивне відстеження </strong></li>
</ol>
<p>Google Keep – додаток для нотаток, який дозволяє вам буквально зберегти те, що у вас на думці. Він дозволяє робити нотатки, робити списки, зберігати фотографії та синхронізувати їх з усіма вашими пристроями. Це чудовий приклад того, як анотації та когнітивне відстеження можуть дати вашим користувачам почуття контролю та допомогти їм у прийнятті рішень. У Google Keep користувачі можуть змінювати прапорці, переміщати елементи та встановлювати нагадування. Це допомагає користувачам відстежувати, де вони перебувають у будь-якому когнітивному процесі.</p>
<figure id="attachment_583" aria-describedby="caption-attachment-583" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-583 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-1.png" alt="" width="900" height="580" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-1.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-1-600x387.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-1-300x193.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-1-768x495.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/Annotations-and-Cognitive-Tracing-1-700x451.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-583" class="wp-caption-text">Author/Copyright holder: Google Inc. Copyright terms and licence: Fair Use</figcaption></figure>
<p><em>У Google Keep користувач може створювати кілька списків продуктів та створювати нагадування про те, коли потрібно купувати продукти. Це чудовий приклад того, як анотації та когнітивне відстеження звільняють час та простір вашого користувача.</em></p>
<p>&nbsp;</p>
<p><strong>Робочий лист: практика як використовувати зовнішнє пізнання у ваших user flows</strong></p>
<p>При розробці будь-яких продуктів, орієнтованих на користувача, ваша робота як дизайнера, полягає у тому, щоб завжди робити речі максимально простими для користувачів.</p>
<p>Щоб зробити речі більш простими для користувачів, вам потрібно мінімізувати їх когнітивне навантаження, коли це можливо. Коли ви з’ясуєте розумові здібності своїх користувачів стосовно завдань, які вони намагаються виконати, ви будете на правильному шляху до розробки необхідних функцій та правильного досвіду, який обов&#8217;язково приверне користувачів до вашого продукту.</p>
<p>Ось робочий лист для вас, який ви можете використовувати, навчившись враховувати когнітивне навантаження своїх користувачів при розробці дизайну продуктів, орієнтованих на користувача.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-584 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet-1024x701.png" alt="" width="1024" height="701" srcset="https://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet-1024x701.png 1024w, https://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet-600x411.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet-300x205.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet-768x526.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet-700x479.png 700w, https://www.ux-ui.top/wp-content/uploads/2018/03/Worksheet.png 1686w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>&nbsp;</p>
<p><strong> </strong></p>
<p><strong>На закінчення</strong></p>
<p>Коли ви розробляєте дизайн з урахуванням зовнішнього пізнання, ви створите дійсно орієнтовані на користувача продукти, які підтримують розумову здатність ваших клієнтів у всіх user flows вашого продукту. Зовнішнє пізнання може бути надзвичайно корисним методом зниження навантаження на обмежену пам&#8217;ять користувачів та когнітивні ресурси.</p>
<p>Візуалізація подій користувача, налаштування нагадувань, зберігання та відображення даних для поточних розрахунків та відстеження власних рішень шляхом їх анотації – ось лише деякі з практичних прикладів, які втілюють використання зовнішнього пізнання. Календарі, електронні таблиці та калькулятори, а також контрольні списки та анотації – лише кілька широко відомих продуктів, які демонструють переваги використання зовнішнього пізнання.</p>
<p>Щоб дізнатися, як розпізнати, коли інтегрувати зовнішнє пізнання в user flows вашого продукту, використовуйте робочий лист (прикріплений у наведеному вище розділі), який допоможе вам у наступному проєкті.<br />
<strong>Посилання та де дізнатися більше</strong></p>
<p>Щоб дізнатися більше про переваги використання зовнішнього пізнання, дивіться таке:</p>
<p>&#8220;Дизайн взаємодії: за межами людино-комп&#8217;ютерної взаємодії&#8221; Івонн Роджерс, Хелен Шарп, Дженні Прайс</p>
<p>Щоб дізнатися більше про мінімізацію когнітивного навантаження, дивіться тут:</p>
<p><a href="https://www.nngroup.com/articles/minimize-cognitive-load/">https://www.nngroup.com/articles/minimize-cognitive-load/</a></p>
<p>Щоб дізнатися більше про мислення із зовнішніми уявленнями, дивіться тут:</p>
<p><a href="http://adrenaline.ucsd.edu/kirsh/Articles/Interaction/thinkingexternalrepresentations.pdf">http://adrenaline.ucsd.edu/kirsh/Articles/Interaction/thinkingexternalrepresentations.pdf</a></p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/ux-navchannya/zovnishnye-piznannya-v-dyzajni-produktu-3-sposoby-vykorystannya-zovnishnogo-piznannya-v-dyzajni-produktu.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Тестування юзабіліти, навіть якщо відповідь вам відома</title>
		<link>https://www.ux-ui.top/produkt-uk/testuvannya-yuzability-navit-yakshho-vidpovid-vam-vidoma.html</link>
					<comments>https://www.ux-ui.top/produkt-uk/testuvannya-yuzability-navit-yakshho-vidpovid-vam-vidoma.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Wed, 28 Feb 2018 21:05:35 +0000</pubDate>
				<category><![CDATA[Продукт]]></category>
		<category><![CDATA[Юзабіліти]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=856</guid>

					<description><![CDATA[Докази, отримані з тестування юзабіліті (usability, зручність використання), можуть бути більш переконливими, ніж те, що ви кажете. Тестуйте, навіть якщо ви можете легко визначати різницю між хорошими та поганими проектами. Іноді, як професіонали UX, ми повинні виконувати, здавалося б, непотрібні дії для більшого блага. Одна із них – проведення досліджень юзабіліті, навіть коли ми можемо передбачити результат.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>Автор &#8211; Хоа Лоранжер (Hoa Loranger)</p>
<p>Оригінал статті: https://www.nngroup.com/articles/test-when-you-know-answer/</p>
<p>Короткий зміст: Докази, отримані з тестування юзабіліті (usability, зручність використання), можуть бути більш переконливими, ніж те, що ви кажете. Тестуйте, навіть якщо ви можете легко визначати різницю між хорошими та поганими проектами.</p>
<p>Іноді, як професіонали UX, ми повинні виконувати, здавалося б, непотрібні дії для більшого блага. Одна із них – проведення досліджень юзабіліті, навіть коли ми можемо передбачити результат.</p>
<p>Дослідження юзабіліті переслідує кілька цілей. Найбільш очевидною перевагою є з&#8217;ясування того, як найкраще задовольняти потреби користувачів, визначаючи ті елементи дизайну, які працюють чи не працюють.</p>
<p>Однак така ж потужна й часто забута користь для тестування юзабіліті – це досягнення консенсусу. Юзабіліті – це інструмент переконання. Коли ваші рекомендації з дизайну не хочуть приймати, можливо краще все показати, а не розповідати.</p>
<p>&nbsp;</p>
<h2><strong>Навіщо проводити юзабіліти-дослідження?</strong></h2>
<p>Нижче наведено загальні ситуації, які вимагають проведення юзабіліті-досліджень, навіть якщо ви вважаєте, що вже знаєте відповідь:</p>
<p>&nbsp;</p>
<h3><strong>Створення товаричної атмосфери та довіри</strong></h3>
<p>Ви можете знати відповідь, але члени вашої команди можуть не знати її. Вони можуть володіти різними дисциплінами та не мати того досвіду, що і ви. Якщо ви новачок у команді, вам знадобиться зміцнити їхню впевненість у ваших здібностях.</p>
<p>Тести юзабіліті – це можливість дати команді загальний досвід навчання та встановити спільну мову. Досвід безпосереднього спостереження за реакцією людей змінює розмову від того, що я думаю до того, що думають клієнти. У процесі ви отримуєте довіру, роблячи дослідницький процес зрозумілим.</p>
<p>Команди, які беруть участь у постійних дослідженнях юзабіліті, є більш згуртованими та успішнішими, ніж ті, які цього не роблять, тому що їхні рішення вже ґрунтуються на поведінці, свідком якої вони були разом, усією групою.</p>
<p>Тести юзабіліті забезпечують розуміння, яке є основою обговорення у команді. Коли ви робите рекомендацію щодо дизайну, вона буде заснована на загальних знаннях, а не на тому, що деякі люди можуть неправильно витлумачити вашу думку.</p>
<p>Як професіонал UX, ви, очевидно, знаєте, що ваші особисті переваги не стосуються дизайну, оскільки ви створюєте дизайн, щоб задовольнити цільову аудиторію, а не себе. Тим не менш, оскільки задовольнити себе – це цілком нормальне бажання, ви не можете звинувачувати своїх колег у підозрі, що це може бути мотивом деяких ваших дизайнерських пропозицій, навіть якщо ви дійсно ґрунтуєте їх на потребах користувачів, а не на своїх уподобаннях.</p>
<p>&nbsp;</p>
<h3><strong>Подолання проблеми різних ідей</strong></h3>
<p>Дивергентне мислення може генерувати творчі рішення. Проте, як тільки пропонується кілька варіантів, в кінці вони мають зійтися до одного рішення. У той час, як працювати з ідеями легко, прийти до консенсусу дуже важко. Якщо всі мають рацію, що ви повинні робити?</p>
<p>Замість того, щоб брати участь у неконструктивних дебатах про те, що краще, протестуйте різні ідеї, щоб отримати відповідь безпосередньо від користувачів. Суть тестування кількох ідей не так у визначенні переможця, як у визначенні елементів, які найкраще працюють у кожному дизайні та враховують їх для майбутніх проектів. Дослідження юзабіліті можуть допомогти зробити аргументи розмитими та повернуть команду у потрібне русло, бо з користувачем складно сперечатися. Нехай користувачі й будуть голосом розуму, вашими рефері.</p>
<p>&nbsp;</p>
<h3><strong>Управління незручними вимогами</strong></h3>
<p>Багато фахівців UX зазнали ситуації, коли керівник приходить з дикою ідеєю та наказує вам реалізувати її. Коли сказати “ні” незручно (чи варіант) один зі способів пом&#8217;якшити напружену ситуацію – запропонувати дослідити цю ідею.</p>
<p>Припустимо, що вимога полягає у тому, щоб створити новий додаток shiny app, який, як ви знаєте, зазнає невдачі. Дипломатична відповідь може полягати в тому, щоб побачити, чи зможете ви зібрати дані для підтримки чи покращення цієї ідеї. І в процесі ви можете знайти альтернативне рішення, яке найкраще відповідає цілям вимоги.</p>
<p>У багатьох випадках можна протестувати ідею, не створюючи нічого з нуля. Швидше за все, подібна програма або її версія вже існують у реальному світі.</p>
<p>Зберіть відгуки користувачів щодо цих проектів. Тести юзабіліті часто призводять до барвистих цитат користувачів та виділяють відео, які можуть бути надзвичайно привабливими.</p>
<p>&nbsp;</p>
<h3><strong>Уникнути подачі поганих новин особисто</strong></h3>
<p>У вас може бути сильне почуття, що запропонована ідея жахлива і що якщо її втілити, вона зазнає невдачі. Ніхто не хоче бути жертвою поганих новин. І люди можуть не прийняти всерйоз вашу думку, особливо, якщо команда знаходиться далеко від циклу розробки. Коли ми довго пораємося з чимось, воно стає нашою дитиною. Прийняти критику важко.</p>
<p>Пом’якшить удар, провівши дослідження юзабіліті запропонованої ідеї. Даючи можливість справжнім користувачам реагувати на дизайн, ви усуваєте суб&#8217;єктивне сприйняття. Замість того, щоб постачати погані новини самостійно, нехай клієнти зроблять це за вас.</p>
<p>&nbsp;</p>
<h3><strong>просто у разі, якщо ви помиляєтеся</strong></h3>
<p>Навіть найкращі дизайнери UX не можуть точно передбачити, як люди будуть реагувати на інтерфейс без тестування. Досвід допомагає, але не дає повної гарантії.</p>
<p>Незважаючи на те, що я проводив дослідження з юзабіліті протягом двох десятиліть, мене завжди дивує щось нове. Я зіткнувся з ситуаціями, в яких я виступав за сильно змінений дизайн, але під час тестування виявив, що проблема не така серйозна, як я очікував.</p>
<p>Неможливо перевірити усе, але коли ви маєте можливість дослідити, &#8211; то ви повинні це робити, особливо у вкрай критичних ситуаціях з низьким ступенем впевненості. Під час тестування включайте інші дослідні питання, які можуть допомогти команді, щоб ви не відчували, що даремно витрачали ресурси.</p>
<p>&nbsp;</p>
<h4><strong>Висновок </strong></h4>
<p>Тестування юзабіліті ніколи не є марною тратою часу, навіть якщо ви думаєте, що заздалегідь знаєте відповідь. Окрім аналізу дизайну, використовуйте його як можливість залучити членів команди та зацікавлених сторін до проекту. Показуйте, а не просто розказуйте. У процесі ви отримаєте додаткову підтримку.</p>
<p>Коли ви вагаєтесь, просто зробіть це. Вам може знадобитися менше часу, щоб провести просте дослідження, ніж витрачати години, щоб уся команда нескінченно зустрічалася та сперечалася.</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/produkt-uk/testuvannya-yuzability-navit-yakshho-vidpovid-vam-vidoma.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Використання мобільних додатків – тест «один палець, одне око»  для хорошого мобільного дизайну</title>
		<link>https://www.ux-ui.top/produkt-uk/vykorystannya-mobilnyh-dodatkiv-test-odyn-palecz-odne-oko-dlya-horoshogo-mobilnogo-dyzajnu.html</link>
					<comments>https://www.ux-ui.top/produkt-uk/vykorystannya-mobilnyh-dodatkiv-test-odyn-palecz-odne-oko-dlya-horoshogo-mobilnogo-dyzajnu.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Wed, 28 Feb 2018 20:54:00 +0000</pubDate>
				<category><![CDATA[Продукт]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=851</guid>

					<description><![CDATA[Дизайн мобільних пристроїв повинен враховувати, те як користувачі працюють з мобільним телефоном. Тобто потрібно розуміти, що під час використання смартфона можуть виникнути фактори, що відволікають, і щоб їм протидіяти потрібно зробити процес введення настільки простим, наскільки це можливо. Люк Вроблевскі (Luke Wroblewski) пропонує тест "один палець, одне око" ("one thumb, one eyeball" test) як ефективний спосіб щоб впоратися з цією проблемою. Це допоможе зробити ваші дизайни мобільних пристроїв більш зручними для користувачів та покращить досвід користувача.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<div class="brand-testimonial card">
<div class="brand-image"><img decoding="async" src="https://public-media.interaction-design.org/images/idf-logo.svg" alt="The IDF" width="75" /></div>
<div class="details">Оригінал статті: <a href="https://www.interaction-design.org/literature/article/using-mobile-apps-the-one-thumb-one-eyeball-test-for-good-mobile-design?ep=ux-ui" rel="nofollow">https://www.https://www.interaction-design.org/literature/article/using-mobile-apps-the-one-thumb-one-eyeball-test-for-good-mobile-design</a></div>
</div>
<p>&nbsp;</p>
<p>Автор &#8211; Тео Сіанг (Teo Siang)</p>
<p>Дизайн мобільних пристроїв повинен враховувати, те як користувачі працюють з мобільним телефоном. Тобто потрібно розуміти, що під час використання смартфона можуть виникнути фактори, що відволікають, і щоб їм протидіяти потрібно зробити процес введення настільки простим, наскільки це можливо. Люк Вроблевскі (Luke Wroblewski) пропонує тест &#8220;один палець, одне око&#8221; (&#8220;one thumb, one eyeball&#8221; test) як ефективний спосіб щоб впоратися з цією проблемою. Це допоможе зробити ваші дизайни мобільних пристроїв більш зручними для користувачів та покращить досвід користувача.</p>
<p>Аналіз шаблонів використання смартфонів – складна річ. Сайт розробника додатків ThinSlices уважно вивчає, як смартфони використовують у повсякденному житті, та деякі з нових моделей використання мобільних пристроїв.</p>
<figure id="attachment_551" aria-describedby="caption-attachment-551" style="width: 606px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-551 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/glaz.jpg" alt="" width="606" height="399" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/glaz.jpg 606w, https://www.ux-ui.top/wp-content/uploads/2018/02/glaz-600x395.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/glaz-300x198.jpg 300w" sizes="auto, (max-width: 606px) 100vw, 606px" /><figcaption id="caption-attachment-551" class="wp-caption-text">Author/Copyright holder: Z22. Copyright terms and licence: CC BY-SA 3.0</figcaption></figure>
<p>&nbsp;</p>
<h2><strong>Використання смартфонів</strong></h2>
<p>ThinSlices надає наступну інформацію про мобільне використання:</p>
<p>У 68% випадків люди використовують свої телефони вдома, а не на роботі.</p>
<p>72% користувачів смартфонів не дозволяють своїм телефонам виходити із зони досяжності.</p>
<p>Понад половина усіх мобільних телефонів тепер – це смартфони.</p>
<p>Половина користувачів смартфонів вважають, що їхній телефон є основною точкою доступу до інтернету.</p>
<p>На мобільному телефоні є 7 категорій використання &#8211; 3 категорії складають 77% всього часу, витраченого на смартфон &#8211; спілкування, покупки та &#8220;час на себе&#8221;. (Джерело: Harvard Business Review)</p>
<ul>
<li>самовираження (інтереси та хобі);</li>
<li>виявлення (пошук інформації);</li>
<li>підготовка (підготовка до інших видів діяльності);</li>
<li>виконання (управління здоров&#8217;ям, продуктивністю чи фінансами);</li>
<li>покупки;</li>
<li>спілкування та</li>
<li>&#8220;Час на себе&#8221; (відпочинок та розваги). &#8220;Час на себе&#8221; &#8211; це основний вид використання, 46% всього часу, витраченого на смартфон, присвячено цій діяльності.</li>
</ul>
<p>Майже половина користувачів мобільних пристроїв використовує свої смартфони лише для традиційних телефонних операцій – дзвінків та повідомлень.</p>
<p>Ці користувачі не завантажують програми та не переглядають веб-сторінки. Це вказує на потенціал для зростання мобільного веб-простору та додатків на смартфонах.</p>
<p>Найпопулярніші програми у світі &#8211; програми соціальних мереж (Facebook, YouTube, Google+, WeChat, Twitter, Skype, Whatsapp і Instagram), але найчастіше використовують додаток ​​Google Maps (припускаючи, що доступ &#8220;на ходу&#8221; дуже поширений на смартфонах).</p>
<p>Час використання відрізняється залежно від культури (китайці використовують їх найчастіше після обіду, європейці вдень, а американці здебільшого вечорами).</p>
<p>Середній користувач взаємодіє зі своїм телефоном десь 150 разів на день!</p>
<p>Ці дані цікаві не тільки через можливості, які вони представляють для дизайнерів UX з точки зору самого ринку додатків, але й також тому, що вони припускають, що стандартного шаблону використання мобільних пристроїв не існує. Це підтверджує, що найкращий дизайн UX для мобільних пристроїв – це той, який враховує можливість відволікання користувача від завдання, яке вони мають намір зробити.</p>
<figure id="attachment_554" aria-describedby="caption-attachment-554" style="width: 960px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-554 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/The-One-Thumb-One-Eyeball-Test-for-Good-Mobile-Design-.jpg" alt="" width="960" height="639" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/The-One-Thumb-One-Eyeball-Test-for-Good-Mobile-Design-.jpg 960w, https://www.ux-ui.top/wp-content/uploads/2018/02/The-One-Thumb-One-Eyeball-Test-for-Good-Mobile-Design--600x399.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/The-One-Thumb-One-Eyeball-Test-for-Good-Mobile-Design--300x200.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/The-One-Thumb-One-Eyeball-Test-for-Good-Mobile-Design--768x511.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/The-One-Thumb-One-Eyeball-Test-for-Good-Mobile-Design--700x466.jpg 700w" sizes="auto, (max-width: 960px) 100vw, 960px" /><figcaption id="caption-attachment-554" class="wp-caption-text">Author/Copyright holder: Pixabay. Copyright terms and licence: Free to Use.</figcaption></figure>
<p>&nbsp;</p>
<h2><strong>Тест «один палець, одне око» для хорошого мобільного дизайну</strong></h2>
<p>Люк Вробліскі, директор по продуктам Google, зазначає, що в середовищі, що відволікає, найкращою формою взаємодії зі смартфоном є висока швидкість взаємодії з дуже простою у використанні функціональністю. Він називає типовий досвід використання мобільних пристроїв &#8211; досвідом одного пальця та одного ока, оскільки дуже відволікаюче середовище змушує більшість мобільних користувачів працювати з телефоном однією рукою з короткими проміжками часткової уваги.</p>
<p>Таким чином, тест &#8220;один палець, одне око&#8221; &#8211; це з&#8217;ясування того, чи дозволяє ваш мобільний дизайн легко використовувати програму за допомогою однієї руки і частково відволікати увагу. Іншими словами, чи можуть користувачі виконувати певну кількість завдань за допомогою лише однієї руки менш ніж за 60 секунд?</p>
<p>Якщо взаємодія вимірюється в хвилинах чи у секундах, все, що ускладнює його, швидше за все, завадить досвіду користувача. Користувачі, зайняті смартфоном по 150 використань за день, часто не мають часу і не витрачатимуть 5-10 хвилин тільки на те, щоб дізнатися, як взаємодіяти з додатком або мобільним сайтом. Вони очікують, що у своєму дизайні ви задовольнятиме їхню «потребу у швидкості», і якщо ви цього не зробите, вони вирушать в інше місце до того, хто це зробить.</p>
<p>Тест «одне око, один палець» був запропонований Люком під час розробки «Polar» – програми, призначеної для створення фото опитувань і дозволяє голосувати за них. Мета полягала у тому, що користувач повинен створити нове опитування менш ніж за хвилину, використовуючи лише один великий палець.</p>
<p>Результати були вражаючими: команда Люка забезпечила такий простий процес, що більшість користувачів могли зробити нове опитування за тридцять секунд. Вони також перевірили, чи може голосове введення прискорити роботу, і дійшли висновку, що це не було набагато швидше, ніж процес введення за допомогою великого пальця.</p>
<p>(Примітка: Це може бути пов&#8217;язано з тим, що користувачі більш знайомі з процесами введення за допомогою пальця, ніж за допомогою голосу, і ефективність може покращитися, оскільки голосове введення стають більш широко використовуваною формою взаємодії зі смартфонами).</p>
<p>Дизайнери UX можуть виявити, що тест &#8220;один палець, одне око&#8221; &#8211; це чудовий спосіб провести прості дослідження юзабіліті (зручність використання) для мобільних додатків та мобільних веб-сайтів. Безперечно, це не буде дорогим тестом для проведення і може сподобатися навіть найменшим командам дизайнерів/розробників із обмеженим бюджетом.</p>
<figure id="attachment_555" aria-describedby="caption-attachment-555" style="width: 960px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-555 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/take-away.jpg" alt="" width="960" height="640" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/take-away.jpg 960w, https://www.ux-ui.top/wp-content/uploads/2018/02/take-away-600x400.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/take-away-300x200.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/take-away-768x512.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/take-away-700x467.jpg 700w" sizes="auto, (max-width: 960px) 100vw, 960px" /><figcaption id="caption-attachment-555" class="wp-caption-text">Author/Copyright holder: Pixabay. Copyright terms and licence: Free to Use.</figcaption></figure>
<p>&nbsp;</p>
<h4><strong>На закінчення</strong></h4>
<p>Використання мобільних програм та веб-сайтів дуже відрізняється від роботи з комп&#8217;ютером. Протягом дня користувачі стикаються з різними ситуаціями, і для того, щоб забезпечити високоякісний досвід користувача, дизайнерам необхідно оптимізувати взаємодію зі своїми продуктами, щоб забезпечити максимальні шанси на прийняття користувачами. Тест «один палець, одне око» – це ефективний спосіб побачити, чи забезпечує дизайн цю простоту взаємодії.</p>
<p>&nbsp;</p>
<h4><strong>Посилання </strong></h4>
<p>Дуже цікаву та детальну інформацію про мобільне використання можна знайти на сайті ThinSlices тут:</p>
<p><a href="http://www.thinslices.com/smartphone-statistics-tablet-usage-patterns/">http://www.thinslices.com/smartphone-statistics-tablet-usage-patterns/</a></p>
<p>Harvard Business Review досліджує, як мобільні телефони використовуються з точки зору активностей, що проводяться тут:</p>
<p><a href="https://hbr.org/2013/01/how-people-really-use-mobile/ar/1">https://hbr.org/2013/01/how-people-really-use-mobile/ar/1</a></p>
<p>Оригінальна стаття Люка Вроблевскі та відмінне відео з тесту у дії можна знайти в його блозі тут:</p>
<p><a href="http://www.lukew.com/ff/entry.asp?1664">http://www.lukew.com/ff/entry.asp?1664</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/produkt-uk/vykorystannya-mobilnyh-dodatkiv-test-odyn-palecz-odne-oko-dlya-horoshogo-mobilnogo-dyzajnu.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>UX без дослідження користувачів – це не UX</title>
		<link>https://www.ux-ui.top/ux-navchannya/ux-bez-doslidzhennya-korystuvachiv-cze-ne-ux.html</link>
					<comments>https://www.ux-ui.top/ux-navchannya/ux-bez-doslidzhennya-korystuvachiv-cze-ne-ux.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Wed, 28 Feb 2018 18:43:14 +0000</pubDate>
				<category><![CDATA[UX навчання]]></category>
		<category><![CDATA[Продукт]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=840</guid>

					<description><![CDATA[Команди UX відповідають за створення бажаного досвіду для користувачів. Проте багатьом організаціям не вдається включати користувачів у процес розробки. А без вкладу користувача організації ризикують створювати невдалі інтерфейси. Успіх веб-сайту (або продукту) залежить від того, як користувачі його сприймають. Користувачі оцінюють корисність та простоту використання веб-сайтів при їх взаємодії з ними, формуючи свої висновки за секунди, а іноді й за мілісекунди.]]></description>
										<content:encoded><![CDATA[<p>Автор &#8211; Хоа Лоранжер (Hoa Loranger)</p>
<div class="brand-testimonial card">
<div class="brand-image"></div>
<div class="details">Оригінал статті: <a href="https://www.nngroup.com/articles/ux-without-user-research/" rel="nofollow">https://www.nngroup.com/articles/ux-without-user-research/</a></div>
</div>
<p>Короткий виклад: Команди UX відповідають за створення бажаного досвіду для користувачів. Проте багатьом організаціям не вдається включати користувачів у процес розробки. А без вкладу користувача організації ризикують створювати невдалі інтерфейси.</p>
<p>Успіх веб-сайту (або продукту) залежить від того, як користувачі його сприймають. Користувачі оцінюють корисність та простоту використання веб-сайтів при їх взаємодії з ними, формуючи свої висновки за секунди, а іноді й за мілісекунди.</p>
<p>Рішення взаємодіяти з сайтом чи ні, користувачі приймають на основі питань – “Чи є це для мене цінністю?”, “Чи було легко використовувати цей сайт?”, “Чи захоплений я отриманим досвідом?”. Хороший досвід користувача дає відповідь “так” на усі ці питання.</p>
<p>&nbsp;</p>
<h2><strong>Що таке UX</strong></h2>
<p>User experience (користувацький досвід) – загальний термін у дизайнерському середовищі, але навіть у спільноті UX його значення трохи розмите. Дон Норман і Якоб Нільсен &#8211; засновники Nielsen Norman Group &#8211; визначили UX наступним чином, коли заснували свою компанію в 1998 році:</p>
<p><em>Перша вимога для ідеального досвіду користувача &#8211; задовольнити точні потреби клієнта, без зайвої суєти або занепокоєння. Наступними йдуть простота та елегантність, які роблять продукт, тій що викликає у користувачів радість від використання та володіння ним. </em> (Подивитися повне визначення)</p>
<p>Інакше кажучи, метою UX-команди та практикуючих фахівців має бути створення продуктів, яких потребують та якіх хочуть користувачі, а також розробка такого дизайну, щоб використання було легким та приносило радість. User experience відноситься до всього, що впливає на користувачів та їх взаємодію з продуктом.</p>
<p>Звичайно, всі хочуть досягти ідеального досвіду користувачів. Але насправді, на практиці, безліч організацій не розуміють, що потрібно зробити, щоб досягти його. Хоча область user experience набула популярності, у багатьох організаціях, як і раніше, існують погані методи розробки дизайну.</p>
<h3></h3>
<p>Наявність відділення UX або назви UX у вашій компанії ще не означає, що ви займаєтесь UX. Щоб досягти ідеального досвіду користувачів, необхідно забезпечити взаємодію між кількома підрозділами. Це і менеджмент, і розробка, і маркетинг, обслуговування клієнтів, і графічний дизайн. Іншими словами, за турботу про користувачів відповідають усі. На кожному етапі життєвого циклу продукту необхідно враховувати потреби користувачів, роблячи їх центром ваших дизайнерських зусиль.</p>
<p>Необхідно створити узгоджений підхід між багатьма підрозділами та стейкхолдерами (зацікавленими сторонами) для створення дійсно ефективного user experience. Щоб продукт був успішним, дизайн, орієнтований на користувача, повинен доповнювати (або навіть стимулювати) мету бізнесу.</p>
<p>&nbsp;</p>
<h3><strong>Об&#8217;єднання цілей бізнесу з цілями користувача</strong></h3>
<p>Пріоритети у бізнесі здебільшого не збігаються з реальними потребами користувачів, а рішення ухвалюються на основі того, що &#8220;на нашу думку&#8221; є приголомшливим, а не на основі &#8220;дійсно&#8221; приголомшливого. UX відрізняється аспектами стратегічного характеру, які поєднують у собі глибоке розуміння користувачів, бізнесу та особливостей їхньої взаємодії.</p>
<p>Одна з найбільших скарг від UX-професіоналів – відсутність підтримки з боку замовників для діяльності, пов&#8217;язаної з UX, наприклад для дослідження користувачів. Проблема посилюється швидкістю розробки продукту, наприклад, такий як Agile. Гірше того, методи розробки Agile, такі як Scrum, котрі, як правило, не включають дизайнерів UX як основну роль, що дозволяє багатьом організаціям припустити, що UX несуттєвий. Це катастрофічна помилка.</p>
<p>Мої останні інтерв&#8217;ю з членами команди Agile показують, що більшість команд не проводять дослідження користувачів за своїми ідеями чи проектами. Респонденти вказали тимчасові обмеження та нестачу ресурсів UX серед основних причин цієї тенденції. Відсутність досліджень користувачів може статися з будь-якою моделлю розробки продукту. Незалежно від способу, організації постачають товари, не знаючи їх реальної цінності для клієнта.</p>
<p>Не важливо скільки продуктів ми випускаємо. Якщо вони є просто сміття, то ми просто поставляємо набагато більше сміття.</p>
<p>&nbsp;</p>
<h3><strong>Замість підтримки UX – порожні слова</strong></h3>
<p>Проекти приносять із собою тиск усіх сторін. Нам усім доводилося зрізати шляхи та розраховувати на власну інтуїцію. Тим не менш, процес, орієнтований на користувача, цінний у довгостроковій перспективі, оскільки допомагає нам досягти потрібних цілей.</p>
<p>Ми повинні підтримувати стратегії бізнесу та дизайнерські рішення, що ґрунтуються на реальних даних користувачів, а не на особистому досвіді чи перевагах. При використанні методів, які орієнтовані на користувачів, дизайнери та дослідники можуть вирахувати дизайн &#8220;золотої середини&#8221;, де перетинаються потреби бізнесу та користувача.</p>
<p>Уповноважуйте дослідників та дизайнерів UX впливати на бізнес-пріоритети, щоб ваш проект не потрапив у пастку “просто випустить це”. Також структуруйте організацію та розвивайте її культуру, щоб усі, включаючи виконавчий менеджмент, почувалися пов&#8217;язаними з метою вирішення потреб клієнтів як способи досягнення бізнес-пріоритетів.</p>
<p>Існує багато способів підняти юзабіліті (зручність використання). Один із них – дозволити учасникам дослідження зробити це за вас. Знайдіть способи, щоб скептики могли спостерігати дослідження юзабіліті. Побачивши труднощі, які зазнають ваші клієнти, важко кинути виклик найкращим методам або продовжити розробляти дизайн у сліпу.</p>
<p>&nbsp;</p>
<h3><strong>Проводьте дослідження грамотно</strong></h3>
<p>Іноді дослідження проводяться з добрими намірами, але методологія чи виконання помилкові. Занадто часто компанії звертаються у паніці до Nielsen Norman Group, щоб їм допомогли зрозуміти, чому їхній новий сайт не працює. Коли ми запитуємо їх, чи були якісь заходи щодо забезпечення зручності використання до запуску, часто чуємо відповідь “так!”. То чому ж редизайн виконується невдало? Основна причина – погана методологія.</p>
<p>&nbsp;</p>
<p>Загальні методологічні помилки:</p>
<ul>
<li><strong>Зворотній зв&#8217;язок, відгуки від неправильних людей:</strong> Ваші стейкхолдери (зацікавлені сторони) та колеги – це не справжні користувачі. Вони не представляють вашої цільової аудиторії. Залучайте реальних користувачів у дизайнерський процес, замість використання внутрішніх колег як учасників, оскільки вони, переважно, надто пов&#8217;язані з дизайном, що заважає отримати точні та чесні дані.</li>
<li><strong>Навідні питання:</strong> Для недосвідчених координаторів природно ухилятися від вивчення провідних питань та робити помилкові висновки. Тестування юзабіліті дає набагато достовірнішу інформацію, коли її проводить хтось, хто розуміє науку поведінкового дослідження.</li>
<li><strong>Застосування неправильного методу дослідження:</strong> Тестування користувача може означати різні речі для різних людей. Він може включати такі методи, як фокус-групи, тестування A/B, опитування, юзабіліті-тестування і т. д. Метод, який ви вибираєте, залежить від того, на якій стадії розробка та які у вас є питання. Опитування часто підходить для збору даних, заснованих на думках, але воно неефективне для взаємодії. Застосування неправильного методу може спричинити помилкові висновки.</li>
</ul>
<p>Під час проведення досліджень переконайтеся, що ви знаєте, як й коли застосовувати правильні методи, щоб уникнути упередженості та отримати правильні відповіді.</p>
<p>&nbsp;</p>
<h3><strong>Додаткова користь тестування користувачів: сплочення колектива</strong></h3>
<p>Ймовірно, ви вже знаєте про головну перевагу досліджень користувача – отримання даних для інформування ваших рішень з дизайну та продукту. Тим не менш, існує сильний побічний ефект цієї діяльності: досягнення консенсусу.</p>
<p>Клієнти часто просять мене провести експертну оцінку їхніх дизайнів чи концепцій. Я радий це зробити. Тим не менш, я іноді пропоную запустити дослідження юзабіліті, щоб допомогти вирішити внутрішні розбіжності та прискорити час розробки. Найчастіше краще протестувати різні теорії, ніж ходити по колу нескінченних суперечок.</p>
<p>Забезпечення зручності використання та управління дизайном – це лише частина роботи UX-дизайнера або UX-дослідника. Інша частина – допомогти командам рухатися вперед продуктивно. Найкращий спосіб зробити це – використовувати дані, а не думки. Легко відкинути дизайнерські рішення, які звучать у гіпотезі, але дуже складно оскаржити варіант, що підтверджується доказами.</p>
<p>Іноді найкращий спосіб закінчити зустріч, на якій було висунуто припущення – це заявити: “Давайте це протестуємо!”.</p>
<p>Після цього заяви проведіть легке дослідження користувачів. Ви не тільки швидко доведете або спростуєте припущення, але й покажете показову цінність для дослідження користувачів.</p>
<p>Наприклад, нещодавно була велика суперечка між людьми, які розробляють веб-сайти для вищої освіти, щодо того, чи був певний новий сайт університету добрим чи поганим. Замість суперечок один із наших фахівців UX провів один день тестуючи цей сайт, і легко виявив справжню відповідь (виявилося &#8211; це погано).</p>
<p>&nbsp;</p>
<h3><strong>Зробіть накидок та тестуйте (потім повторіть, якщо необхідно)</strong></h3>
<p>Поняття ітеративного дизайну не нове (дивіться нашу статтю 1993 року), а рух Lean Startup, який особливу увагу приділяє виконанню експериментів для перевірки вашого бачення дизайну, допоміг підвищити поінформованість про нього. Проте мантра “Дизайн, створення, запуск, вимір (“Design, build, launch, measure”), яку зазвичай повторюють учасники Lean, може й оманити. Вона передбачає, що продукт повинен бути закодований і запущений для систем, щоб протестувати його з користувачами та провести вимірювання. Це хибне розуміння.</p>
<p>Протягом багатьох років ми допомагали клієнтам прискорити час розробки, спочатку перевіряючи ескізи та вайрфрейми, перш ніж буде написано хоч один рядок коду. Не витрачайте ресурси на створення чогось функціонального, щоб потім (коли буде запізно) дізнатися, що це не те, чого хочуть люди, або що воно містить серйозні недоліки. Розглядайте питання, які ви маєте щодо своєї концепції, на кожному етапі розробки, і створіть найпростіший артефакт, щоб перевірити свої припущення. Практика робить усе ідеальним. Не чекайте, що отримаєте все й одразу ж.</p>
<p>&nbsp;</p>
<h4><strong>Висновок</strong></h4>
<p>Без клієнтів користувача існувати не може. Процес створення інтерфейсів користувача включає складні рішення. Дослідження користувачів – це чудовий інструмент, здатний допомогти в досягненні ваших цілей.</p>
<p>Навіть найбільш добре продумані дизайнерські проекти – це лише припущення до тих пір, поки вони не будуть перевірені справжніми користувачами. Різні види досліджень можуть відповідати на різні питання. Необхідно добре знати інструменти та застосовувати їх відповідним чином. Залишати користувачів поза увагою – це не варіант.</p>
<p>Підбити підсумок цієї статті можна одним рядком:</p>
<p>UX – U = X</p>
<p>(де “X” тепер означає “не робіть це!”)</p>
<p>Фокусування на досвіді користувача може відрізнити вас від ваших конкурентів. Дізнайтесь як це зробити на нашому курсі UX Basic Training.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/ux-navchannya/ux-bez-doslidzhennya-korystuvachiv-cze-ne-ux.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Втратити та знайти – карти і мобільний користувальний досвід</title>
		<link>https://www.ux-ui.top/interfejs/vtratyty-ta-znajty-karty-i-mobilnyj-korystuvalnyj-dosvid.html</link>
					<comments>https://www.ux-ui.top/interfejs/vtratyty-ta-znajty-karty-i-mobilnyj-korystuvalnyj-dosvid.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Mon, 12 Feb 2018 10:11:54 +0000</pubDate>
				<category><![CDATA[Інтерфейс]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=866</guid>

					<description><![CDATA[Можливість використання даних карт і GPS на платформах смартфонів дає розробникам можливість покращити досвід користувача (user experience) щодо своїх продуктів. Однак, щоб карти відобразили найкращий досвід для користувачів, важливо включати ці функції з урахуванням UX. Існують деякі правила, які можна використовувати, щоб збільшити шанси на успіх при використанні даних розташування та карт у мобільних додатках.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<div class="brand-testimonial card">
<div class="brand-image"><img decoding="async" src="https://public-media.interaction-design.org/images/idf-logo.svg" alt="The IDF" width="75" /></div>
<div class="details">Оригінал статті: <a href="https://www.interaction-design.org/literature/article/getting-lost-and-found-maps-and-the-mobile-user-experience?ep=ux-ui" rel="nofollow">https://www.interaction-design.org/literature/article/getting-lost-and-found-maps-and-the-mobile-user-experience?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=letter2018-02-06&amp;utm_campaign=subscribers</a></div>
</div>
<p>&nbsp;</p>
<p>Можливість використання даних карт і GPS на платформах смартфонів дає розробникам можливість покращити досвід користувача (user experience) щодо своїх продуктів. Однак, щоб карти відобразили найкращий досвід для користувачів, важливо включати ці функції з урахуванням UX. Існують деякі правила, які можна використовувати, щоб збільшити шанси на успіх при використанні даних розташування та карт у мобільних додатках.</p>
<figure id="attachment_501" aria-describedby="caption-attachment-501" style="width: 1016px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-501 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Google-maps-in-UX.png" alt="" width="1016" height="563" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Google-maps-in-UX.png 1016w, https://www.ux-ui.top/wp-content/uploads/2018/02/Google-maps-in-UX-600x332.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Google-maps-in-UX-300x166.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Google-maps-in-UX-768x426.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Google-maps-in-UX-700x388.png 700w" sizes="auto, (max-width: 1016px) 100vw, 1016px" /><figcaption id="caption-attachment-501" class="wp-caption-text">Author/Copyright holder: Search Engine People Blog. Copyright terms and licence: CC BY 2.0</figcaption></figure>
<p>Немає сумніву, що смартфон дає користувачам та дизайнерам безліч варіантів, коли йдеться про нові можливості; однією з найпопулярніших є функція GPS (Глобальна система позиціонування – Global Positioning System). GPS може використовуватися для визначення розташування користувача та об&#8217;єднуватися з даними карти, щоб дати користувачам можливість знаходити розташування та варіанти доріг до нього.</p>
<p>Тим не менш, важливо розглянути, як ви будете використовувати карти на своїх мобільних сайтах та додатках, перш ніж автоматично приймати рішення на їх рахунок.</p>
<p>Дослідження, проведені Nielsen Norman Group, показали, що при демонстрації мобільного сайту, який не включав карту на сторінках результатів пошуку розташування, жоден користувач не побажав, щоб картка була надана. Фактично, їх дослідження рекомендувало, щоб карти були для користувачів можливістю, що перемикається, і щоб дані розташування були у вигляді списку, який виводиться на замовлення відстані від найближчого розташування.</p>
<p>Чому це так? Найімовірніше тому, що картки в мобільних додатках та веб-сайтах не враховують деякі аспекти зручності використання.</p>
<p>&nbsp;</p>
<h2><strong>Аспекти зручності використання при використанні карт у дизайні для мобільних пристрій</strong></h2>
<p>&nbsp;</p>
<h3><strong>Прокрутка і панорамування</strong></h3>
<p>Одна із приємних речей у картах – можливість панорамування шляхом її перетягування. Ця функція працює в комп&#8217;ютерному середовищі, коли користувач натискає на карту, а потім перетягує її за допомогою миші. Набагато складніше зробити це на екрані смартфона, де користувальницький інтерфейс є сенсорним екраном.<br />
Користувачі часто прокручуватимуть сторінку, а не панорамують або навпаки, тому що між кордонами карти та межами екрана є розбіжності. Вирішити проблему можна за допомогою використання кордонів навколо карти, щоб користувач мав окрему область для панорамування всередині.</p>
<p>&nbsp;</p>
<h3><strong>Протиріччя об&#8217;єктів з цільовими розмірами</strong></h3>
<p>Дизайнери можуть легко забути, що сенсорні екрани не є найчутливішими пристроями, і в ідеалі, для того щоб користувач міг клацнути по області, їх розмір повинен бути близько 36 х 36 пікселів.</p>
<p>Крапки на картах занадто часто виявляються меншими за цю ціль у 36 x 36 пікселів, що ускладнює приєднання користувача до мети та взаємодію з нею.</p>
<p>Існує також проблема, якщо карта представлена ​​у надто високому рівні; можуть бути знайдені точки об&#8217;єктів у тому самому місці на одному екрані. Розрізняти ці точки через торкання – це досвід, що розчаровує. Проблему можна вирішити шляхом використання повідомлень, які дозволяють користувачеві торкатися однієї точки, а потім вибирати зі списку контактів або демонстрацією карти у відповідному збільшенні, щоб всі контакти були окремими і їх можна було розрізнити.</p>
<figure id="attachment_502" aria-describedby="caption-attachment-502" style="width: 800px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-502 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Pinpoints-Conflict-with-Target-Sizes-.jpg" alt="" width="800" height="532" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Pinpoints-Conflict-with-Target-Sizes-.jpg 800w, https://www.ux-ui.top/wp-content/uploads/2018/02/Pinpoints-Conflict-with-Target-Sizes--600x399.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Pinpoints-Conflict-with-Target-Sizes--300x200.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Pinpoints-Conflict-with-Target-Sizes--768x511.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Pinpoints-Conflict-with-Target-Sizes--700x466.jpg 700w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-502" class="wp-caption-text">Author/Copyright holder: Arambar. Copyright terms and licence: CC BY-SA 4.0</figcaption></figure>
<p>&nbsp;</p>
<h3><strong>Сенсорні екрани, мережі та інші проблеми</strong></h3>
<p>Сенсорний екран – не найчутливіший пристрій, і в поєднанні з повільним мережевим підключенням карти можуть часто призводити до розчарувань, які знаходиться поза контролем дизайнера. Наприклад, користувач, який використовує екран для розширення виду карти, може виявити, що повільне з&#8217;єднання заважає його діям досягти потрібного результату.</p>
<p>Це, в свою чергу, призводить до того, що користувач подвоює свої зусилля та продовжує розширювати вигляд карти, що стає джерелом подальшого розчарування. За таких обставин, інтерфейсу карти складно забезпечувати добрий зворотний зв&#8217;язок для користувача. Вкрай важливо розглянути можливість дозволити користувачеві переміщатися безпосередньо від карти та повертатися до перегляду списку розташування будь-якої миті їх взаємодію з картою.</p>
<p>&nbsp;</p>
<h3><strong>Контроль жестів</strong></h3>
<p>Чим простіше ви розробляєте інтерфейс користувача на карті, тим більша ймовірність того, що ваші позначки (pins) та елементи керування будуть відповідати цьому орієнтиру в 36 x 36 пікселів для правильних точок торкання. Звісно це не означає, що ви не можете пропонувати додаткові функції користувачу карти. Це означає, що вам потрібно буде розглянути жести керування для цієї додаткової інтерактивної функціональності. Ці жести управління можуть бути не одразу очевидними або інтуїтивно зрозумілими користувачу, тому їх потрібно буде застосовувати дуже обережно, щоб внести дійсну користь у user-experience.</p>
<figure id="attachment_503" aria-describedby="caption-attachment-503" style="width: 800px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-503 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Gesture-Control-.jpg" alt="" width="800" height="596" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Gesture-Control-.jpg 800w, https://www.ux-ui.top/wp-content/uploads/2018/02/Gesture-Control--600x447.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Gesture-Control--300x224.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Gesture-Control--768x572.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Gesture-Control--700x522.jpg 700w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-503" class="wp-caption-text">Author/Copyright holder: Intel Free Press. Copyright terms and licence: CC BY 2.0</figcaption></figure>
<p>&nbsp;</p>
<h3><strong>Розміщення панелі інструментів</strong></h3>
<p>Панелі інструментів повинні займати значну частину екрана, але у той же час залишатися на достатній відстані від самої карти, щоб користувач випадково не активував панель інструментів при спробі взаємодії з картою.</p>
<p>В ідеалі, панелі інструментів також повинні спрощуватися та зменшуватися, коли користувач взаємодіє з картою, щоб вмістити найпростіші дії.</p>
<figure id="attachment_504" aria-describedby="caption-attachment-504" style="width: 800px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-504 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning-.jpg" alt="" width="800" height="450" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning-.jpg 800w, https://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning--600x338.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning--300x169.jpg 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning--768x432.jpg 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning--700x394.jpg 700w, https://www.ux-ui.top/wp-content/uploads/2018/02/Tool-Bar-Positioning--539x303.jpg 539w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-504" class="wp-caption-text">Author/Copyright holder: BaseCamp. Copyright terms and licence: Fair Use.</figcaption></figure>
<p>&nbsp;</p>
<h3><strong>Допомога і вихід</strong></h3>
<p>Остання порада для реалізації карт – це та, яка застосовується до багатьох областей дизайну UX. Завжди давайте вашим користувачам невеличку допомогу (наприклад, ви можете використовувати спливаючі повідомлення, щоб допомогти зрозуміти жести керування або інші функції, які можуть зажадати пояснень) та спосіб вийти з карти та повернутися до більш знайомого інтерфейсу.</p>
<p>Реалізація функцій GPS та карток може бути необов&#8217;язковою, і спочатку варто перевірити потреби користувачів. Якщо це дійсно корисно для вашої бази клієнтів, то ви повинні скористатися рекомендаціями, викладеними у цій статті, щоб покращити UI та UX щодо реалізації картки. Карти є справжньою проблемою для невеличких екранів на смартфонах і вимагають ретельної обробки, щоб надавати користувачам цінність, а не зменшувати її.</p>
<p>&nbsp;</p>
<h4><strong>Посилання:</strong></h4>
<p>Тематичне дослідження щодо впровадження карток з використанням Google-карток – <a href="http://www.tnooz.com/article/lessons-for-mobile-app-developers-on-why-google-maps-for-iphone-looks-so-good/">http://www.tnooz.com/article/lessons-for-mobile-app-developers-on-why-google-maps-for-iphone-looks-so-good/</a></p>
<p>Цікаве дослідження проблем використання даних карт у мобільних додатках – <a href="http://www.slideshare.net/fgarofalo/ux-considerations-for-mapping-apps-on-touch-devices">http://www.slideshare.net/fgarofalo/ux-considerations-for-mapping-apps-on-touch-devices</a></p>
<p>Бред Фрост досліджує адаптивну карту тут – <a href="http://bradfrost.com/blog/post/adaptive-maps/">http://bradfrost.com/blog/post/adaptive-maps/</a></p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/interfejs/vtratyty-ta-znajty-karty-i-mobilnyj-korystuvalnyj-dosvid.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ефект самогенерації: як створити інтерфейси користувача</title>
		<link>https://www.ux-ui.top/interfejs/efekt-samogeneracziyi-yak-stvoryty-korystuvalni-interfejsy.html</link>
					<comments>https://www.ux-ui.top/interfejs/efekt-samogeneracziyi-yak-stvoryty-korystuvalni-interfejsy.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Mon, 12 Feb 2018 08:05:38 +0000</pubDate>
				<category><![CDATA[Інтерфейс]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=861</guid>

					<description><![CDATA[Дізнайтеся, як удосконалити досвід взаємодії (user experience), включивши ефект самогенерації (self-generation effect) у ваш інтерфейс користувача. Цей ефект пропонується в багатьох налаштуваннях інструментів, вбудованих в продукті, що найбільш широко використовуються. Це явище забезпечує користувачам почуття контролю, оскільки вони налаштовують власні інструменти і функціональні можливості. Adobe Photoshop, Microsoft Word, налаштування ігрового контролера EA Sports та миші серії Logitech MX – це лише мала частина серед багатьох популярних продуктів, які мають ефект самогенерації, відображений у їх дизайнах.]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<div class="brand-testimonial card">
<div class="brand-image"><img decoding="async" src="https://public-media.interaction-design.org/images/idf-logo.svg" alt="The IDF" width="75" /></div>
<div class="details">Оригінал статті: <a href="https://www.interaction-design.org/literature/article/the-self-generation-effect-how-to-create-more-memorable-user-interfaces?ep=ux-ui" rel="nofollow">https://www.interaction-design.org/literature/article/the-self-generation-effect-how-to-create-more-memorable-user-interfaces</a></div>
</div>
<p>&nbsp;</p>
<p>Автор &#8211; Еуфемія Вонг (Euphemia Wong)</p>
<p>Дізнайтеся, як удосконалити досвід взаємодії (user experience), включивши ефект самогенерації (self-generation effect) у ваш інтерфейс користувача. Цей ефект пропонується в багатьох налаштуваннях інструментів, вбудованих в продукті, що найбільш широко використовуються. Це явище забезпечує користувачам почуття контролю, оскільки вони налаштовують власні інструменти і функціональні можливості. Adobe Photoshop, Microsoft Word, налаштування ігрового контролера EA Sports та миші серії Logitech MX – це лише мала частина серед багатьох популярних продуктів, які мають ефект самогенерації, відображений у їх дизайнах. Ця стаття навчить вас, як цей ефект застосовується в дизайні інтерфейсу користувача та надасть вам ідеї про те, як включити його у свої власні проекти, переглянувши приклади як з програмного забезпечення/веб, так і фізичних продуктів.</p>
<p>&nbsp;</p>
<h2><strong>Ефект самогенерації (The Self-Generation Effect) </strong></h2>
<p>Ефект самогенерації описує, як краще запам&#8217;ятовувати інформацію, коли вона самовідтворюється, замість пасивно поглинати та взаємодіяти з нею. Це явище вивчали різні дослідники когнітивної науки, включаючи Нормана Сламецька і Пітера Графа (1978), воно розглядалося в багатьох вправах з вилученням спогадів (recall exercises), що включають усну інформацію, картинки, а також арифметичні проблеми.</p>
<p>Одна з теорій для ефекту самогенерації – це гіпотеза лексичної активації, яку дослідили вчені-когнітивісти Джон Гардінер і Джеймс Хемптон (1985) (John Gardiner, James Hampton). Вона пояснює, що процес генерації інформації вимагає більшого залучення семантичної пам&#8217;яті, аніж простого читання. Гардінер і Хемптон запропонували гіпотезу лексичної активації, засновану на трьох експериментальних результатах, які підтримують їхню теорію. Один експеримент тестував учасників на однорідному наборі буквених біграм &#8211; послідовність двох суміжних елементів з рядка букв. У результаті ефективність відтворення спогадів була набагато гіршою при вивченні безглуздих біграм, ніж при вивченні значних відомих абревіатур. Другий експеримент тестував учасників як у цілих, так і на не цілих числах (наприклад, 25 проти 2,5). Результат показав, що ефект самогенерації проявляється у відтворенні цілих чисел, а для не цілих такого немає. У третьому експерименті, вивченому Гардінером і Хемптоном, учасники були випробувані як на знайомих, так і на незнайомих парах слів, що утворюють складові іменники, іменники, що складаються з двох або більше слів. Вони виявили, що ефект самогенерації проявляється тільки тоді, коли учасникам надаються знайомі пари слів (наприклад, чізкейк), а не безглузді незнайомі словосполучення (наприклад, сирний кетчуп).</p>
<p>Ґрунтуючись на гіпотезі лексичної активації, нам здається, що потрібно заохочувати акт самогенеруючої інформації, щоб збільшити її значущість, а не дозволяти нашим користувачам пасивно споживати інформацію. Якщо ви хочете, щоб у ваших користувачів був кращий відгук кожного разу, коли вони входять у додаток або кращий досвід щоразу, коли вони грають у гру, дизайн для якої ви розробили, ви можете спонукати їх налаштувати (або самозгенерувати) компоненти продукту самостійно . Адже ще у XIX столітті люди знали, що:</p>
<p>&#8220;Якщо ви хочете, щоб було зроблено добре, зробіть це самі&#8221; &#8211; Наполеон Бонапарт</p>
<p>Існує також безліч аргументів проти ефекту самогенерації, оскільки різні експерименти намагалися пояснити це явище, заявивши, що коли учасник представляє контент під час читання, вони відтворюють речі (витягують з пам&#8217;яті) так само, як і коли їх просять самостійно генерувати. Також були дослідження, в яких переваги ефекту самогенерації зникають, коли учасникам видаються інструкції про те, як обробляти інформацію під час читання, залишаючи результат відтворення спогадів так само ефективним, як і самогенерування.</p>
<p>Тим не менш, важливо зрозуміти, як включити самогенерацію у свій дизайн інтерфейсу користувача, щоб поліпшити досвід користувача, як показано в різних успішних продуктах, розроблених деякими дуже відомими компаніями.</p>
<p>&nbsp;</p>
<h2><strong>4 приклада того, як ефект самогенерації повинен впливати на UX дизайн</strong></h2>
<p>Нам вже відомо через наш досвід у школі, що “тестування себе” шляхом формування питань вікторини чи створення флеш-карт – чудовий спосіб запам&#8217;ятати все, починаючи з історичних дат та закінчуючи біологічною термінологією. Але як це виглядає в інтерфейсі користувача та дизайні продукту?</p>
<p>&nbsp;</p>
<ol>
<li>
<h3><strong>Робочі області в Adobe Photoshop</strong></h3>
</li>
</ol>
<p>Adobe Photoshop, створений великою північноамеріканською комп&#8217;ютерною компанією Adobe Systems Incorporated, є чудовим прикладом того, як використання ефекту самогенерації в дизайні інтерфейсу користувача може зробити продукт широко популярним та успішним. Одна з багатьох причин для користувачів любити Photoshop – це гнучкість та ефективність, що створюються за допомогою самогенерованих робочих просторів. Користувачі можуть використовувати цю гнучкість шляхом організації та додавання до робочого простору, а також роблячи речі ефективнішими, зберігаючи їх для майбутнього використання. Таким чином, користувачі краще пам&#8217;ятають, де розташовані їх інструменти, що є кращим інтерфейсом користувача, оскільки для користувача при кожному відкритті програми задіяно менше кількості запам&#8217;ятовувань та когнітивної розбіжності (cognitive friction).</p>
<p><em>Photoshop дозволяє самостійно генерувати, надаючи користувачам можливість створювати та зберігати бажане налаштування робочої області.</em></p>
<figure id="attachment_511" aria-describedby="caption-attachment-511" style="width: 706px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-511 size-full" src="https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Workspaces.png" alt="" width="706" height="351" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Workspaces.png 706w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Workspaces-600x298.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Workspaces-300x149.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Workspaces-700x348.png 700w" sizes="auto, (max-width: 706px) 100vw, 706px" /><figcaption id="caption-attachment-511" class="wp-caption-text">Author/Copyright holder: Adobe Systems Incorporated. Copyright terms and licence: Fair Use.</figcaption></figure>
<p>&nbsp;</p>
<ol start="2">
<li>
<h3><strong> панель інструментів в Microsoft Word</strong></h3>
</li>
</ol>
<p>Microsoft Word, створена корпорацією Microsoft, однією з найуспішніших технологічних компаній у світі, є ще одним чудовим прикладом того, як розширення можливостей ваших користувачів з налаштуванням їх набору інструментів може призвести до продукту, який, як і раніше, залишається одним з найчастіше використовуваних програм для роботи з текстом на ринку через кілька десятиліть після його першого випуску. У Microsoft Word користувачі можуть створювати, змінювати та зберігати різні текстові формати та стилі, щоб вони могли налаштувати зовнішній вигляд своїх записів так, як їм заманеться.</p>
<p><em>Microsoft Word надає користувачам можливість створювати, змінювати та зберігати різні текстові формати та стилі. Це відображає розуміння ефекту самогенерації з боку дизайнера.</em></p>
<figure id="attachment_512" aria-describedby="caption-attachment-512" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-512 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Toolbar.png" alt="" width="900" height="710" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Toolbar.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Toolbar-600x473.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Toolbar-300x237.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Toolbar-768x606.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Toolbar-700x552.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-512" class="wp-caption-text">Author/Copyright holder: Microsoft Corporation. Copyright terms and licence: Fair Use.</figcaption></figure>
<h3></h3>
<ol start="3">
<li>
<h3><strong> Консолі-елементи управління в FIFA, що налаштовуються</strong></h3>
</li>
</ol>
<p>Налаштування програмного забезпечення та веб-додатків – це не єдині приклади інтерфейсу користувача, які демонструють, як включення ефекту самогенерації може покращити роботу користувача. Позитивні ефекти налаштування та самогенерації можна побачити і в багатьох фізичних продуктах.</p>
<p>Контролер, що використовується для відеоігри, FIFA, створений одним з найвідоміших видавців ігор у світі Electronic Arts, Inc., є чудовим прикладом того, як користувачі можуть почуватися ще більш залученими та зануреними у гру, коли ви використовуєте самогенерацію.</p>
<p><em>FIFA дає користувачам більше контролю над тим, як вони грають у гру, дозволяючи їм налаштовувати кнопки та налаштування свого ігрового контролера.</em></p>
<figure id="attachment_513" aria-describedby="caption-attachment-513" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-513 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Console.png" alt="" width="900" height="463" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Console.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Console-600x309.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Console-300x154.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Console-768x395.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Console-700x360.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-513" class="wp-caption-text">Author/Copyright holder: Electronic Arts, Inc. Copyright terms and licence: CC BY-NC-SA 2.0</figcaption></figure>
<h3></h3>
<ol start="4">
<li>
<h3><strong> Кнопки, які настроюються у безпровідній миші Logitech MX Master</strong></h3>
</li>
</ol>
<p>Бездротова миша Logitech MX Master від Logitech International S.A. є ще одним добрим прикладом того, як фізичний продукт може бути розроблений для налаштування користувача, щоб забезпечити ефект самогенерації і забезпечити споживачеві більш широкий користувальницький досвід.</p>
<p><em>Logitech MX Master Wireless Mouse значно полегшує життя користувачам, надаючи більше контролю над тим, як вони хочуть налаштувати свою мишу, створюючи власні функції, щоб підвищити продуктивність та ефективність при використанні свого продукту.</em></p>
<p>&nbsp;</p>
<figure id="attachment_514" aria-describedby="caption-attachment-514" style="width: 900px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-514 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Buttons.png" alt="" width="900" height="613" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Buttons.png 900w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Buttons-600x409.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Buttons-300x204.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Buttons-768x523.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Customizable-Buttons-700x477.png 700w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption id="caption-attachment-514" class="wp-caption-text">Author/Copyright holder: Logitech International S.A. Copyright terms and licence: Fair Use.</figcaption></figure>
<p>&nbsp;</p>
<h4><strong>На закінчення</strong></h4>
<p>Використання вашого розуміння людського пізнання та розуміння того, як полегшити пам&#8217;ять та процес навчання для ваших користувачів, можуть допомогти вам покращити ваші роботи в UX-дизайні. Увімкнення налаштувань в інтерфейсі вашого продукту, особливо коли вони містять безліч функцій або команд, може принести користь вашим користувачам, оскільки інструменти та функціональні можливості можуть розвиватися відповідно до підвищення з часом їхньої майстерності. Завжди враховуйте, які труднощі існують у людському навчанні та думайте про те, як ви можете зробити це простіше, підтримуючи своїх користувачів у процесі навчання, а також надаючи гнучкість у будь-якому інтерфейсі користувача, який ви розробляєте.</p>
<p>&nbsp;</p>
<h4><strong>Посилання та де дізнатися більше</strong></h4>
<p>Щоб знайти докладнішу інформацію про “Ефект самогенерації: опис феномена” Сламека та Графа (Slamecka та Graf) (1978), дивіться тут:</p>
<p><a href="http://worthylab.tamu.edu/Courses_files/Generation%20Effect%20Slamecka%20%26%20Graf%20(1978).%20JEP-HLM.pdf">http://worthylab.tamu.edu/Courses_files/Generation%20Effect%20Slamecka%20%26%20Graf%20(1978).%20JEP-HLM.pdf</a></p>
<p>&nbsp;</p>
<p>Щоб знайти додаткову інформацію про книгу “Семантична пам&#8217;ять та ефект генерації: деякі тести гіпотези лексичної активації” Гардинера та Хемптона (1985), дивіться тут:</p>
<p><a href="http://www.staff.city.ac.uk/hampton/PDF%20files/Gardiner&amp;Hampton1985-11-732.pdf">http://www.staff.city.ac.uk/hampton/PDF%20files/Gardiner&amp;Hampton1985-11-732.pdf</a></p>
<p>&nbsp;</p>
<article class="uxArticle__rteContent out-bottom-large js-courseAd-area "><em>Hero Image: Author/Copyright holder: bh_style. Wikimedia. Copyright terms and license: Public Domain</em></article>
<div class="out-top-large">
<div class="tags-widget">
<div class=" tags-widget__taglist-container out-bottom-small hidePrint "></div>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/interfejs/efekt-samogeneracziyi-yak-stvoryty-korystuvalni-interfejsy.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>7 добірних, випробуваних та протестованих методик дослідження ux</title>
		<link>https://www.ux-ui.top/produkt-uk/7-dobirnyh-vyprobuvanyh-ta-protestovanyh-metodyk-doslidzhennya-ux.html</link>
					<comments>https://www.ux-ui.top/produkt-uk/7-dobirnyh-vyprobuvanyh-ta-protestovanyh-metodyk-doslidzhennya-ux.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Fri, 02 Feb 2018 12:00:32 +0000</pubDate>
				<category><![CDATA[Продукт]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=891</guid>

					<description><![CDATA[Ця техніка спочатку використовувалася в психології задовго до появи UX. Сенс простий – вам необхідно написати на картках потрібні вам слова чи речення, а потім запропонувати користувачам класифікувати їх. Крім цього, ви можете сказати, щоб вони окреслили категорії. Це хороший спосіб дізнатися, чи у правильному напрямку рухається ваша інформаційна архітектура (Information Architecture (IA)), чи потрібно перевірити її для нових продуктів.]]></description>
										<content:encoded><![CDATA[<p>Думаєте про проведення якогось дослідження користувачів? Цікавитесь, які методики найімовірніше дадуть успішні результати? Тоді не шукайте далі. Ми склали список із 7 добірних методів, які були випробувані, протестовані та доведені як ті, що приносять реальну цінність для проектів UX. Давайте ознайомимося з кожною технікою та подивимося, у чому їхня суть і чому вони працюють:</p>
<p>&nbsp;</p>
<p><span id="more-891"></span></p>
<div class="brand-testimonial card">
<div class="brand-image"><img decoding="async" src="https://public-media.interaction-design.org/images/idf-logo.svg" alt="The IDF" width="75" /></div>
<div class="details">Оригінал статті:<a href="https://www.interaction-design.org/literature/article/7-great-tried-and-tested-ux-research-techniques?ep=ux-ui" rel="nofollow">https://www.interaction-design.org/literature/article/7-great-tried-and-tested-ux-research-techniques</a></div>
</div>
<p>&nbsp;</p>
<h3>Методика номер 1 – сортування карток</h3>
<p>Ця техніка спочатку використовувалася в психології задовго до появи UX. Сенс простий – вам необхідно написати на картках потрібні вам слова чи речення, а потім запропонувати користувачам класифікувати їх. Крім цього, ви можете сказати, щоб вони окреслили категорії. Це хороший спосіб дізнатися, чи у правильному напрямку рухається ваша інформаційна архітектура (Information Architecture (IA)), чи потрібно перевірити її для нових продуктів.</p>
<p>Існують різноманітні методи сортування карток та вибір правильного тут важливий. Ще краще існує безліч онлайн-інструментів, що дозволяють віддалено сортувати картки в режимі реального часу &#8211; це дає можливість використовувати дану техніку глобально, а не тільки локально.</p>
<figure id="attachment_422" aria-describedby="caption-attachment-422" style="width: 640px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-422 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Card-Sorting.jpg" alt="" width="640" height="424" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Card-Sorting.jpg 640w, https://www.ux-ui.top/wp-content/uploads/2018/02/Card-Sorting-600x398.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Card-Sorting-300x199.jpg 300w" sizes="auto, (max-width: 640px) 100vw, 640px" /><figcaption id="caption-attachment-422" class="wp-caption-text">Author/Copyright holder: Yandle. Copyright terms and licence: CC BY 2.0</figcaption></figure>
<h4></h4>
<h4>Чому сортування карток є гарною технікою?</h4>
<p>Це дуже дешевий спосіб дослідження, особливо у формі особистих опитувань – онлайн-інструменти можуть бути дорожчими.<br />
Цю техніку дуже легко зрозуміти як користувачам, так і клієнтам.<br />
Це досить простий спосіб отримати дані користувачів (або навіть отримати автентифікацію користувача) для ідей на початковій стадії розробки UX-проекту.<br />
Не потрібно докладати жодних зусиль, щоб підготувати дослідження сортування карток</p>
<h3>Методика номер 2 – експертна рецензія</h3>
<p>Експертний огляд складається з однієї &#8220;експертної особи&#8221;, що вивчає продукт через інтерфейс користувача (User Interface (UI)), і шукає неполадки з дизайном, доступністю та зручністю використання продукту. Немає певного алгоритму, який потрібно слідувати, експертний огляд може змінюватися від професіонала до професіонала та від продукту до продукту. Чим більшим досвідом у зручності використання (юзабіліті) та дизайні UX має рецензент, тим більшу цінність він надасть проекту (у більшості випадків).</p>
<h4>Чому експертний огляд – хороша техніка?</h4>
<p>Метод швидкий, простий та дешевий. Це подвоюється, коли ви порівнюєте його з формальнішими методами тестування юзабіліті.<br />
Для проведення експертизи потрібний лише один професіонал.<br />
Це відмінний спосіб інформування подальших досліджень UX, і потрібно обережно ставитися до експертного відгуку, не беручи його одразу за чисту монету без подальшого тестування користувачів.</p>
<h3>Методика номер 3 – відстеження передвиження погляду</h3>
<p>Дуже корисно дізнатись, куди дивляться користувачі під час використання системи. Це допомагає розробити дизайн інтерфейсу користувача та зрозуміти, як розставляти пріоритети у певних видах контенту. Ця техніка була розроблена для досліджень у сфері науки та широко використовується в медицині. Тепер вона набула популярності та стала досить ефективною, щоб її використала і команда UX.</p>
<h4>Чому відстеження руху погляду є гарною технікою?</h4>
<p>Тепер, коли технологія досить просунута, системи відстеження руху погляду вже не є громіздкими та грубими, і вони не заважають результатам тестів юзабіліті.<br />
Наразі технологія стала досить доступною за ціною. Хоча вона не впишеться до кожного бюджету, але також й не разорить його.<br />
Даний метод має достатній рівень надійності, що дозволяє легко відтворювати результати, щоб дослідники могли покластися на них.<br />
Клієнти люблять метод відстеження погляду користувача. Це добрий спосіб продемонструвати, чому їм варто інвестувати у подальше тестування зручності використання.</p>
<h3>Методика номер 4 – дослідження у польових умовах</h3>
<p>Насправді це низка технік, об&#8217;єднаних під загальним заголовком. Суть у тому, щоб вийти та спостерігати за поведінкою користувачів &#8220;в польових умовах&#8221;, щоб його можна було вимірювати в контексті реального використання продукту. Техніка включає: інтерв&#8217;ю, проведення етнографічних досліджень, метод спостереження та контекстні дослідження.</p>
<h4>Чому польові дослідження є гарною технікою?</h4>
<p>Немає дослідницького методу сильніше, ніж спостереження за поведінкою користувачів під час використання вашого продукту. Дослідники люблять ці методи і часто дуже захоплено переконують своїх клієнтів використовувати їх.<br />
Коли польові дослідження проводяться добре, їх результати дають змогу чітко зрозуміти проблеми, з якими зіткнулися користувачі, та знайти способи їх вирішення.</p>
<h3>Методика номер 5 – тестування зручності використання (юзабіліті)</h3>
<p>Це серйозний лідер, що пройшов довгий та вагомий історичний шлях у UX-дослідженнях. Суть техніки – спостерігати за користувачем, який намагається розв&#8217;язати задачі, використовуючи ваш продукт. Вони можуть зосередитися на одному процесі або бути залученими значно більшою мірою.</p>
<figure id="attachment_423" aria-describedby="caption-attachment-423" style="width: 626px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-423 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Usability-Testing.jpg" alt="" width="626" height="470" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Usability-Testing.jpg 626w, https://www.ux-ui.top/wp-content/uploads/2018/02/Usability-Testing-600x450.jpg 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Usability-Testing-300x225.jpg 300w" sizes="auto, (max-width: 626px) 100vw, 626px" /><figcaption id="caption-attachment-423" class="wp-caption-text">Author/Copyright holder: Luca Mascaro. Copyright terms and licence: CC BY-SA 2.0</figcaption></figure>
<h4></h4>
<h4>Чому тестування юзабіліті – це добірна техніка?</h4>
<p>Чи можете ви вигадати кращий спосіб розуміння того, що роблять користувачі, ніж спостереження за тим, як вони це роблять. Звичайно, ви повинні вибрати правильних користувачів – вони повинні бути гарним представником бази користувачів загалом і це значною мірою, єдине обмеження.<br />
Тести юзабіліті дають специфічні результати, що призводять до специфічних дій. Проте, людям дуже складно суперечити рішенням, що ґрунтуються на цих тестах; майже неможливо спростувати докази поведінки користувача.<br />
Ви можете легко залучити клієнтів до тестування юзабіліті як спостерігачі. Це збільшує їх інтерес щодо такого тестування і ясно показує, яку цінність привносить подібне дослідження.</p>
<h3>Методика номер 6 – дистанційне тестування юзабіліті</h3>
<p>Це дослідження юзабіліті, при якому не потрібно поміщати користувачів у ваше лабораторне середовище. Колись цей метод був надто дорогим та складним, проте технологія не стояла на місці і зараз її досить просто створити, до того ж, за розумну вартість.</p>
<h4>Чому дистанційне тестування юзабіліті є гарною технікою?</h4>
<p>Найчастіше це заощаджує час та гроші в порівнянні з лабораторними випробуваннями, і це дозволяє залучити ширше коло учасників, коли вам не потрібно запрошувати їх до лабораторії.<br />
До певної міри ця техніка ближче до польових досліджень, оскільки поведінка тестів відбувається у середовищі користувача, а не в штучних лабораторіях. У багатьох випадках це дає навіть кращі результати, ніж лабораторне середовище.</p>
<figure id="attachment_424" aria-describedby="caption-attachment-424" style="width: 950px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-424 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Remote-Usability-Testing-.png" alt="" width="950" height="350" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Remote-Usability-Testing-.png 950w, https://www.ux-ui.top/wp-content/uploads/2018/02/Remote-Usability-Testing--600x221.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Remote-Usability-Testing--300x111.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Remote-Usability-Testing--768x283.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Remote-Usability-Testing--700x258.png 700w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption id="caption-attachment-424" class="wp-caption-text">Author/Copyright holder: Paul Veugen. Copyright terms and licence: CC BY-SA 2.0</figcaption></figure>
<h3></h3>
<h3>Техніка номер 7 – персони користувачів</h3>
<p>Персони користувачів (user persones) – це вигадане відображення ідеального користувача. Вони фокусуються на цілях користувача, характеристиках, які вони мають, і на відношенні, яке вони відображають. Вони також вивчають, що користувач очікує від продукту.<br />
Персони користувача створюються з інших форм досліджень користувачів і, таким чином, пропонують глибокий живий портрет реального життя, який легко зрозуміти всій команді при розробці продуктів. Користувальницькі персони мають ім&#8217;я та передісторію. Вони надихають уяву та залишаються сфокусованими на користувачеві.</p>
<h4>Чому користувальницькі персони &#8211; це хороша техніка?</h4>
<p>Вони на крок вище від старого профілю користувача і дають більш глибокий та конкретний погляд на користувача.<br />
Вони є легкими для сприйняття людьми і стають частиною команди, адже про них постійно говорять під час проекту.<br />
Вони дуже кумедні, вони, як правило, цікаві, легкі для взаємодій та більш запам&#8217;ятовуються, ніж багато інших результатів досліджень.</p>
<h5>Підсумок</h5>
<p>Є безліч методів дослідження користувачів, але ці 7 неодноразово доводили свою цінність для проектів UX. А який ваш улюблений?</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/produkt-uk/7-dobirnyh-vyprobuvanyh-ta-protestovanyh-metodyk-doslidzhennya-ux.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Створення карт емпатії: перший крок у дизайн мислення</title>
		<link>https://www.ux-ui.top/dyzajn-myslennya/stvorennya-kart-empatiyi-pershyj-krok-u-dyzajn-myslennya.html</link>
					<comments>https://www.ux-ui.top/dyzajn-myslennya/stvorennya-kart-empatiyi-pershyj-krok-u-dyzajn-myslennya.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Fri, 02 Feb 2018 11:45:35 +0000</pubDate>
				<category><![CDATA[Дизайн Мислення]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=886</guid>

					<description><![CDATA[Наша робота як професіоналів UX – відстоювати інтереси користувача. Однак для цього потрібно не лише глибоко розуміти наших користувачів, а й допомагати нашим колегам розуміти їх та приділяти пріоритетну увагу їхнім потребам. Карти емпатії, які зазвичай використовуються у всіх динамічних та дизайнерських спільнотах, є потужним, фундаментальним інструментом для досягнення обох цілей.]]></description>
										<content:encoded><![CDATA[<p>Візуалізація поглядів користувача та поведінки на картах емпатії допомагає командам UX націлюватися на глибоке розуміння кінцевих користувачів. Процес картування також показує будь-які прогалини в існуючих даних користувача.<br />
<span id="more-886"></span></p>
<p>Автор – Сара Джіббонс (Sarah Gibbons)</p>
<p>Оригінал статті тут:</p>
<p>https://www.nngroup.com/articles/empathy-mapping/</p>
<p>Наша робота як професіоналів UX – відстоювати інтереси користувача. Однак для цього потрібно не лише глибоко розуміти наших користувачів, а й допомагати нашим колегам розуміти їх та приділяти пріоритетну увагу їхнім потребам. Карти емпатії, які зазвичай використовуються у всіх динамічних та дизайнерських спільнотах, є потужним, фундаментальним інструментом для досягнення обох цілей.</p>
<p>Визначення: Карта емпатії – це спільна візуалізація, яка використовується для чіткого формулювання того, що відомо щодо конкретного типу користувача. Це матеріалізує знання про користувачів, щоб: 1) сформувати загальне розуміння їхніх потреб та 2) допомогти приймати рішення.</p>
<p>Ця стаття є посібником з методу створення карт емпатії (empathy mapping) та його використання.</p>
<h3>Формат</h3>
<p>Класичні карти емпатії розбиваються на чотири сектори (&#8220;Говорить&#8221;, &#8220;Думає&#8221;, &#8220;Робить&#8221; та &#8220;Відчуває&#8221;), посередині знаходиться користувач або персона. Карти емпатії не хронологічні чи послідовні, вони допомагають зрозуміти, хто цей користувач є загалом.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-528 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/YUH.png" alt="" width="398" height="469" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/YUH.png 398w, https://www.ux-ui.top/wp-content/uploads/2018/02/YUH-255x300.png 255w" sizes="auto, (max-width: 398px) 100vw, 398px" /></p>
<p>Сектор &#8220;Говорить&#8221; (Says) відображає сказане користувачем вголос під час інтерв&#8217;ю або іншого дослідження юзабіліті. В ідеальному випадку він включатиме дослівні та точні цитати з досліджень.<br />
&#8220;Я довіряю Дельті тому що ніколи не стикався з поганим досвідом&#8221;<br />
&#8220;Мені потрібне щось надійне&#8221;<br />
&#8220;Мені не зрозуміло, що тут треба робити &#8221;</p>
<p>Сектор &#8220;Думає&#8221; (Thinks) фіксує думки користувача, які виникають під час отримання досвіду. Поставить собі питання (на основі усіх зібраних якісних досліджень): про що думає користувач? Що має значення для нього? Є ймовірність, що ви отримаєте однаковий контент у Says та Thinks. Тим не менш, варто приділити увагу думкам користувача, які він можливо ще не готовий озвучити. Намагайтеся зрозуміти, чому вони не бажають ділитися думками &#8211; вони не впевнені у собі, сором&#8217;язливі, скромні або просто бояться розповісти про щось інше?<br />
&#8220;Це дуже дратує&#8221;<br />
“Я надто дурний, щоб зрозуміти це?”</p>
<p>Сектор &#8220;Робить&#8221; (Does) показує дії, що робляться користувачем. Що з дослідження користувач робить фізично? Як він це робить?<br />
Кілька разів оновлює сторінку?<br />
Вибирає, порівнюючи ціни?</p>
<p>Сектор &#8220;Відчуває&#8221; (Feels) відображає емоції користувача. Поставить собі питання: про що турбується користувач? Що викликає його в захват? Які почуття виникають у користувача стосовно досвіду?</p>
<p>Нетерплячість: занадто повільно завантажуються сторінки.</p>
<p>Розгубленість: дуже велика кількість суперечливих цін.</p>
<p>Занепокоєння: вони роблять щось неправильне.</p>
<p>Наші користувачі складні люди. Бачити зіткнення між секторами – природньо (і дуже корисно). Вам також зустринуться невідповідності – наприклад, здавалося б позитивні дії, але негативні висловлювання чи емоції, які походять від одного користувача. Це той випадок, коли карти емпатії перетворюються на карти скарбів, які здатні виявити цінне розуміння наших користувачів. Виявляти причину конфлікту та вирішувати його – це наша робота як професіоналів UX.<br />
Деякі сектори можуть здатися неясними і повторюваними. Наприклад, може бути складно розрізнити сектори &#8220;Думає&#8221; і &#8220;Відчуває&#8221;. Не потрібно надто фокусуватися на точності: якщо якийсь пункт підходить для кількох секторів, просто зупиніть свій вибір на одному. Чотири сектори існують лише з метою підштовхнути наші знання про користувачів і дати впевненість у тому, що ми не оминули жодного важливого аспекту. (Якщо вам нема чого помістити у певний сектор – це сигнал про те, що вам варто провести більше досліджень користувачів, перш ніж розпочати процес розробки дизайну.)</p>
<p>Один користувач проти карт емпатії безлічі користувачів<br />
Створити емпатичну карту можна на основі будь-якого методу якісних досліджень (можна зробити начерк навіть за відсутності досліджень). Вони допомагають UX-професіоналам зрозуміти, які аспекти користувачів їм добре відомі, а де потрібно зібрати більше інформації.</p>
<p>Карти емпатії можна розробляти для одного конкретного користувача або використовувати для багатьох:<br />
• Карти емпатії для одного користувача (індивідуальні) найчастіше ґрунтуються на інтерв&#8217;ю користувачів або їх записів під час проведення методу “вивчення щоденника” (diary study)</p>
<p>• Сукупні карти емпатії відображають сегмент користувачів, а не одного конкретного представника. Здебільшого їх створюють, поєднуючи безліч індивідуальних карт емпатії, розроблених для користувачів зі схожою поведінкою, які можна згрупувати у загальний сегмент. Сукупна емпатична карта підсумовує теми, що відзначаються у всій групі користувачів, і може стати відправною точкою у створенні персон. (Однак карти емпатії &#8211; це не заміна персон. Але їх можна використовувати для візуалізації того, що нам відомо про персону)</p>
<p>• Сукупні емпатичні карти також можна використовувати для підсумовування інших даних, таких як опитування або дослідження у польових умовах. Наприклад, карта емпатії може представляти персону замість звичного підходу за допомогою візитівки. Коли будуть проводитись подальші дослідження цієї персони, ви зможете повертатися до карти емпатії та додавати нову інформацію або видаляти ту, що змінилася чи стала недійсною.</p>
<h3>Навіщо використовувати карти емпатії</h3>
<p>Карти емпатії потрібно використовувати у всіх UX-процесах, щоб створити загальний ґрунт для членів команди, а також зрозуміти та приділити пріоритетну увагу потребам користувачів. У дизайні, орієнтованому на користувача, краще використовувати карти емпатії з самого початку дизайнерського процесу.<br />
Процес створення карт емпатії та завершений артефакт – обидва дають організації важливі переваги:<br />
Визначення, хто такий користувач та особа<br />
Процес створення карт емпатії допомагає проаналізувати та систематизувати в одному місці ваші знання про користувача. Це можна використовувати для:<br />
а). Класифікація та осмислення якісних досліджень (дослідні нотатки, відповіді опитувань, записи інтерв&#8217;ю користувачів).<br />
б). З&#8217;ясування прогалин у поточних знаннях та визначення форм дослідження, які потрібні для їх вирішення. Убога карта емпатії є ознакою того, що потрібно провести більше досліджень.<br />
в). Створення персон шляхом узгодження та об&#8217;єднання карт емпатії, що включають окремих користувачів.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-431 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Primer.png" alt="" width="878" height="956" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Primer.png 878w, https://www.ux-ui.top/wp-content/uploads/2018/02/Primer-600x653.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Primer-276x300.png 276w, https://www.ux-ui.top/wp-content/uploads/2018/02/Primer-768x836.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Primer-700x762.png 700w" sizes="auto, (max-width: 878px) 100vw, 878px" /></p>
<p>Взаємодія користувача чи персони з іншими<br />
Емпатичні карти – це швидкий та легкий для розуміння спосіб відображення поглядів та поведінки користувача. Створений одного разу, він має бути джерелом істини до кінця розробки проекту, а також захищати його від необ&#8217;єктивності та необґрунтованих припущень.<br />
Переконайтеся, щоб емпатичні карти залишалися живими – перевіряйте та коригуйте їх у міру проведення нових досліджень.</p>
<p>Збір інформації безпосередньо у користувачів<br />
Коли емпатичні карти заповнюють безпосередньо користувачі вони можуть бути вторинним джерелом даних і виступати у ролі відправної точки для заключного підсумку сесії користувача. Більш того, кореспондент може дізнатися думки і почуття опитуваного, які у іншому випадку були б заховані.</p>
<p>Як створити карту емпатії.<br />
Щоб створити ефективну та корисну емпатичну карту, виконайте такі дії:<br />
1. Визначте рамки та цілі<br />
a). Ви створюватимете картку для користувача чи персони? Найкраще починати з побудови карт у співвідношенні 1:1 (один користувач/персона на одну карту). Тобто якщо у вас кілька персон, для кожної з них повинна бути окрема карта емпатії.<br />
b). Визначте свою основну мету створення карт емпатії.<br />
Чи робите це для об&#8217;єднання вашої команди з користувачами? Якщо це так, то простежте, щоб усі були присутніми під час розробки карт емпатії. Чи робите це для аналізу записів інтерв&#8217;ю? Якщо так, задайте чіткі рамки та часовий проміжок, щоб у вас вистачило часу на складання карт емпатії на основі багатьох інтерв&#8217;ю користувачів.</p>
<p>2. Збирайте матеріали<br />
Середовище, яке ви використовуєте для розробки карт емпатії, має визначатися вашою метою. За умови роботи з цілою командою вам знадобиться велика дошка, стікери для нотаток та маркери. (Підсумок буде схожий на ілюстрацію вище). Якщо створювати карти ви будете наодинці, то створіть систему, що працює саме для вас. Чим легше буде ділитися з рештою членів команди, тим краще.</p>
<p>3. Збирайте дослідження<br />
Збирайте більше досліджень для доповнення своїх карт емпатії. Створення емпатичних карт – дуже якісний метод, тому й вихідні дані мають бути якісними: інтерв&#8217;ю користувачів, дослідження у польових умовах, вивчення щоденників, сеанси прослуховування та якісні огляди.</p>
<p>4. Робіть наклейки з нотатками окремо для кожного сектора<br />
Коли ви маєте дослідницькі матеріали, можна перейти до розробки карт командою. Насамперед кожному потрібно прочитати дослідження особисто. У міру того, як кожен учасник команди осмислює дані, він може робити нотатки на стікерах, які відповідають чотирьом секторам. Після цього члени команди можуть доповнювати карту на дошці своїми нотатками.</p>
<p>5. Об&#8217;єднуйте у групи та синтезуйте<br />
На даному етапі команда аналізує стікери на дошці спільно та поєднує однакові нотатки, які відносяться до одного сектору. Дайте назви вашим групам (чи кластерам), з теми, що вони представляють (наприклад, “оцінка інших”, “дослідження”). Якщо потрібно, повторити теми у кожному секторі. Виконання угрупування допомагає полегшити обговорення та узгодженість – суть у тому, щоб досягти загального розуміння ваших користувачів усіма учасниками команди.<br />
Коли ви згрупували карту емпатії, можна приступити до озвучування та погодження ваших висновків з командою. Які значення, що відхиляються (або точки даних, що не підходять жодному сектору) там є? Які теми були однакові для всіх секторів? Які теми підходили лише для одного сектора? Які проблеми є у нашому розумінні?</p>
<p>6. Удосконалюйте та плануйте<br />
Якщо у вас виникає почуття, що потрібно більше деталей або у вас є унікальні потреби, адаптуйте карту одним із способів: додайте додаткові сектори (наприклад, &#8220;Цілі&#8221; (Goals), як показано на прикладі нижче) або збільшить специфіку секторів, які у вас є. З урахуванням мети вашої карти емпатії, відповідним чином удосконаліть та оцифруйте результат. Переконайтеся, що усе прийнято до уваги: побажання усіх користувачів, будь-які невирішені питання, номер версії та дата. Повертайтеся до карти емпатії коли проводите нові дослідження або для того, щоб визначати рішення UX.</p>
<h3>Підсумок:</h3>
<p>Як передбачає назва, карти емпатії допомагають нам побудувати емоційний зв&#8217;язок із нашими кінцевими користувачами. Коли вони створені на основі реальних даних та поєднуються з іншими методиками картування, вони можуть:<br />
• Усунути упередженість нашого дизайну та поєднати команду в єдине, загальне розуміння користувача.<br />
• Визначити слабкі місця у наших дослідженнях.<br />
• Виявити потреби користувачів, про які вони можуть не знати.<br />
• Зрозуміти, що рухає поведінкою користувачів.<br />
• Вести нас до значних нововведень.<br />
Вивчити та попрактикувати метод створення карт емпатії можна за допомогою нашого курсу – Генерація великих ідей з дизайном мислення</p>
<p>Посилання:<br />
Бленд Д. (Bland, D) “Гнучке тренерське керівництво – що таке карта емпатії?”, 21 квітня 2016 року –https://www.solutionsiq.com/resource/blog-post/what-is-an-empathy-map/<br />
Грей Д., Браун С. та Макануфо Дж. (Gray, D., Brown, S. &amp; Macanufo, J), 2010 “Ігровий штурм – підручник для інноваторів, порушників правил та любителів змін”, O’Reilly Media, Inc<br />
Грей Д., (Gray, D) “Оновлена ​​картина карти емпатії” 15 липня 2017 &#8211; https://medium.com/the-xplane-collection/updated-empathy-map-canvas-46df22df3c8a</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/dyzajn-myslennya/stvorennya-kart-empatiyi-pershyj-krok-u-dyzajn-myslennya.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Поняття мобільної піднавігації</title>
		<link>https://www.ux-ui.top/interfejs/ponyattya-mobilnoyi-pidnavigacziyi.html</link>
					<comments>https://www.ux-ui.top/interfejs/ponyattya-mobilnoyi-pidnavigacziyi.html#respond</comments>
		
		<dc:creator><![CDATA[Victor Makhankov]]></dc:creator>
		<pubDate>Fri, 02 Feb 2018 11:20:04 +0000</pubDate>
				<category><![CDATA[Інтерфейс]]></category>
		<guid isPermaLink="false">https://www.ux-ui.top/?p=882</guid>

					<description><![CDATA[Велика кількість категорій у непростій інформаційній архітектурі – це те, що є характерним для більшості сайтів. Щоб відобразити категорії нижнього рівня на комп'ютері, найчастіше вдаються до використання випадаючих або мега-меню. З мобільними пристроями дещо складніше.]]></description>
										<content:encoded><![CDATA[<p><b>Оригінал статті</b></p>
<p>Піднавігацію для мобільних пристроїв можна реалізувати за допомогою чотирьох популярних варіантів – меню акордеон, послідовні меню, меню розділів та категоріальні посадкові чи цільові сторінки.<span id="more-882"></span></p>
<p>https://www.nngroup.com/articles/mobile-subnavigation/</p>
<p>&nbsp;</p>
<p>Автор – Ралука Будіу (Raluca Budiu)</p>
<p>Виходячи з того, скільки категорій нижнього рівня в інформаційній архітектурі сайту (information architecture, IA) та в користувальницьких навігаційних шаблонах, можна визначити найбільш підходящий варіант.</p>
<p>Велика кількість категорій у непростій інформаційній архітектурі – це те, що є характерним для більшості сайтів. Щоб відобразити категорії нижнього рівня на комп&#8217;ютері, найчастіше вдаються до використання випадаючих або мега-меню. З мобільними пристроями дещо складніше.</p>
<p>Cisco.com: Для робочого столу застосовують горизонтальну навігаційну панель, що включає головні категорії. Якщо навести курсор мишки, з&#8217;являється мега-меню з підкатегоріями другого та третього рівня. Вони розкривають усі основні категорії. Мега меню ділиться на три стовпчики, а внизу містить список вкладок.</p>
<p>Як ці меню можна включити у мобільні пристрої? Не так легко вмістити безліч підкатегорій у невеличкий екран. Хоча декстопна версія сайту Cisco легко відображає від 30 підкатегорій у своїх мегафункціональних меню, не вимагаючи від користувачів прокручування, ці категорії буде складно помістити на мобільний маленький екран. Крім цього, певна візуальна структура, що забезпечується двовимірністю мега-меню, не буде так легко відображатися на мобільному пристрої, оскільки одночасно можна буде побачити лише частину підкатегорій.</p>
<p>&nbsp;</p>
<h3><strong>Дизайнерські цілі</strong></h3>
<p>Визначення: Піднавігація відноситься до інтерфейсу користувача навігації, який допомагає досягти категорій нижнього рівня в інформаційній структурі сайту.</p>
<p>Приступаючи до розробки піднавігацій, поставить перед собою такі дизайнерські цілі:</p>
<ol>
<li>Найменша завантаженість взаємодій: необхідно, щоб користувачі могли дістатися елемента, який їх цікавить, докладаючи мінімум зусиль. Тобто трохи натиснути, прокрутити, і довго не чекати завантаження сторінок.</li>
<li>Підтримка стандартного шляху користувача: якщо за одне відвідування сайту користувачеві доводиться переміщатися з однієї сторінки певного розділу у протилежну частину, метою піднавігації буде полегшити це завдання. В іншому випадку, коли більшість відвідувачів буде “жити” в одному розділі сайту (наприклад, у спортивному розділі газети), піднавігацію потрібно фокусувати на підтримку цього шаблону.</li>
<li>Можливість знаходження: користувачі не повинні витрачати багато часу, щоб знайти елементи піднавігації. При цьому вони не повинні повторювати вигляд основного меню, щоб відвідувачі їх не плутали.</li>
</ol>
<p>&nbsp;</p>
<h3><strong>Види мобільної навігації </strong></h3>
<p>Виділяють чотири прості способи розробки дизайну піднавігації для мобільних пристроїв:</p>
<ul>
<li>Меню акордеон (або &#8220;підменю&#8221;) у рамках головного меню (Accordions)</li>
<li>Меню секцій або розділів (Sequential menus)</li>
<li>Послідовне меню (Section menus)</li>
<li>Категоріальні посадкові чи цільові сторінки (Category landing pages)</li>
</ul>
<p>&nbsp;</p>
<h4><strong>Меню акордеон</strong></h4>
<p>Коли всередині меню ховається головна навігація, найпростіше зробити піднавігацію за допомогою акордеон-меню для головних категорій, при цьому кожен акордеон розгортається, щоб розкрити відповідні підкатегорії. Подібний дизайн нагадує підменю в рамках головного меню.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-436 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu.png" alt="" width="1128" height="960" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu.png 1128w, https://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu-600x511.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu-300x255.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu-768x654.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu-1024x871.png 1024w, https://www.ux-ui.top/wp-content/uploads/2018/02/Accordions-Inside-a-Main-Menu-700x596.png 700w" sizes="auto, (max-width: 1128px) 100vw, 1128px" /></p>
<p><em>Tide.com відображає піднавігацію за допомогою акордеонів </em></p>
<p>Підменю функціонує якнайкраще, коли охоплює невелику кількість підкатегорій (менше шести). Коли кількість підкатегорій всередині основної категорії стає занадто великою, головне меню ускладнюється, і пошук потрібної інформації починає стомлювати.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-437 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/02/sbnation-380x1024.png" alt="" width="380" height="1024" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/sbnation-380x1024.png 380w, https://www.ux-ui.top/wp-content/uploads/2018/02/sbnation-111x300.png 111w, https://www.ux-ui.top/wp-content/uploads/2018/02/sbnation.png 538w" sizes="auto, (max-width: 380px) 100vw, 380px" /></p>
<p><em>SBNation.com розширює основні навігаційні категорії за допомогою акордеон-меню. Але підкатегорії, на жаль, займають більше трьох повних екранів і ускладнюють людині пошук об&#8217;єкта, що її цікавить. (Проте те, що меню включає імена команд в алфавітному порядку, трохи згладжує цю проблему, оскільки користувачам не потрібно читати всі ярлики та шукати потрібну команду.)</em></p>
<p>Коли всі сторінки сайту містять навігаційне меню, такий дизайн піднавігації найкраще задовольняє цілі, озвучені раніше:</p>
<ul>
<li>Забезпечує мінімальну завантаженість взаємодії, тому що користувач може знайти підкатегорії у будь-якій частині сайту (за умови наявності меню на сторінці), і йому не потрібно чекати поки завантажиться сторінка.</li>
<li>Не обмежується стандартними шляхами для користувача, а підтримує їх усі. Дозволяє легко переміщатися між різними секціями сайту. Це хороший варіант у тому випадку, якщо відсутній домінуючий навігаційний шаблон.</li>
<li>Як частина головної навігації, він звільняє користувачів від необхідності обирати між інтерфейсами навігації. Але важливо, щоб головні категорії виглядали не так, як категорії низького рівня, що входять до основного меню (щоб показати відмінності можна вдатися до відступів або зробити це різним забарвленням).</li>
</ul>
<p><em>Seventhgeneration.com: Колір показує відмінність між головними та нижньорівневими категоріями </em></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-438 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/02/7thgen-576x1024.png" alt="" width="576" height="1024" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/7thgen-576x1024.png 576w, https://www.ux-ui.top/wp-content/uploads/2018/02/7thgen-600x1067.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/7thgen-169x300.png 169w, https://www.ux-ui.top/wp-content/uploads/2018/02/7thgen-768x1365.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/7thgen-700x1244.png 700w, https://www.ux-ui.top/wp-content/uploads/2018/02/7thgen.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></p>
<p>&nbsp;</p>
<h4><strong>Послідовне меню</strong></h4>
<p>Цей тип меню відображає підкатегорії, які стосуються останньої категорії, яка вибиралася користувачем. Спочатку відображаються головні категорії: коли користувачі зупиняють свій вибір на одній з них, головні категорії заміняються відповідними підкатегоріями. Останнім часом послідовні меню стають все більш популярними, оскільки за допомогою їх можна легко відобразити на невеликому екрані багато категорій та підкатегорій.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-439 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/hiv.png" alt="" width="1121" height="960" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/hiv.png 1121w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-600x514.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-300x257.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-768x658.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-1024x877.png 1024w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-700x599.png 700w" sizes="auto, (max-width: 1121px) 100vw, 1121px" /></p>
<p><em>HIV.gov: Вибираючи основну категорію головного меню, ми бачимо не вихідну навігацію, а відповідні підкатегорії. Перейти від одного розділу сайту до іншого можна за допомогою кнопки “Назад”, яка знаходиться у меню.</em></p>
<p>На основі досліджень у галузі взаємовідносин людини та комп&#8217;ютера, сформувалися різні точки зору щодо користі послідовних меню: деякі вказують на те, що користувачі чудово справляються з ними, принаймні при виконанні нескладних завдань, для яких не потрібно здійснювати переходи по різних частинах однієї ієрархії . Однак люди з низьким рівнем просторового сприйняття (згідно з проведеними тестами), мабуть, менш ефективні в роботі з цим меню, ніж користувачі з високим рівнем. І, на жаль, високий ризик переривання нашої взаємодії з мобільним пристроєм дезорієнтує нас, через що ми погано сприймаємо простір.</p>
<p>Послідовне меню іноді викликає помилкові дії користувачів, особливо якщо йдеться про телефони на базі Android (або про браузер) &#8211; часто людям хочеться натиснути на значок &#8220;Назад&#8221; або на аналогічну кнопку браузера, через що закривається меню і здійснюється перехід на іншу сторінку , а не повернення в меню найвищого рівня.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-440 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs.png" alt="" width="1116" height="1934" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs.png 1116w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs-600x1040.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs-173x300.png 173w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs-768x1331.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs-591x1024.png 591w, https://www.ux-ui.top/wp-content/uploads/2018/02/hiv-2-backs-700x1213.png 700w" sizes="auto, (max-width: 1116px) 100vw, 1116px" /></p>
<p><em>Hiv.gov: Якщо на Android-пристрої натиснути на значок &#8220;Назад&#8221; для переходу вгору по меню, ви переміститеся на сторінку, що була раніше відкрита в браузері. Щоб перейти в меню вищого рівня, потрібно використовувати аналогічну кнопку, яка знаходиться всередині меню.</em></p>
<p><em>(Примітка: краще утриматися від відображення меню зверху завантаженого зображення, як показано на малюнку.)</em></p>
<p>Є сайти, які замість кнопки “Назад” навмисне використовують інший знак для переходів по меню верхнього рівня. Наприклад, у меню сайту Macy відображається спеціальний ланцюжок навігації (“стежка хлібних крихт” – trail of breadcrumbss), що дозволяє користувачам підніматися IA сайтом.</p>
<p><em>Macys.com: Дане послідовне меню використовує ланцюжок навігації, тому користувачі навряд чи будуть спантеличені або випадково натиснуть кнопку &#8220;Назад&#8221;, коли здійснять перехід вгору по основній ієрархії. (Але зважте на те, що подібний ланцюжок навігації виглядає досить нестандартно, через що може бути прийнятий відвідувачами як набор основних категорій, які є на сайті).</em></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-441 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/02/macys-576x1024.png" alt="" width="576" height="1024" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/macys-576x1024.png 576w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-600x1067.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-169x300.png 169w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-768x1365.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-700x1244.png 700w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></p>
<p>Показуючи місце розташування відвідувачів послідовні меню можуть викликати в останніх розгубленість. Їм може бути не зрозуміло, що є перехід на інші частини сайту. Візьмемо наприклад сайт Macy &#8211; там меню змінюється виходячи з поточної позиції на сторінці. Через це користувач, який зупинився на сторінці &#8220;Знайти магазин&#8221;, при відкритті меню не виявить чогось вартісного, і ймовірно вирішить, що воно марне або що сайт має збої в роботі.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-442 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores-576x1024.png" alt="" width="576" height="1024" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores-576x1024.png 576w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores-600x1067.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores-169x300.png 169w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores-768x1365.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores-700x1244.png 700w, https://www.ux-ui.top/wp-content/uploads/2018/02/macys-stores.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></p>
<p><em>Macys.com: через послідовне меню відображається поточне розташування користувача. Відвідувач, який відкрив сторінку “Знайти магазин”, не помітить цікавого змісту в меню і може подумати про його непотрібність або якесь пошкодження сайту.</em></p>
<p><em>Mayoclinic.com: Наше дослідження показало, що більшість учасників випробування не знайшли шлях до категорій вищого рівня (відображено праворуч), і подумали, що на сайті крім підкатегорій у цих розділах більше нічого немає.</em></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-443 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/02/mayo-1024x906.png" alt="" width="1024" height="906" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-1024x906.png 1024w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-600x531.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-300x265.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-768x680.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-700x619.png 700w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo.png 1085w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></p>
<p>Коли меню стає надмірно глибоким, змушуючи користувачів робити послідовність виборів, воно стає виснажливим шаблоном, подібним до матрьошки. Людям доводиться неодноразово обирати різні категорії та підкатегорії, перш ніж вдасться знайти потрібний контент. Багато мобільних користувачів ненавидять цей шаблон, тому що він змушує їх приймати множинні рішення, не даючи ніякої корисної інформації.</p>
<p>Послідовне меню відрізняється помірною завантаженістю взаємодії (за наявності 1-2 підрівнів у навігаційній ієрархії) і дає користувачам можливість легко переміщатися по сайту (за умови, що вони вчаться, як це робити), але у той же час воно може призвести до дезорієнтації. Відвідувачі сайту можуть просто не зрозуміти, в якій частині сайту вони знаходяться і як визначити приналежність категорій до різних рівнів IA. Оскільки користувачі зазнають складнощів у розрізненні кнопки “Назад” у послідовних меню та у браузері, краще виключити їх використання у піднавігації.</p>
<p><strong> </strong></p>
<h4><strong>Меню секцій чи розділів</strong></h4>
<p>Це окремий вид меню, який розміщують на домашніх сторінках розділів. Наприклад р, сайт BBC має домашню сторінку зі своїм меню для всіх основних розділів. Це як секція, що є міні-сайтом зі своєю окремою навігаційною системою.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-444 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/bbc.png" alt="" width="1090" height="960" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/bbc.png 1090w, https://www.ux-ui.top/wp-content/uploads/2018/02/bbc-600x528.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/bbc-300x264.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/bbc-768x676.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/bbc-1024x902.png 1024w, https://www.ux-ui.top/wp-content/uploads/2018/02/bbc-700x617.png 700w" sizes="auto, (max-width: 1090px) 100vw, 1090px" /></p>
<p>Меню розділів можуть містити багато підкатегорій і найчастіше їх досить легко знайти на всіх сторінках у відповідному розділі. Переміщатися всередині розділу, використовуючи це меню, може бути легко, але цей шаблон унеможливлює перехід між підкатегоріями розділу. Подібний варіант хороший у тому випадку, якщо більшість користувачів під час відвідування сайту знаходяться в одному розділі, але він не зовсім підходить, якщо вони за одне відвідування зазвичай переходять по кількох розділах. Для цих людей вартість взаємодії з навігацією може бути надто високою.</p>
<p>Іноді трапляється, що меню розділів плутають з головним меню, і якщо це так, користувачі не користуватимуться ними для переходу по розділах, думаючи: “Я вже розгорнув це, і я знаю, що це мені не підходило, тому я більше не надаю цьому значення”. Тому важливо бути впевненим у тому, що:</p>
<ul>
<li>Меню розділів та головне меню виглядають досить по-різному, щоб люди могли легко відрізнити їх</li>
<li>Ви не використовуєте один і той же елемент інтерфейсу для основної навігації та меню розділів</li>
</ul>
<p>Наведений вище приклад Бі-Бі-Сі добре підходить до названих вище критеріїв.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-445 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/breast.png" alt="" width="1088" height="960" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/breast.png 1088w, https://www.ux-ui.top/wp-content/uploads/2018/02/breast-600x529.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/breast-300x265.png 300w, https://www.ux-ui.top/wp-content/uploads/2018/02/breast-768x678.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/breast-1024x904.png 1024w, https://www.ux-ui.top/wp-content/uploads/2018/02/breast-700x618.png 700w" sizes="auto, (max-width: 1088px) 100vw, 1088px" /></p>
<p><em>Breastcancer.org: Основне меню (ліворуч) та меню розділу (праворуч) відображаються за допомогою однакового елемента (значок &#8220;Меню&#8221;). Відвідувачі можуть не зрозуміти, що різні функції однієї кнопки залежать від розташування, тому вони не натискатимуть на “Меню” для переходу до підкатегорії поточної категорії.</em></p>
<p><em>Mayoclinic: Меню розділу та головне меню достатньо відрізняються за зовнішнім виглядом, так що у людей не буде проблем зі плутанням одного з іншим</em></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-446 size-large" src="http://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes-576x1024.png" alt="" width="576" height="1024" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes-576x1024.png 576w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes-600x1067.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes-169x300.png 169w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes-768x1365.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes-700x1244.png 700w, https://www.ux-ui.top/wp-content/uploads/2018/02/mayo-diabetes.png 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></p>
<p><strong> </strong></p>
<h3><strong>Категоріальні цільові сторінки</strong></h3>
<p>Коли все інше виходить з ладу і у вас надмірна кількість підкатегорій навіть у меню розділів, вирішенням проблеми може стати категоріальна цільова сторінка, яка виконує роль центру для решти сторінок, що знаходяться всередині розділу. Здебільшого вона включає всі підкатегорії другого рівня (плюс частина підкатегорій третього та четвертого).</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-448 size-full" src="http://www.ux-ui.top/wp-content/uploads/2018/02/stanford.png" alt="" width="1115" height="1451" srcset="https://www.ux-ui.top/wp-content/uploads/2018/02/stanford.png 1115w, https://www.ux-ui.top/wp-content/uploads/2018/02/stanford-600x781.png 600w, https://www.ux-ui.top/wp-content/uploads/2018/02/stanford-231x300.png 231w, https://www.ux-ui.top/wp-content/uploads/2018/02/stanford-768x999.png 768w, https://www.ux-ui.top/wp-content/uploads/2018/02/stanford-787x1024.png 787w, https://www.ux-ui.top/wp-content/uploads/2018/02/stanford-700x911.png 700w" sizes="auto, (max-width: 1115px) 100vw, 1115px" /></p>
<p><em>Stanford.edu: Для здійснення піднавігації використовуються категоріальні цільові сторінки. Наприклад, у цільової сторінки Admission більше шести інформаційних екранів і посилань до різноманітних підкатегорій. </em></p>
<p>Цільові сторінки не відрізняються особливою гнучкістю. Вони змушують здійснювати переходи через сторінки всередині розділів кожного разу, коли відвідувачеві потрібно його змінити, тоді як, наприклад, меню розділів дає можливість переміщатися цими сторінками всередині одного розділу. Тому використання категоріальних цільових сторінок є доцільним у тому випадку, якщо користувач за одне відвідування сайту знаходиться всередині єдиного розділу. В іншому випадку, надто зросте вартість взаємодії для переходів між підкатегоріями. Більше того, кожен перехід буде здійснюватися лише після відвідування (і завантаження) посадкової сторінки.</p>
<p>&nbsp;</p>
<h4><strong>Висновок</strong></h4>
<p>Розробка дизайну навігації для мобільного пристрою часто ускладнюється тим, що площа екрану дуже обмежена. Нижче наведена проста схема допоможе розібратися, який шаблон навігації буде найкращим для вас:</p>
<ul>
<li>За наявності 6 та менше підкатегорій для усіх головних категорій, підменю або акордеон-меню в основній навігації можуть бути доречними.</li>
<li>Якщо кількість підкатегорій від 6 до 15 хоча б для деяких основних категорій, то варто розглянути варіант меню розділів.</li>
<li>При кількості понад 15 підкатегорій для однієї головної категорії розгляньте варіант із категоріальною цільовою сторінкою.</li>
</ul>
<p>Дізнатися більше про навігацію масштабування та піднавігацію для екранів різних розмірів можна у наших уроках юзабіліті для мобільних пристроїв та UX для адаптивного дизайну.</p>
<p>&nbsp;</p>
<p><strong> </strong></p>
<p><strong>Посилання:</strong></p>
<p>Гаррі Хохейзер, Бен Шнейдерман (Harry Hochheiser, Ben Shneiderman). Переваги використання одночасних над послідовними меню як складність завдання. Міжнародний журнал взаємодії людини із комп&#8217;ютером, 2009.</p>
<p>Марі Кармен Пуерта Мелгізо, Уті Відья та Геррі ван Остендорп (Mari Carmen Puerta Melguizo, Uti Vidya, і Herre van Oostendorp). Пошук інформації в Інтернеті: вплив типу меню, складність шляху навігації та просторові можливості для збору інформації. Поведінка та інформаційні технології, 2012</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ux-ui.top/interfejs/ponyattya-mobilnoyi-pidnavigacziyi.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
