Creating Delicious Wordpress Sites, Barak Danin, Uniq UI

Preview:

Citation preview

כותרת

: מתכוני חוויית משתמשאיך ליצור אתרים טעימים במיוחד

יו איי יוניקל "מנכ, ברק דנין

5/9/2010, ירושלים וורדקמפ

כותרת

נעים !להכיר cc by

abhi_saveEarth

כותרת יו איי יוניק -ל ובעלים "מנכ, ברק דנין

cc by vaxzine

כותרת UXI–חוויית משתמש ישראל

http://uxi.org.il

בית מקצועי לכל העוסקים והמתעניינים בתחום חוויית המשתמש

כלי עבודה, מילון מונחים, לוח משרות, כתבות

מערכת דיונים שאפשר לשאול בה שאלות מקצועיות ולקבל תשובות .ממגוון רחב של אנשי מקצוע

שפיים, מרכז הכנסים, 5/10/2010: כנס מקצועי

–UXIהסטיקר של !בואו לקחת בסוף ההרצאה

?על מה נדברכותרת

?"חוויית משתמש"מה זו

של בלוגים ומערכות תוכן) usability(שמישות

)בסוף(השאלות שלכם

בלבד WordPressאתרי : כל הדוגמאות

Cc FotoosVanRobin

כותרת

חווייה

כותרת

7

כותרת

http://www.flickr.com/photos/cell105/142887353/sizes/o/http://www.flickr.com/photos/ishane/2478049891/sizes/l/

כותרת

CC by lore

כותרת

!משתמש

כותרת

http://www.flickr.com/photos/mararie/3313582639/אנשים שונים הרבהיש ... אין משתמש אחד

כותרת

במקומות וסיטואציות בלתי צפוייםהם עשויים להיות

כותרת

http://www.flickr.com/photos/fernando/36759033/!מאוד שונים מאיתנווהם עשויים להיות

Context of Use הקשר שימוש כותרת

סביבה אנושית?)באתר(מי האנשים שישתמשו במוצר

?מה היעדים שלהם בחיים?מה היעדים שלהם במוצר

כותרת בצק אלים: דוגמה

". בצק אלים", מאיה מרום

?למה המחיר חשוב

?למה הזמן חשוב

www.bazekalim.com

?מי קהל היעד

כותרת Tasty Kitchen: דוגמא

?למה דרגת הקושי חשובה

?למה מספר המנות חשוב

?למה יחידות המידה חשובות

שייך לתחום של –איזה מידע להציג Information, ארכיטקטורת מידע

Architecture (IA) ,חלק חיוני מ-UX

?מי קהל היעד

כותרתארכיטקטורת מידע

Information Architecture

ארגון המידע במערכת

? איזה מידע מציגים

? מה חשוב למשתמשים

?אתר/מה חשוב לעסק

:איך מוצאים מידע

?איך מחלקים אותו לקבוצותתפריטים–מערכת ניווט

?איך פועלת מערכת החיפוש?איך מוצגות תוצאות החיפוש

כותרת מערכת הניווט : טיפים

ועם תכנים קבועים , השאירו את התפריט במקום קבוע...)ותראו איך לא לעשות את זה mako-תציצו ב(

ויצירתיות במידה , לקהל היעד שלכם–ברורות כותרות")המפלצת הירוקה"ולא " מי אני("

סדרו את הכותרות לפי סדר חשיבותשנייה והאחרונה-הרוב קוראים בעיקר את הראשונה

רצוי פחות, כותרות בתפריט הראשי 7-לא יותר מ

הדגישו את הכותרת שבה נמצאים כרגע

http://uxi.org.il/pages/1860

כותרת תוצאות החיפוש:טיפים

חשבו איזה מידע נחוץ למשתמש כדי לבחור תוצאה

כלל רוצים לראות את הקטע שהתאים לחיפוש-בדרך

Context of Use הקשר שימוש כותרת

סביבה אנושית?מי האנשים שישתמשו במוצר

?מה היעדים שלהם בחיים?מה היעדים שלהם במוצר

סביבה פיזית? באיזה מקומות המוצר יופעל

? מה מאפיין את המקומות האלו

)פלטפורמה(סביבה טכנית ?איזה מכשירים

?איזה מערכות הפעלה

סביבת מוצרים?איזה מוצרים נוספים תומכים במוצר

איזה מוצרים אחרים פועלים באותו תחום ?של המוצר

?כיצד רגילים להשתמש בהם

?מה חווים היום במערכת שלכםכותרת

מה החוויה שעוברים משתמשים ?במערכת שלכם היום

איך המשתמשים פועלים בתוך ?המערכת

איך הייתם רוצים שחוויית ?המשתמש תהיה

איך הייתם רוצים שהמשתמשים ?יפעלו בה

cc by TimSamoff

...יש לא מעט מערכות שבהן זה כךכותרת

...יש לא מעט מערכות שבהן זה כךכותרת

לא הבינו לאן הגיעו

...יש לא מעט מערכות שבהן זה כךכותרת

לא הבינו לאן הגיעו

לא מצאו מה שחיפשו

...יש לא מעט מערכות שבהן זה כךכותרת

לא הבינו לאן הגיעו

לא הבינו מה לעשות

מצאו אבל לא הבינו

...יש לא מעט מערכות שבהן זה כךכותרת

לא הבינו לאן הגיעו

לא הבינו מה לעשות

לא הצליחו לעשות

הצליחו

ונשארו$

$

$

$

!כולנו היינו רוצים שזה יראה כך אצלנוכותרת

הצליחו

ונשארו

$ $$ $

$ $$ $

$ $$ $

$ $$ $ $ $

$ $

$ $$ $ $ $

$ $

$ $$ $

$ $$ $

?מה זה עיצוב חוויית משתמשכותרת

:תוך עבודה על, )האתר(מבט הוליסטי על תכנון המוצר Interaction Design–עיצוב אינטראקציה

תהליכים, זרימה בין מסכים, תכנון מסכים. הקשר בין אדם למכשירInformation Architecture - ארכיטקטורת מידע

מבנה המידע, השלד של האתר)שימושיות( Usability -שמישּוּת

? "ידידותי למשתמשת" Visual Design–עיצוב חזותי

עיצוב גראפי Accessibility -נגישות

?ידידותי לבעלי מוגבלויותText, Marketing & Content–תוכן ושיווק , טקסט)Captology( קפטולוגיה, תכנים

התנהגות צרכנית

תוך התייחסות ליעדים העסקיים–כל אלה cc by .craig

כותרת בלוגים שמישים :טיפים

תוכן

כותרות ברורות ומזמינות.אתם נלחמים על קשב". הקיץ שלי עם הילדים"אלא !"ילדים! קיץ"לא

כתבו קצר ופשוטזהו

בלי פסקאות ארוכותחלקו לחלקים קטנים

בהתחלה–מה שחשוב אל תצפו שיישארו עד הסוף

כותרת בלוגים שמישים :טיפים

תגובות

תגובה (בלי תגובות מּכּוננֹות )על תגובה

רמה אחת –אם חייבים הרוב . קשה לעקוב. בלבד

אין כוח , לא מגיבים, קוראים.לשרשורים

כותרת בלוגים שמישים :טיפים

טיפוגרפיה

עם קו תחתון) ורק קישורים(קישורים או בצבע מובחן אחר, רצוי בכחול

רווחו את השורות אם אתם רוצים שיקראו

רווחו בצדדי הטוראבל לא יותר מדי

טקסט בגודל קריא12px בפונטArial

בחרו צבעים נגישיםרבים יתקשו לקרוא, אם הניגוד נמוך

Cc b

y tin

.g

?איך ללמוד עוד על חוויית משתמשכותרת

)בחינם" (המדריך לעולם חוויית המשתמש"הורידו וקראו את

http://uniqui.co.il/theguide!כל מי שיוריד את המדריך יקבל גם טיפים מקצועיים במייל

כללים 21במתנה כרטיס עם בואו בסוף ההרצאה לקבל ממנימנחים לתכנון ממשק משתמש

!אל תשכחו לקחת גם סטיקר

?איך ללמוד עוד על חוויית משתמשכותרת

UXI Live 2010השתתפו בכנס http://uxilive.co.il

)בתשלום(

): חלקן במקביל(הרצאות : יום שלםLovability Factor ,ה, שיפור מכירות ברשת-UX שלSoluto )סטארטאפ

TechCrunch-שזכה ב Disrupt( ,מתודולוגיה ועוד, אפליקציות עשירות.

קצר של סשןואפילו , נטוורקינג, סדנאות

₪ 742:המחיר המלאהנחה 20% וורדקמפלמשתתפי

בלבד₪ 594:קוד קופון הנחה

WORDCAMP

?שאלותbarak@uniqui.co.il