עיצוב וחווית משתמש מושלמת: אתרים שעושים זאת נכון

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

ux and ui

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

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

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

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

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

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

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

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

folks

אתר נוסף, של מותג הנעליים GREATS (התחום שהכי נמכר אגב on line), עושה שימוש חדשני בממשק המשתמש ומאפשר לנו לסובב את הנעליים התלויות על שרוכים כדי לראות אותן מכל הכיוונים. הממשק גורם לי לרצות לשחק כל הזמן עם הנעליים וגם כאן האינפורמציה הנוספת נמצאת באופן מינורי שלא גורע מעוצמת האימג’, גלילה קטנה למטה ועולם שלם הקשור בזוג הנעליים שמצאתי, נחשף: החומרים מהם עשויה הנעל, הלוק שאפשר לאמץ איתה ואפילו איך היא מצטלמת בפוזת “הנה כפות הרגליים שלי” באינסטגרם – האתר כל כך עשיר שאפשר לעבור בין דגמים שונים וצבעים שונים ולקבל בכל פעם באותו האופן, אימג’ים שונים.

Screen Shot 2014-09-17 at 2.27.01 PM

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

 

paper

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

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

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

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

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

vertty

בדיוק כשנדלקתי על מגבת ורציתי לבצע רכישה, המוצר אזל והופיע הטקסט SOLD OUT! PIRATES TOOK THEM ALL
לפחות צחקתי, חלק מהחוויה.

הכתבה בחסות סטודיו 6B

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

Avatar

כתב אורח

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

הגב

4 תגובות על "עיצוב וחווית משתמש מושלמת: אתרים שעושים זאת נכון"

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 

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

סידור לפי:   חדש | ישן | הכי מדורגים
ליה
Guest

העיסוק בחווית משתמש בטור הזה נשאר ברמת ה״הגנבה״ – נעלי מסתובבות וחופי ים זה נחמד, אבל זה הצד הקוסמטי. ההפניה ל״אחד האתרים״ (למה ללא שם?) מובילה לא לאתר אלא לCollection ב-Medium. דווקא מדיום בפני עצמו ובלי קשר לאותו collection (לא מעניין במיוחד) הוא פלטפורמה (רספונסיבית) מקסימה עם חווית משתמש מאלפת הבאה לידי ביטוי בממשק שהופך את השימוש המתמשך בפלטפורמה לאינטואיטיבי ורציף, וזו המשמעות האמיתית של חווית משתמש.

לולה
Guest

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

עידן
Guest

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

אבי
Guest

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

wpDiscuz

תגיות לכתבה: