Basics - 2

Think UX Class 2

‫און ליין‬

‫אוף ליין‬

‫מסקנה – רוב תלמידי הקורס רואים עצמם עובדים בתחומים שאינם "אינטרנטיים"‬

‫מאקרו של ניהול מוצר וחווית משתמש‬ ‫טכניקת אפיון אתר‬

‫‪10‬‬ ‫‪9‬‬ ‫‪8‬‬ ‫‪7‬‬ ‫‪6‬‬ ‫‪5‬‬ ‫‪4‬‬ ‫‪3‬‬

‫‪2‬‬ ‫‪1‬‬ ‫‪0‬‬

‫מסקנה – רוב תלמידי הקורס מעדיפים ללמוד את המאקרו של חווית המשתמש‬

Table of contents Hulu Kindle IA UI GUI -

IA

UI

GUI

‫אתר משותף ל ‪ NBC‬ו ‪ Fox‬המציע סטרימינג ווידאו של סדרות טלוויזיה וסרטים‬ ‫תוך כדי שידור פרסומות‪) .‬שוק פרסומות הווידאו ברשת מוערך כיום ב ‪ $1.4‬מיל' ועד ‪ 2011‬הוא אמור לצמוח ל ‪ $4.3‬מיל'(‬ ‫מודל ההפצה של האתר נסמך על שני ערוצים‪.‬‬ ‫‪ .1‬אתר ‪ - Destination‬ללא תשלום‪ ,‬נתמך בפרסומות‪.‬‬ ‫‪ .2‬שירות סינדיקציה ‪ -‬דרך אתרי תוכן אחרים ומשתמשים )אפשרות "לעמבד" נגן(‬

‫זה ניסיון נוסף של חברות מדיה להתמודד עם תופעת ה ‪Video Sharing‬‬ ‫והמודלים החדשים של צריכת תוכן דרך הרשת‪.‬‬

IA UI GUI

IA UI

– Information Architecture

– User Interface

GUI

- Graphic User Interface

‫‪GUI‬‬

‫‪IA‬‬ ‫צורה‬

‫תוכן‬

‫התנהגות‬

‫‪UI‬‬

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

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

‫‪UI‬‬

‫ממשק משתמש‬ ‫צירוף האמצעים בהם משתמש נמצא באינטראקציה עם מערכות היכולות לבוא לידי ביטוי כמכונות‪ ,‬תוכנות או כלים מורכבים‪.‬‬

‫ממשק המשתמש מספק אמצעים ל‪:‬‬ ‫‪ – Input‬מאפשר למשתמש לשלוט ולתפעל את המערכת‬ ‫‪ – Output‬מאפשר למערכת לתת חיווי שמשפיע על פעולות המשתמש‬

‫‪UI‬‬

‫‪Web-based user interfaces‬‬

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

‫‪UI‬‬

‫‪Prototypes / Wire Frames‬‬

‫מקובל לתכנן ולמפות את תהליך ה ‪ UI‬דרך פרוטוטייפים ואפיונים פונקציונאליים‪.‬‬ ‫פרוטוטייפ הוא אב טיפוס שבדרך כלל נראה כמו השרטוט למטה‪:‬‬ ‫הוא מגדיר את האובייקטים שצריכים להיות בעמוד;‬ ‫את הקומפוזיציה שלהם בעמוד;‬ ‫ואת תוצאות האינטראקציה עם האובייקטים דרך טבלאות אינטראקציה )איך המערכת תגיב ל ‪(Output & Input‬‬

‫‪GUI‬‬ ‫‪Graphic User Interface‬‬ ‫זוהי המעטפת‪ ,‬ה"עור" )‪ (Skin‬ששמים על ה ‪.UI -‬‬ ‫מטאפורות נוספות לתיאור ה ‪:GUI‬‬ ‫גוף האדם הוא ה ‪ UI‬והביגוד הוא ה ‪GUI‬‬ ‫שלד הבניין הוא ה ‪ ,UI‬הדלתות‪ ,‬חלונות‪ ,‬צבע‪ ,‬טיח‪ ,‬רהיטים הם ה ‪GUI‬‬

GUI Graphic User Interface