מאי 23, 2017

מהו אפיון וחוויית משתמש ולמה הם חשובים

בשבועות הבאים נדבר על מה הוא אפיון ומה זה חווית משתמש ועל החשיבות שלהם

נתחיל בחוויית משתמש

❓ מה זה חווית משתמש
יש חוויית משתמש גרועה
ויש חוויית משתמש טובה
♦ ניתן דוגמא גסה, אבל שתמחיש את העיקרון

🏢 ישנם שני בניינים אחד עם מעלית והשני ללא מעלית. 
איך מרגיש הדייר שמגיע הביתה עם הקניות שגר בקומה חמישית בלי מעלית? ולהפך איך מרגיש הדייר שחוזר עם הקניות שגר בקומה חמישית בבניין עם מעלית?

❗ כך זה גם באתרים ובכל דבר, שניהם רוצים להגיע ליעד ושניהם יגיעו אליו השאלה מה יהיה בדרך עד שיגיעו למטרה.

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

🌹 ננסה להמחיש יותר מה היא חוויית משתמש ולחשוב כמשתמשים


חווית משתמש

♦ בכל דבר שאנחנו משתמשים בו יש לנו חוויה מסוימת אם היא טובה, פחות טובה או אפילו גרועה

❗ניתן דוגמאות
✍🏽 העט שאנחנו כותבים איתו - הוא כותב בצורה חלקה? כיף לנו לכתוב איתו? נמליץ עליו לחברים? איך היינו משפרים את חווית הכתיבה שלנו עם העט הזה או שפשוט מושלם לנו לכתוב איתו והיינו קונים כזה לכל מי שאנחנו אוהבים
👕 הבגד שאנחנו לובשים - האם הוא נוח לנו? אנחנו נעים איתו בחופשיות? הבד שלו נוח ויושב עלינו בצורה יפה? מחמיאים לנו עליהם?

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

❓ השאלה העיקרית שכל הזמן צריכה להיות בראש היא: 
איך אני יכול לשפר את המוצר? איך יכול להיות לי יותר נחמד ונוח עם המוצר?

ברגע שנשאל כל הזמן את עצמינו איך ואיך בסוף נגיע לתשובות שאפילו יפתיעו אותנו


🌹 היום ננסה לשפר את החוויה בסביבה הקרובה אלינו

🤔 בואו נחשוב רגע על המקום שאנחנו חיים בו, האם יש משהו שם שמציק לנו באופן קבוע? 
כגון: 
▪ דלת ארון שלא נסגרת
▪ דלת שתמיד נתרקת
▪ ערימות כביסה שפולשת לנו על כל הספה ודורשות קיפול
▪ שמש שחודרת לבית והורסת את הריהוט וכד' 

🤔 עכשיו נחשוב איך אנחנו מורידים את ההפרעה הזו 
בפעולה פשוטה ועם טיפת מאמץ וחשיבה יצירתית אנחנו מדלגים על אותה הצקה תמידית שאולי אפילו כבר התרגלנו אליה...
אבל נחשוב איזה כיף יהיה לא לשמוע את הדלת נתרקת שוב וכד'

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

❗ תחשבו יצירתי, תחשבו כיף ותשימו לב לשיפורים הקטנים שמשנים את החיים


👈 ניתן כמה דוגמאות לשיפור חווית משתמש בסביבה שלנו

📍 הבעיה - כמויות הכביסה לקיפול שתופסות את כל הספה.
הפתרון - התקנתי שולחן מתקפל ליד החבלים, מורידה מהחבל וישר מקפלת, מחזירה לארון ומקפלת את השולחן
התוצאה - הספה פנויה, הכביסה מקופלת ומסודרת

📍 הבעיה - כמות הניירת שמפוזרת בבית
הפיתרון - כופסא יפה שעומדת על המזנון ולשם נשלח כל הניירת
התוצאה - כשצריכים נייר יודעים איפה לחפש והבית לא זרוע בניירת

📍 הבעיה - כמויות הגרביים הבודדים
הפתרון - בחדר כביסה בפינה נטושה מתלה לגרביים וכל גרב נקי ניתלה שם
התוצאה - מציאת זוגות גרביים במהירות או בזמן התעסקות בכביסה אפשר לשלוף את הגרב המתאים

👍 אשמח לעוד שיתופים אם וכאשר יש לכם

❗ תחשבו יצירתי, תחשבו כיף ותשימו לב לשיפורים הקטנים שמשנים את החיים


🌹 הבה ננסה להבין יותר על חווית משתמש בסביבה שלנו ולנסות לשפר אותה בעצמינו

 אחרי שניסנו לחשוב על חווית המשתמש בעולם האמיתי ננסה היום לחשוב על חווית המשתמש בעולם הדיגיטאלי

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

📍 לדוגמא: האתר של ארגון חתונה - ננסה לגשת אליו כמישהו שרוצה לארגן חתונה ו-נדמיין מה היינו רוצים שיהיה? איך אפשר שהדברים  שם יקרו מהר ובקלות?

☁ חשוב לדמיין את המטרה, זו היא תחילת הדרך להפוך אותה למציאות


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

♦ משתמשים בדרך כלל מזהים/סורקים מסך ולנו יש 2-4 שניות כדי לעניין את המשתמש ולהשארו באתר
♦ לתת למשתמש להגיע למבוקשו ב-עד 5 קליקים

❓ נשאל את עצמינו
♦ אנחנו מצליחים לתפוס את המשתמשים שלנו או שהכל נראה להם קצת לא ברור והם ברגע סוגרים את החלון?
♦ בכמה קליקים המשתמש מגיע אל מבוקשו? האם זה הגיע לו בקלות וברוגע או שהזיע עד ליעד?

🌹 ומכאן מגיע האפיון - על ידי האפיון מגיעים לחווית משתמש הרבה יותר טובה

❓למה חשוב לנו האפיון?

יש לנו 3 דברים עקריים 

  1. זמן
  2. כסף
  3. איכות
זמן - כשיש לנו זמן אנחנו יכולים להוציא מוצר איכותי יותר כי יש לנו זמן לעשות את כל המחקרים והבדיקות שצריך כשאין לנו זמן זה בא על חשבון האיכות, למרות שעם הזמן תמיד אפשר להשתדרג וצריך להשתדרג באיכות וביכולות

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

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

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

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


ננסה להמחיש יותר בדוגמא:
יש לנו רעיון בראש לאתר שיעשה את העבודה בדיוק כמו שאנחנו רוצים
  1. זמן - אין לנו - אנחנו לחוצים על הרעיון שכבר יהיה באויר
  2. כסף - יש לנו סכום מכובד להתחיל איתו
  3. איכות - הכל בראש - אנחנו יודעים בדיוק מה צריך ואיך הוא ייראה
נשמע קלאסי ביותר, מה צריך יותר מיזה?

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

💻 המתכנת - מבשיל שרוולים ועובד במרץ

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

כאן מתחילים התיקונים שלא ניגמרים וכמובן גם התשלום בהתאם והזמן עובר

❗ לכן
♦ למתכנת כדאי לגשת עם סירטוטים ברורים ומדוייקים מה יהיה בכל מסך ואיך כל מסך יתנהג כך אנחנו חוסכים, זמן, כסף ובילבול ומקבלים גם הרבה איכות

🌹 חישבו על זה


נמחיש בעוד דוגמא:
יש לנו רעיון בראש ולא ממש ברור לנו איך אנחנו רוצים שיהיה
  1. זמן - יש לנו
  2. כסף - לא חסר
  3. איכות - אנחנו לא ממש מבינים מה זה אומר  באתרים

ננסה לזרום עם הרעיון ונראה לאן נגיע

אנחנו ניגשים למתכנת, מספרים לו את הרעיון שלנו, הוא מנסה לזרום איתנו ולהבין מה בערך האתר אמור לעשות ומה אנחנו רוצים.

💻 המתכנת - קצת הלך לאיבוד אבל עשה הכל כמו שהוא חושב ולפי מה שנראה לו ונוח לו

💼 לאחר שבועיים - המתכנת מגיש לנו עבודה מוגמרת והאתר עולה לאויר, כולנו מרוצים.

⁉ עובר הזמן והאתר באויר, פינקנו אותו בקידום ממון אבל המשתמשים ממש לא מרוצים ממנו ולא מבינים מה הולך שם

החלטנו לצאת בסקר ולשאול את המשתמשים מה הם חושבים על האתר ומה הם חושבים שצריך שינוי ומה עוד הם צריכים שיהיה באתר?

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

💐 שיהיה לכולנו סוף שבוע נהדר ורגוע

📍 על האפיון וחשיבותו נתמקד בשבועות הבאים

מאי 04, 2017

תוספים שמקלים עלינו את החיים

בוקר טוב וסוף שבוע נהדר לכולם

👈 תוסף חינמי וצעיר - Shabat Time Wigdet - של המפתח - Amit Matat

למי מתאים התוסף?
♦ הוא מתאים לכל האתרים העוסקים בקדושה וביהדות או לכל מטרה כזו או אחרת. 

מה עושה התוסף?
♦ מציג בצורה ברורה ויפה זמני כניסת ויציאת השבת בערים הבאים:
ירושלים, תל אביב, חיפה ובאר שבע

♦ מראה את פרשת השבוע לשבת הקרובה.

התוסף מתעדכן בצורה אוטומטית כל שבוע

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

♦ קישור לתוסף ברשימת התוספים של וורדפרס
ניתן להורדה בחינם:




👈 תוסף חינמי - Post Types Order - של המפתחים - nsp-codetdgu

למי מתאים התוסף? 
♦ הוא מתאים לאתרים שיש בו הרבה פוסטים ורוצים לסדר את הפוסטים לפי סדר שאנחנו רוצים בקלות ושלא יסתדר לנו לפי סדר התאריכים

מה עושה התוסף?
♦ מאפשר לנו במערכת הניהול לסדר את הפוסטים בסדר בתצוגה כירצוננו על ידי גרירה

התוסף נוח מאוד למערכת הניהול ומקל בצורה משמעותית את העבודה

איך עובדים עם התוסף?
♦ מתקינים את התוסף ומפעילים אותו.
תחת האפשרות פוסטים נוספת לנו אפשרות Re-Order בכניסה לאפשרות זו, מופיעים לנו בשורה כל הפוסטים הקיימים באתר וכך על ידי תפיסה וגרירה לשנות את המיקום שלהם (יש לשים לב לבצע שמירה לאחר השינוי).
♦ גם בעמוד של כל הפוסטים ניתן לשנות את מיקומם על ידי גרירה (שם אין צורך לעשות שמירה, זה נשמר אוטומט).

♦ קישור לתוסף ברשימת התוספים של וורדפרס
ניתן להורדה בחינם:





👈 תוסף חינמי - LTR RTL Admin content - מאת - Ronny Sherer 

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

מה עושה התוסף?
♦ מאפשר לנו במערכת הניהול להפוך את כיוון הטקסט משמאל לימין ומימין לשמאל כך שזה מאפשר לנו לעבוד בצורה יותר נוחה

התוסף מקל עלינו מאוד בעריכה עם כיווני הטקסט במערכת הניהול

איך עובדים עם התוסף?
♦ מתקינים את התוסף ומפעילים אותו.
נוסף לנו לחצן בסרגל למעלה במערכת הניהול שנקרא "RTL TLR" בכל עמוד שניהיה במערכת הניהול, אפשר ללחוץ עליו ולשנות את כיוון הטקסט.

♦ קישור לתוסף ברשימת התוספים של וורדפרס
ניתן להורדה בחינם:





👈 תוסף חינמי - Duplicate Post - מאת - Enrico Battocchi
למי מתאים התוסף? 
♦ הוא מתאים לאתרים שיש שם הרבה פוסטים עם אותו תצוגה ורק הטקסט שונה או התמונה שונה וכד'

מה עושה התוסף?
♦ מאפשר לנו במערכת הניהול לשכפל פוסטים, עמודים וכד'


התוסף משכפל לנו את הפוסט ונישאר לנו רק לשנות את הטקסט או את התמונה

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

♦ קישור לתוסף ברשימת התוספים של וורדפרס
ניתן להורדה בחינם:




 👈תוסף חינמי - WordPress Button Plugin MaxButtons - מאת - Max Foundry



למי מתאים התוסף? 
♦ לאתר שיש בו הרבה כפתורים או כפתור אחד בהרבה מקומות והוא רוצה לעשות את הכפתורים בכמה קליקים

מה עושה התוסף?
♦ מאפשר לנו במערכת הניהול לעשות כפתורים בכל מיני גדלים וצבעים בקלות וגם לעשות כפתורי שיתוף

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

איך עובדים עם התוסף?
♦ מתקינים את התוסף ומפעילים אותו.
בתפריט בצד שמאל נוספת לנו אפשרות MaxButtons שם האפשרות הראשונה buttons מראה את כל הכפתורים שיש לנו עם השורקוד ותצוגה של כל כפתור, את השורקוד הזה אנחנו מטמיעים היכן שאנחנו רוצים שיופיע לנו הכפתור.
♦ האפשרות השניה Add New לעשות כפתורים חדשים, יש לנו את התצוגה המקדימה מרחף מעל ההגדרות וכל שינוי שאנחנו עושים בכפתור אנחנו רואים את השינוי בתצוגה המתאימה.
♦ האפשרות השלישית Social Share היא לכפתורי שיתוף שגם אותם מטעימים איפה שרוצים בעזרת השורקוד (איתם לא עבדתי, כך שאין לי נסיון)
♦ יש להם גם גירסת pro באפשרות הרביעי Upgrade to Pro שם הם מציגים מה הם נותנים בגירסה בתשלום

♦ קישור לתוסף ברשימת התוספים של וורדפרס
ניתן להורדה בחינם:





👈 תוסף חינמי - Page Builder by SiteOrigin - מאת - SiteOrigin

למי מתאים התוסף? 
♦ למי שרוצה יותר לשלוט במיקומים של האלמנטים בדף, לחלק את האזור למספר טורים וכד'

מה עושה התוסף?
♦ מאפשר לנו במערכת הניהול ליצור תוכן מבוסס טור וכן מתאים את התוכן לכל המכשירים הניידים

התוסף מאפשר לנו לסדר את התוכן והאלמנטים בצורה קלה ומדוייקת ושתתאים לכל הפלטפורמות

איך עובדים עם התוסף?
♦ מתקינים את התוסף ומפעילים אותו.
כשנכנסים לערוך פוסט או עמוד יש לנו שני כרטיסיות עורך ויזואלי ו-עורך קוד ושם נוספה לנו עוד כרטיסיה Page Builder כשניבחר בכרטיסיה הזו יש מצב שבוא יבקש שנתקין עוד תוסף של הוידג'טים שלו, מומלץ להתקין.
♦ זהו תוסף מעולה שעובד מצויין, שחקו איתו וכך תבינו את כל מה שהוא עושה

♦ קישור לתוסף ברשימת התוספים של וורדפרס
ניתן להורדה בחינם:





👍 בהצלחה לכולם והמשך עשיה פוריה וסוף שבוע נפלא

👍 בהצלחה לכולם והמשך עשיה פוריה