UXtasy
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
UXtasy
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
ראשי » אתרים מגניבים

אתרים מגניבים

יש לי קוביות קטנות, טוב מהן הכל לבנות


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

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

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

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

סניפיםועכשיו תורי לשאול אתכם – האם יש סניף הרצליה לרשת הנפלאה הזאת שמשקיעה כל-כך בעיצוב?

–המשך קריאה–

יוני 30, 2014 אין תגובות

וויירפריים סיסי.

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

זה מאוד נדיר שאני צריך לעשות משהו ב-low fidelity, ובמקרים כאלה או שאני ממשיך עם Axure או שאני פשוט מזיז כמה קוביות בפאורפוינט. אם אני צריך משהו טיפה יותר אקספרסיבי מקוביית פאורפוינט אני הולך לגרסה המקוונת והחינמית של Balsamiq. אז זה כמו בלסאמיק אבל הרבה יותר פשוט וכיפי. גם הרבה יותר צנוע מבחינת פיצ'רים. היו הרבה אנשים שניסו לתרגם את החווייה של אותו לוח מחיק אל עולם האפיון הדיגיטלי, ובינתיים לא ראיתי הצלחות מיוחדות – רובן מסתכמות בשיבוט כזה או אחר של Balsamiq.  שזה אומר ספריות ארוכות של פקדים שאתה ממקם על המסך. עד עכשיו.

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

wireframe.cc

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

הפקדים האפשריים

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

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

בקיצור, כיף חיים. מומלץ בחום. תומך בעברית עם סימני פיסוק הפוכים. תמיכה בסיסית בשכבות, כמה גוונים של אפור (לא 50) ויש גם כתום. חינמי, מתישהו תהיה גם גרסה מורחבת בתשלום. ויש גם תוסף לכרום.

אה, ואפשר לשתף. הנה למשל גרסת ה-Hello World של חוויית המשתמש, אתר מוצר גנרי.

Hello World

מרץ 27, 2013 3 תגובות

קישור דה-ז'ור: טיפוגרפיה רספונסיבית

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

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

image

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

אחד המטוסים הראשונים של האחים רייט

לזה

אחד המטוסים האחרונים של האחים לוקהיד מארטין

(בתמונה: דווקא לא רומא).

בנושא הזה – מאמר של אבי איצקוביץ' על עיצוב חוויית משתמש מבוססת סנסורים. מומלץ.

פברואר 11, 2013 אין תגובות

קישור דה-ז'ור: סוף-שבוּער תל-אביב

מזמן לא פינקתי את הבלוג באיזה קישור דה-ז'ור (בגדול הפעילות הזו עברה לפייסבוק, כדרך כל בשר).

אז הנה, קישור דה-ז'ור, אתר ממש מקסים.

http://www.weekender-tlv.com/

image

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

יולי 4, 2012 אין תגובות

קישור דה-ז'ור: 8 שניות

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

עכשיו הגיע תורכם להתחרות נגדו.

כידוע, גוגל השיקה לפטופ משלה (נטבוק ליתר דיוק), שמיועד לאפשר למשתמש להתחבר לרשת כמה שיותר מהר – ושם כבר לעשות ככל העולה על רוחו.

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

שמו של האתר הוא: Beat the Boot. תהנו ובהצלחה!

יולי 1, 2011 2 תגובות

קישור דה-ז'ור: המצלמטור

תמונה = 1,000 מילים

אינטראקציה = 1,000 תמונות = 1,000,000 מילים

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

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

סימולטור מצלמה

 

אני עדיין לא יודע מה זה כל הדברים האלה, אבל לפחות עכשיו אני מבין מה זה עושה. אל דאגה, not quitting my day job yet.

מאי 16, 2011 2 תגובות

קישור דה-ז'ור: המצוד אחרי הקרטיב

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

http://pleasurehunt.mymagnum.com/

אפריל 15, 2011 אין תגובות

קישור דה-ז'ור: גוגל מאפס של הגוף

פרויקט מעניין של מעבדות גוגל: אטלס אנטומי מקוון.

image

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

נכון לעכשיו נראה שזה עובד רק בכרום.

ומבחינה ממשקולוגית, צד את עיני הפקד הבא:

image

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

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

דצמבר 17, 2010 אין תגובות

The error situation

נכון שהודעה כזו היא דרך נפלאה לפתוח את היום?

disallowed

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

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

אבל מה אני מדבר, כבר אמרו את כל זה לפָני אנשים יותר חכמים ממני.

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

[youtube=http://www.youtube.com/watch?v=DagVklB4VHQ]
אגב, תראו איזו אפליקציה יפיפייה עשו בעיתון הספורט הספרדי Marca עבור צופי המונדיאל. זה פשוט תענוג צרוף.
.
יוני 10, 2010 2 תגובות

סיפורים מהרשימה השחורה

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

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

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

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

זה התחיל בזה שאיזו מישהי שבמקרה היה לה את המייל שלי החליטה להזמין אותי להצטרף לאתר netlog, ושיגרה דרכו הזמנה. מאחר ולא הייתה לי כל כוונה להצטרף ל-netlog, התעלמתי מההזמנה. וכעבור חודש קיבלתי הזמנה נוספת, כנראה אוטומטית. הפעם החלטתי לנקוט בצעדים. האתר נראה לי מספיק רציני בשביל להפיג את החשש מכך שמטרתו היא בעצם לאסוף כתובות מייל (זו הסיבה שלעולם אין ללחוץ על הקישור "הסר אותי מרשימת התפוצה" בהודעות ספאם אמיתיות – זה רק מאשר לספאמר שהתיבה פעילה), ולכן לחצתי על הקישור. ומזל שלחצתי, אחרת לעולם לא הייתי רואה את המסך הבא, שהכריז כי: "כתובת דואר חסומה. [הכתובת@שלי] התווספה לרשימה השחורה. לא תקבל יותר הזמנות מהחברים שלך או מגולשים אחרים ב Netlog. הודעות נוספות שישלחו דרך Netlog ייחסמו גם כן". מה, אתם רציניים? על זה שביקשתי לא לקבל דואר זבל הוספתם אותי לרשימה השחורה? מה עכשיו, יגרשו אותי מהאינטרנט?

מאפייני Netlog היקרים, באותו ספר כללים לחוויית משתמש טובה כן רשום להשתדל שלא להעליב את המשתמש. אל תאמר "כתובת דואר חסומה", אמור "בקשתך בוצעה". אל תאמר "[הכתובת@שלך] התווספה לרשימה השחורה". אמור "לא יישלחו יותר הודעות מהאתר אל [הכתובת@שלך]". תודה רבה.

ובפינת האתרים המגניבים, דווקא משהו ללא אמירות ממשקיות כלשהן, ואני מביא את זה בעיקר בגלל הרצון לפרגן. גיליתי חיקוי ישראלי לאתר האדיר TheOnion.com. הגרסה הישראלית פועלת תחת השם themonkey.co.il. אמנם רמת ההומור שם עוד רחוקה (מאוד) מרמת ההברקות של "הבצל" (בעיקר בקטגוריית ההומור המעודן), ואני מניח שהתקציב החודשי שלהם הוא בדיחה בפני עצמו (ורואים את זה, במיוחד בקטעי הוידאו), אבל במדינה כמו שלנו זה אתר חובה, ובהחלט רואים את הפוטנציאל. לדעתי יכול לצמוח ממנו אתר סאטירה מצוין.

מאי 3, 2010 4 תגובות
  • 1
  • 2

ux_by_examples

www.bit.ly/uxbe8

מערכת המדיה של אל-על היא ברו מערכת המדיה של אל-על היא ברורה, אינטואיטיבית, חדשנית, לא מפרה שום כלל יואקסי חשוב, ו... בלתי ניתנת לשימוש בעליל. ויש מצב שאפילו עברה בדיקות שמישות. דברים שקורים בשמיים.
חג ח(פי)רות שמח חברים! חג ח(פי)רות שמח חברים!
Follow on Instagram
ויטלי מיז'יריצקי

מנהל, חוקר ומאפיין חוויית משתמש, עוסק בתחום משנת 2006 וכותב עליו מ-2007.

מרצה בקורס הUX של הטכניון בתל אביב. עונה בשמחה על שאלות לגבי הקורס ובכלל.

ממייסדי UXI -- חוויית משתמש ישראל.

מנטור UX ב-Google for Startups.

בעל תואר שני בפסיכולוגיה קוגניטיבית. לא עשה הסבת מקצוע.

יצירת קשר
UXtasy
עדכונים באימייל

uxtasy.com © כל הזכויות שמורות.
We WordPress
גלילה לראש העמוד