@xgmediaAvi Itzkovitch UI/UX Designer
UX Salon (Tel-Aviv)
A concept is like…
How Metaphors Can Improve Your User
Experience
UXPEDITION
‫שרפא‬ ‫או‬ ‫שרפה‬
‫קונספט‬
Stefan Georgi
‫קונספטואלית‬ ‫חשיבה‬
"‫דפוס‬ ‫או‬ ‫בעיות‬ ‫פתרון‬ ‫היא‬ ‫קונספטואלית‬ ‫חשיבה‬
‫של‬ ‫הקוגניטיבי‬ ‫התהליך‬ ‫על‬ ‫המבוסס‬ ‫חשיבה‬
‫הפשטה‬.‫של‬ ‫בשלב‬ ‫המשמש‬ ‫ניתוח‬ ‫תהליך‬ ‫זהו‬
‫פתרונות‬ ‫או‬ ‫חדשים‬ ‫רעיונות‬ ‫אחר‬ ‫יצירתי‬ ‫חיפוש‬.
‫אחת‬ ‫שאף‬ ‫היא‬ ‫הפתיחה‬ ‫נקודת‬ ‫זה‬ ‫בהתליך‬
‫קיימת‬ ‫או‬ ‫ישימה‬ ‫בהכרח‬ ‫היא‬ ‫ההווה‬ ‫של‬ ‫מהמגבלות‬
‫בעתיד‬.‫את‬ ‫מעצבות‬ ‫אינן‬ ‫קיימות‬ ‫תובנות‬ ‫לפיכך‬
‫העתיד‬".
‫יום‬ ‫ביום‬ ‫קונספטואלית‬ ‫התנהלות‬
‫בצורה‬ ‫עובדים‬ ‫אנחנו‬
‫קונספטואלית‬:
•‫הראיה‬ ‫מערכת‬
•‫סיטואציות‬ ‫יוצר‬ ‫המוח‬
‫מידע‬ ‫חלקי‬ ‫בסיס‬ ‫על‬
‫קופסא‬ ‫אני‬,
‫פנים‬ ‫רק‬ ‫לא‬
‫יפים‬
‫ייצוג‬
‫מנטלי‬ ‫מודל‬
‫הדמיון‬ ‫מגבלות‬
Our
conceptual
system is
fundamentally
metaphoric in
nature
‫מטאפורה‬
"Metaphor is a device for
seeing something in terms
of something else…”
‫לשון‬ ‫מטבעות‬
scion_cho
‫לשון‬ ‫מטבעות‬
"‫נינג‬ ‫דרוש‬'‫ה‬
‫ב‬UX"
scion_cho
‫עיצוב‬
‫קיימים‬ ‫מדברים‬ ‫פתרון‬ ‫מציאת‬
fauxto_digit
Design Thinking
Eempathiz
e
Define
Ideate
Prototype
Test
Standford design school model of design procedures
“Combining empathy for the context of a problem, creativity in the
generation of insights and solutions, and rationality in analyzing and fitting
various solutions to the problem context
(wikipedia)
‫בעיצוב‬ ‫שלבים‬
Flare: a phase for exploring possibilities
What do we deliver
Complex
Simple
Strategic Artefact
Interaction of
systems
Systems
Product
Component
Customer
Experience
Logo
Interaction
Design
Branding
What do we deliver
Strategic Artefact
Customer
Experience
User
experience
Persuade
Interaction
Design
Graphic
Design GUI
Ideate Sketch Mood board Icons &
Logos
" An important part of the design process
is selling ideas to those who will
implement and fund them". Dan Saffer
What do we deliver
Metaphors
What do we deliver
What do we deliver
Sketching
Andy Bright
‫משתמשים‬ ‫מחקר‬
Andy Bright
‫לא‬ ‫זה‬ ‫מה‬
‫במטאפורות‬ ‫טוב‬ ‫לא‬ ‫מה‬
“searching for a
guiding metaphor
is like searching
the right steam
engine to power
your airplane”
‫במטאפורות‬ ‫טוב‬ ‫לא‬ ‫מה‬
‫במטאפורות‬ ‫טוב‬ ‫לא‬ ‫מה‬
‫תעשה‬ ‫ואל‬ ‫עשה‬
Winky
Resources
http://www.odannyboy.com/portfolio/thesis/saffer_thesis_paper.pdf
http://www.cogsci.ucsd.edu/~coulson/203/lakoff_ps.pdf
http://www.uxmatters.com/mt/archives/2008/10/the-magic-of-
metaphor.php
http://blog.usabilla.com/how-metaphors-can-improve-your-user-
experience/
http://web.cs.wpi.edu/~dcb/courses/CS3041/Myth-of-Metaphor.pdf

concept and conceptual thinking in UX design process קונספט וחשיבה קונספטואלית

Editor's Notes

  • #6 מה מדברים היום מה זה קונספט וחשיבה קונספטואלית למה זה עובד איך משלבים בעיצוב מה כן ומה לא
  • #7 איפיון חווית משתמש דומה למסע גילוי: אנחנו יודעים מה היעד שאנחנו רוצים להגיע אליו, אבל לא יודעים במדויק את הדרך. לפעמים נגיע אליו ולפעמים נגלה משהו חדש בתור מאפיין חווית משתמש אני מנסה לקשר בין אנשים וטכנולוגיה או בין אנשים דרך טכנולוגיה. כדי לעשות את זה אני צריך להבין אנשים ואיך הם פועלים, איך ומה הם חושבים ומה הם מרגישים. כשאני יודע את זה אני יכול ליצור פיתרון חדש ולהסביר להם אותו בעולם המושגים שלהם, כי אין להם דימיון. אם מנתקים אנשים מהמגבלות היומיומיות, הם יכולים לחשוב בצורה משוחררת וחיובית.
  • #9 קונספט הוא תפיסה קונספט הוא רעיון לא מפורט שתחתיו יכולים לבוא רעיונות נוספים. הוא מציב את הגבולות של שדה המשחק. קונספט הוא כללי ונוצר מחיבור מנטלי של כל המאפיינים בו ובכך יוצר מסגרת.
  • #10 השמטה והתעלמות מפרטים והתמקדות בתמונה הגדולה. בחשיבה קונספטואלית אנחנו משתמשים במטאפורות, באידיומים, ובדימויים
  • #11 אנחנו עובדים בצורה קונספטואלית ברמה הגופנית שלנו מערכת הראיה מעבירה רק אחוז אחד מפוקס והשאר מעורפל על מנת שנסיק מסקנות מהר. המוח שלנו מניח על סמך מידע חלקי הנחות – אנחנו רואים פרצופים בשקע ובקופסאות אנחנו שומעים הרבה ומתמקדים רק בחלק כדי ליצור משמעות מודל מנטלי: ייצוג של הסביבה שלנו בצורה פשוטה על מנת שנוכל להתקיים
  • #12 אנחנו עובדים בצורה קונספטואלית ברמה הגופנית שלנו מערכת הראיה מעבירה רק אחוז אחד מפוקס והשאר מעורפל על מנת שנסיק מסקנות מהר. המוח שלנו מניח על סמך מידע חלקי הנחות – אנחנו רואים פרצופים בשקע ובקופסאות אנחנו שומעים הרבה ומתמקדים רק בחלק כדי ליצור משמעות מודל מנטלי: ייצוג של הסביבה שלנו בצורה פשוטה על מנת שנוכל להתקיים
  • #13 ציורים על קיר המערה הם לא באמת אמיתיים
  • #14 מודל מנטלי מסייע לנו לבנות הבנה של העולם סביבנו אנחנו מסתמכים על ידע קודם כדי לבסס ידע חדש והבנה
  • #15 הדמיון האנושי מוגבל ונשען על דברים שהוא רואה סביבו ומכיר. ככל שהוא מכיר דברים ישנים כך קשה לו לדמיין, להבין ולקבל דברים חדשים. לילדים קל לדמיין, למבוגרים קשה. כשהאדם היה צריך להסביר תופעות שהוא לא הבין הוא יצר את האלים. לאלים היו מאפיינים שלקחו את היכולות של האדם והעצימו אותן, או התעלמו ממגבלות של האדם. האלים היו חזקים, מהירים, חכמים – אבל גם מרושעים הרבה יותר, תככנים ונוטים לטעויות. מצד שני, האלים השתמשו ברץ כדי לתקשר ביניהם. חלקם ילו לעוף כמו ציפורים, יכלו לרוץ כמו חיה מהירה אבל לאף אחד מהם לא היה טלפון או את היכולת להעביר את המסרים שלו באמצעות מחשבה. אנחנו יודעים לשלב בין שני למנטים כדי ליצור דבר חדש: אבן ומקל כדי ליצור קרדום; אדם וחיה כדי ליצור יצור על.
  • #17 a metaphor is a rhetorical device “in which a word or phrase literally denoting one kind of object or idea is used in place of another to suggest a likeness or analogy between them.”
  • #22 Focusing tools help you narrow your field of view. Flaring tools expand your field of view generating new concepts and frameworks that deepen your thinking.
  • #23 Focusing tools help you narrow your field of view. Flaring tools expand your field of view generating new concepts and frameworks that deepen your thinking.