Top Banner
Ментальна модель електронного видання
93

Ментальна модель

Mar 27, 2016

Download

Documents

Victoryshe

презентація з дисципліни Дизайн електронних видань
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Ментальна модель

Ментальна модель електронного видання

Page 2: Ментальна модель

Ментальнамодель

• Найчастіше або, точніше, майже завжди дляуспішного використання будь-якої системи людинінеобхідно однозначно розуміти, як система працює. При цьому необов'язково точно розуміти суть, закладену в системі процесів, більш того, необов'язково правильно їх розуміти. Це розуміннясутності системи називаєтьсяментальною моделлю. Щоби навчитися послуговуватися системою, користувачеві потрібно побудувати її ментальнумодель. Позбавити його і від цієї роботи можназастосуванням метафори, яка дозволяєкористувачеві не створювати нову модель, аскористатися готовою моделлю, яку він ранішепобудував із іншого приводу.

Page 3: Ментальна модель
Page 4: Ментальна модель

Картина світу

Page 5: Ментальна модель
Page 6: Ментальна модель
Page 7: Ментальна модель
Page 8: Ментальна модель
Page 9: Ментальна модель
Page 10: Ментальна модель
Page 11: Ментальна модель
Page 12: Ментальна модель

90%

Page 13: Ментальна модель
Page 14: Ментальна модель

Метафора

• У метафорі певні поняття розкривають сутність однихявищ та предметів через інші за схожістючи контрастністю.

• Це — перехід інтуїтивного осяяння у сферураціональних понять. І чим далі містяться один віддругого протиставні розряди об'єктів, тим яскравішаметафора, яка прагне на відміну від символу, зосередитися в образній оболонці.

Page 15: Ментальна модель
Page 16: Ментальна модель
Page 17: Ментальна модель
Page 18: Ментальна модель
Page 19: Ментальна модель
Page 20: Ментальна модель
Page 21: Ментальна модель
Page 22: Ментальна модель
Page 23: Ментальна модель
Page 24: Ментальна модель

Правила використанняметафор:

• небезпечно повністю копіювати метафору, доситьвзятиз неї найкраще;

• необов'язково брати метафору з реального світу, їїсміливо можна вигадати самому;

• найефективніше метафорично пояснювати значенняокремих об'єктів.

• якщо метафора хоч якось обмежує систему, від неїнеобхідно негайно відмовитися.

Page 25: Ментальна модель

Афорданс

У сучасному значенні терміну під афордансом розуміютьситуацію, за якої об'єкт показує суб'єктові спосібвласного використання своїх невід'ємних властивостей. Наприклад, напис «На себе» на дверях не єафордансом, а вигляд дверей, який підказує людині, щовона відкривається на себе, несе в собі афорданс. Користь афорданса полягає в тому, що він дозволяєкористувачам обходитися без будь-якого попередньогонавчання, завдяки чому афорданс є ефективним інадійним засобом забезпечення зрозумілості вінтерактивному дизайні.

Page 26: Ментальна модель
Page 27: Ментальна модель
Page 28: Ментальна модель
Page 29: Ментальна модель
Page 30: Ментальна модель
Page 31: Ментальна модель

Способи передачі афордансу:

• мапінґ, або повторення конфігурації об'єктівконфігурацією елементів управління (цей спосіб єдієвим у реальному світі, але не надто ефективний наекрані, оскільки кращим є безпосереднєманіпулювання);

• видима приналежність керуючих елементів об'єкту;• візуальний збіг афордансів екранних об'єктів із такимиж афордансами об'єктів реального світу (кнопка вреальному світі пропонує користувачеві натиснути нанеї, псевдотрьохвимірна кнопка пропонує натиснутина неї за аналогією);

• зміна властивостей об'єкта за умов підведення донього курсору (блідий аналог тактильногодослідження).

Page 32: Ментальна модель
Page 33: Ментальна модель
Page 34: Ментальна модель
Page 35: Ментальна модель
Page 36: Ментальна модель
Page 37: Ментальна модель
Page 38: Ментальна модель
Page 39: Ментальна модель
Page 40: Ментальна модель
Page 41: Ментальна модель
Page 42: Ментальна модель
Page 43: Ментальна модель
Page 44: Ментальна модель
Page 45: Ментальна модель
Page 46: Ментальна модель
Page 47: Ментальна модель
Page 48: Ментальна модель
Page 49: Ментальна модель
Page 50: Ментальна модель
Page 51: Ментальна модель
Page 52: Ментальна модель
Page 53: Ментальна модель
Page 54: Ментальна модель
Page 55: Ментальна модель
Page 56: Ментальна модель
Page 57: Ментальна модель
Page 58: Ментальна модель
Page 59: Ментальна модель
Page 60: Ментальна модель
Page 61: Ментальна модель
Page 62: Ментальна модель
Page 63: Ментальна модель
Page 64: Ментальна модель
Page 65: Ментальна модель
Page 66: Ментальна модель

Стандарт

• потужний інструмент інтерактивного дизайну, однакненадійний. Він дуже добре працює, коли популярний, в іншому випадку не працює зовсім. Так, з одного боку, при появі стандартизованих графічних інтерфейсівкількість програм на душу користувача суттєвозбільшилася (тобто користувачі отримали можливістьіз тим же рівнем зусиль вивчати більше програм), зіншого боку, безліч хороших речей так і не булореалізовано, оскільки в потрібний моментвідповідних стандартів не було. Таким чином, абистандарт запрацював, він повинен бути популярним. Таким він може стати двома способами: по-перше, вінможе бути в усіх системах, по-друге, може бутипопулярним усередині окремої системи.

Page 67: Ментальна модель
Page 68: Ментальна модель
Page 69: Ментальна модель
Page 70: Ментальна модель

Послідовністьу реалізаціїінтерфейсу

є першою умовоюякості

результату…

Page 71: Ментальна модель

http://www.syfy.com/tinman/oz

Page 72: Ментальна модель

http://lullaland.net

Page 73: Ментальна модель

http://www.thebicwall.com

Page 74: Ментальна модель

http://www.thebicwall.com

Page 75: Ментальна модель

http://theuglydance.com

Page 76: Ментальна модель

http://experience.mtvnhd.com

Page 77: Ментальна модель

http://www.therestartpage.com

Page 78: Ментальна модель

http://www.resn.co.nz/threaded/

Page 79: Ментальна модель

http://testsoldatsjoman.forsvarsmakten.se

Page 80: Ментальна модель

http://handsonlycpr.org/symphony

Page 81: Ментальна модель

http://www.wrangler-europe.com

Page 82: Ментальна модель

http://wereallfans.com

Page 83: Ментальна модель

http://www.30ml.com

Page 84: Ментальна модель

http://www.wild.sg

Page 85: Ментальна модель

http://ge.ecomagination.com/smartgrid/#/landing_page

Page 86: Ментальна модель
Page 87: Ментальна модель
Page 88: Ментальна модель
Page 89: Ментальна модель
Page 90: Ментальна модель
Page 91: Ментальна модель
Page 92: Ментальна модель
Page 93: Ментальна модель

http://www.umistudio.com/swf/prepod.html