קצת על החוויה שלי עם דרופל ועל הקשר בין ניהול מוצר ואפיון לעבודה עם המערכת. העקרונות ותהליך העבודה עם דרופל. איך דרופל מסייעת להתמקד בארכיטקטורה והיררכיית המידע, תיעדוף ותכנון המבנה, הגשת התוכן ותכנון האינטרקציות. תאור של שלושת סוגי המשתמשים באתר דרופל: הדרופליסט, עורך התוכן ומשתמש הקצה והצורך להתייחס לצרכים השונים של כל אחד מהם.

1. ‫חווית משתמש ודרופל‬
‫מיכאל שמילוב
‬

2. ‫קצת על עצמי
‬
‫• מנהל מוצר‬
‫• עובד עם דרופל‬
‫• מארגן מפגשי ‪
UX Storytelling‬‬

3. ‫על מה אני הולך לדבר?
‬
‫ איך הגעתי לדרופל?‬ ‫•‬
‫ תהליך העבודה עם המערכת.‬ ‫•‬
‫ חווית משתמש בדרופל.‬ ‫•‬
‫ חווית משתמש נטו.‬ ‫•‬

4. ‫החוויה שלי עם דרופל
‬
‫• סיפור קצר...‬

5. ‫החוויה שלי עם דרופל
‬

6. ‫ארנון עזב...
‬

7. ‫מה עושים?
‬

8. ‫קוד פתוח
‬

9. ‫למה דווקא דרופל
‬
‫ההחלטה...
‬

10. ‫למה דווקא דרופל
‬
‫ אתרים, מדריכים ופורומים‬ ‫•‬
‫ קהילה תומכת ועוזרת‬ ‫•‬
‫ ספרות מקצועית ובלוגים‬ ‫•‬
‫ סרטונים מקצועיים‬ ‫•‬

11. ‫הקשר לאפיון ולניהול
‬
‫דרופל מסייעת להתמקד ב-‬
‫• ארכיטקטורה והיררכיית המידע‬
‫• תיעדוף ותכנון המבנה‬
‫• הגשת התוכן ותכנון האינטרקציות‬

12. ‫הקשר לאפיון ולניהול
‬
‫דרופל מסייעת להתמקד ב-‬
‫ה‬ ‫למ‬
‫• ארכיטקטורה והיררכיית המידע‬
‫בע‬
‫?‬ ‫צם‬ ‫• תיעדוף ותכנון המבנה‬
‫• הגשת התוכן ותכנון האינטרקציות‬

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

14. ‫איפיון אתר‬
‫עיצוב סקיצה‬
‫מימוש סקיצה‬
‫תכנות‬
‫הזנת תוכן‬
‫בדיקת האתר )‪(QA‬‬
‫פרסום אתר‬

15. ‫איפיון אתר‬
‫הגדרת דרופל‬ ‫עיצוב סקיצה‬
‫הזנת תוכן‬ ‫מימוש סקיצה‬
‫בדיקת האתר )‪(QA‬‬
‫פרסום אתר‬

16. ‫תהליך האיפיון מקובל
‬
‫קביעת מטרות ויעדים‬
‫מחקר התחום הרלוונטי‬
‫מיפוי התהליכים‬

17. ‫תסריטי שימוש ופרסונות‬
A part of the marketing Part of the marketing Benefits from this
team and works to team and works to website since it
improve the conversion improve the visibility of provides techniques/
rate of a website by the website on Search tactics being used by
analyzing online Engines to bring high the most successful
behavior and proposing qualified visitors. companies.
improvements.

18. ‫ארגון ותיעדוף התוכן‬
All rights reserved by e-maujean (Flickr)

19. ‫התקנה של המערכת
‬

20. ‫הגדרת סוגי התוכן
‬

21. ‫סרטוט ותכנון המבנה
‬

22. ‫הגדרת אזורים ותיבות
‬

23. ‫הזנת התכנים וסידור המבנה
‬

24. ‫עיצוב ובנייה
‬

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

26. ‫דרופל וחווית משתמש
‬
‫חווית משתמש רצה על דרופל...‬

28. ‫תסריטי שימוש ופרסונות‬
The Administrator; Creates, Edits and For him, Drupal is
implements Drupal, maintains the content. invisible. Can be
integrates modules and • Writers Anonymous or Signed
manages settings and • Editors in users. Can also
permissions. • SEO experts create content (with the
• Content Moderators proper permissions)

29. ‫דרופל 7
‬
‫אחד היעדים בתכנון דרופל 7 היה שיפור‬
‫השימושיות וחווית המשתמש.‬

30. ‫עקרונות ה-‪ UX‬בתכנון ועיצוב דרופל 7
‬
‫1. להפוך את המשימות השכיחות‬
‫ביותר לקלות.‬
‫2. עיצוב עבור %08.‬
‫3. להקל על יוצרי התכנים.‬
‫4. לשפר את הגדרות ברירת המחדל.‬

31. ‫עקרונות ה-‪ UX‬בתכנון ועיצוב דרופל 7
‬
‫1. להפוך את המשימות השכיחות‬
‫ביותר לקלות.‬
‫2. עיצוב עבור %08.‬
‫3. להקל על יוצרי התכנים.‬
‫4. לשפר את הגדרות ברירת המחדל.‬
‫המיקוד הוא דרופליסטים ועורכי התוכן.‬

32. ‫למה?
‬
‫ישנם מספר מכשולים בעבודה עם הקוד‬
‫הפתוח, בניהם הנגישות והשמישות.‬
‫במיוחד עבור משתמשים פחות‬
‫טכניים )מעצבים, עורכים, כותבים וכו'...(‬

33. ‫למה?
‬
‫ישנם מספר מכשולים בעבודה עם הקוד‬
‫הפתוח, בניהם הנגישות והשמישות.‬
‫במיוחד עבור משתמשים פחות‬
‫טכניים )מעצבים, עורכים, כותבים וכו'...(‬
‫= משתמשים חדשים.‬

35. ‫נעשתה עבודה רבה...
‬

36. ‫הדרופליסט
‬

37. ‫הדרופליסט
‬

38. ‫הדרופליסט
‬

39. ‫הדרופליסט
‬

40. ‫מייצרי התוכן
‬

41. ‫מייצרי התוכן
‬

42. ‫המשתמשים
‬
‫מגוון רחב של מודולים המאפשרים לייצר‬
‫חווית ייחודיות.‬

43. ‫המשתמשים
‬

44. ‫דרופל 8
‬
‫• שיפור חווית המשתמש ביצירת תוכן.‬
‫• הוספת כלים מתקדמים לבנייה ולעיצוב‬
‫הממשק )‪.(Sitebuilder tools‬‬
‫• מובייל‬

45. ‫דרופל 8
‬
‫• שיפור חווית המשתמש ביצירת תוכן.‬
‫• הוספת כלים מתקדמים לבנייה ולעיצוב‬
‫הממשק )‪.(Sitebuilder tools‬‬
‫• מובייל‬
‫המיקוד עובר למשתמשי הקצה‬
‫ולעורכי התוכן.‬

46. ‫חווית משתמש נטו
‬
‫שלושת הצעדים הראשונים מהם לדעתי‬
‫צריך להתחיל כל אתר או אפליקציה.‬

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

49. ‫פשטות.
‬
‫מה שחשוב הוא העיקר ולא להלך‬
‫סביבו...דאגו שהאתר יהיה פשוט וברור.‬

51. ‫צבעוניות.
‬
‫הדבר הראשון אליו שמים‬
‫לב הגולשים הוא העיצוב,‬
‫ליתר דיוק הצבעוניות.‬

53. ‫לסיום: כלים מומלצים
‬
‫‪Balsamiq‬‬
‫כלי פשוט ומספק לתכנון וסרטוט ממשק‬
‫המשתמש.‬
‫‪h#p://www.balsamiq.com‬‬
‫‪Pencil‬‬
‫מאוד בסיסי ושימושי, חינמי ובקוד פתוח.‬
‫‪h#p://pencil.evolus.vn‬‬

54. ‫לסיום: מומלץ לקרוא‬
‫דרופל למעצבים‬
‫ולמאפיינים‬
Design
and
Prototyping
for
Drupal
h#p://shop.oreilly.com

55. ‫חווית משתמש ודרופל
‬
‫חוויה על הזמן!
‬
‫תודה רבה
‬