Minshari #1

Page 1

‫יסודות בעיצוב אינטראקטיבי ‪ -‬שנה ב׳‬

‫שנה ב׳ ‪11/2014‬‬

‫שיעור ‪#1‬‬


‫מה זה עיצוב אינטראקטיבי?‬


‫עיצוב אינטראקטיבי מוגדר כשדה מחקר מוכוון משתמש‬ ‫(‪ )user-oriented‬אשר מתמקד בתקשורת משמעותית‬ ‫של מדיה דרך שיתופי פעולה בין אנשים וטכנולוגיה‪.‬‬ ‫לעיצוב אינטראקטיבי מוצלח יש מטרות פשוטות‪,‬‬ ‫ברורות ומוגדרות‪ ,‬צורך קיום וממשק אינטואיטיבי‪.‬‬ ‫‪ -‬מתוך ויקיפדיה‬


jellotime.com by RafaĂŤl Rozendaal


‫איפה אנחנו פוגשים עיצוב אינטראקטיבי?‬ ‫ אתרי אינטרנט‬‫ משחקי מחשב‬‫ תוכנות‬‫ מערכות הפעלה‬‫ שעונים דיגיטליים‬‫ טלוויזיות‬‫ תנורים‬‫ מקררים‬‫‪ -‬קיוסקי מידע‬

‫ מסכי מידע‬‫ כספומט‬‫ מכונות תשלום בחניון‬‫ נגני מוזיקה‬‫ מקרנים‬‫ אפליקציות‬‫ מכוניות‬‫ מערכות ג׳י‪.‬פי‪.‬אס‬‫‪ -‬ועוד ועוד ועוד‪...‬‬


‫תפקיד המעצב האינטראקטיבי‬

‫המערכת האינטרקטיבית היא‬

‫להפוך את הטכנולוגיה ליותר‬ ‫ידידותית ופונקציונלית למשתמש‪.‬‬

‫ מספקת‬‫ מהנה‬‫ כייפית‬‫ משעשעת‬‫ מועילה‬‫ מניעה‬‫ אסתטית‬‫ תומכת ביצירתיות‬‫ מתגמלת‬‫‪ -‬מספקת ריגוש‬

‫לעצב תהליכים ופעולות שמושכות‬ ‫ומועדדות משתמשים‪ ,‬ולהדריך‬ ‫בהצלחה עד השלמת המשימה‪.‬‬ ‫שיפור יעילות ופרודקטיביות‪.‬‬

‫‪ -‬מתוך ויקיפדיה‬

‫‪From: Preece, J., Rogers, Y., Sharp, H. (2002), Interaction Design:‬‬ ‫‪Beyond Human-Computer Interaction, New York: Wiley, p.18‬‬


‫עיצוב אינטראקטיבי‬ ‫וחווית משתמש‬


‫חוויית משתמש (מאנגלית‪ ,UX :‬קיצור של ‪ )User Experience‬הינה החוויה שחווה‬ ‫משתמש קצה בזמן פעילותו במערכת (כגון אתר‪ ,‬תוכנה‪ ,‬אפליקציה)‪ ,‬מוצר או שירות‪.‬‬ ‫‪ -‬מתוך ויקיפדיה‬


Sound design human factor

THE DISCIPLINES OF USER EXPERIENCE - Dan Saffer


‫שימושיות‬ ‫המשתמש שולט בדרך‪ ,‬בקצב‬ ‫ויותר מהכל ‪ -‬על מה להסתכל‬ ‫וממה להתעלם‬

‫שמיש‬ ‫‪Usable‬‬ ‫יעיל‬ ‫‪Efficient‬‬

‫אינטואיטיבי‬ ‫‪Intuitive‬‬

‫מספק‬ ‫‪Satisfying‬‬


‫תחושה‬ ‫המשתמש חווה את העיצוב דרך‬ ‫החושים השונים ‪ -‬ראייה‪ ,‬שמיעה‪,‬‬ ‫מישוש‪ ,‬ריח וטעם‬


ted.com/talks/jinsop_lee_design_for_all_5_senses.html


‫שימושיות‪+‬תחושה=‬ ‫חווית משתמש‬


‫חווית משתמש חיובית‬

‫חווית משתמש שלילית‬




‫עקרונות בעיצוב‬ ‫אינטראקטיבי‬


‫להשתמש בניסיון ובציפיות‬ ‫צריך לפעול בהתאם לקונבנציות כדי להקל על‬ ‫המשתמש בעת למידת הסביבה האינטראקטיבית‬ ‫וההתמצאות בה‪ .‬קונבנציות קיימות בכל רמות‬ ‫העיצוב (ממשק וחוויה) ותפקיד המעצב להכיר‬ ‫אותן ולדעת מתי להשתמש בהן‪.‬‬


‫עקביות‬ ‫המשתמש צריך להבין איך עובדת הסביבה האינטראקטיבית ולשם‬ ‫כך יש לשמור על עקביות‪.‬‬ ‫המשתמש לומד את הסביבה ומיישם את הידע הנצבר באזורים‬ ‫שונים שלה‪ .‬ניתן לסמן למשתמש מתי משהו לא עובד כמו שהוא‬ ‫חושב שהוא אמור לעבוד כאשר שוברים את עקרון העקביות‪.‬‬



‫מינימליזם בשימושיות‬ ‫יש לשמור על מספר מינימלי של אופציות‬ ‫ואפשרויות כדי לא לבלבל את המשתמש ולהסיח‬ ‫את דעתו מהמטרה העיקרית‪.‬‬


‫מעורבות‬ ‫המשתמש צריך להרגיש‬ ‫שהוא בשליטה ושהסביבה‬ ‫האינטראקטיבית מגיבה אליו‪.‬‬ ‫יש לתת למשתמש פידבקים‬ ‫חיוביים וכך לייצר את‬ ‫ההרגשה שהוא ״יוצר״ משהו‪.‬‬


!‫כיף‬ ‫האלמנט הכי חשוב‬

pointerpointer.com by studiomoniker.com


‫החוויה‬ ‫האינטראקטיבית‬ ‫כנראטיב‬


‫נראטיב קלאסי‬

‫נראטיב אינטרקטיבי‬


talent.stimuleringsfonds.nl


‫השראה‬

P

awwwards.com

Trend List.org

ProductHunt.com

GoodUI.org

site inspire

interactive-design.co.il

Sidebar.io

Designspiration.net .com


‫כרטיס ביקור‬

cargo

storyboard.me

facebook

Medium

about.me

youtube

Wikipedia


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.