UI- בחזרה ליסודות
יש האומרים שממשק משתמש טוב הוא כזה שתוכנן "לא להפריע".
מה זאת אומרת? לא להסיח את דעתו של המשתמש, אלא, לעזור לו להשלים את מטרותיו.
אם "לא נפריע" למשתמש, נייצר אצלו מחויבות ורצון לשוב ולהשתמש בממשק שבנינו עבורו.
זה לא פשוט לבנות ממשק משתמש מוצלח, שהוא גם מאוד יפה וגם מאוד ידידותי ושימושי.
יש הרבה מרכיבים שצריך לקחת בחשבון.
כולנו מעריצים גדולים של UI מצוין.
כולנו רוצים לדעת איך לעשות את זה טוב. איך נשמור על איזון בין עיצוב מרהיב, לבין מענה על צרכי המשתמש, לבין בניית ממשק שימושי ופשוט.
עולם הדיגיטל התפתח מאוד בשנים האחרונות. טכנולוגיות חדשניות, שיטות עבודה מהפכניות, פלטפורמות מרובות ומתרבות ועיצובים מרהיבים, שרק משתכללים מרגע לרגע.
אנחנו בלמידה מתמדת, כל הזמן סופגים מידע חדש, כל הזמן חוקרים, כל הזמן לומדים. יחד עם זאת, חשוב שנשמור על מיקוד במתן מענה לצרכי המשתמש ולא נלך שבי אחר טכנולוגיה או עיצוב. עלינו לדעת לשלב את הדברים הללו בתכנון ה-UI ולא לאפשר להם "להפריע" לו.
עלינו לשמור על איזון.
איך נעשה זאת?
לפעמים כל מה שצריך זה לעצור, לבחון את הדברים מחדש ולחזור ליסודות.
לפיכך, אספנו עבורך כמה מהיסודות החשובים בבניית ממשק משתמש מוצלח.
1. הכר את המשתמש שלך
Obsess over customers: when given the choice between obsessing over competitors or customers, always obsess over customers. Start with customers and work backward.”
Jeff Bezos
הכר ולמד את מטרות המשתמש שלך, נסח אותן מחדש, חזור עליהן והפוך אותן לשלך.
למד על הניסיון, המיומנות והצרכים של המשתמש לו אתה בונה את הממשק.
נסה להבין אלו ממשקים הקהל שלך הכי אוהב ולמד מהם.
עיצוב טרנדי ומאפיינים חדשניים יכולים לעיתים תכופות להיות סוחפים, אך נסה בראש "לא להפריע" למשתמש בהשלמת המטרות שלו והתמקד בהן.
2. שים לב לדפוסים
השימוש המרבי של משתמשים בחיי היום יום הוא במספר ממשקים קבועים:
רשתות חברתיות, אתרי בנקים, אתרי חדשות וכו'.
מסיבה זו, אין צורך להמציא את הגלגל מחדש. על ידי כך שתעשה שימוש בדפוסי UI מוכרים אתה מאפשר למשתמש שלך להרגיש בבית.
3. היה עקבי
"The more users’ expectations prove right, the more they will feel in control of the
system and the more they will like it.”
Jakob Nielson
משתמשים זקוקים לעקביות. הם רוצים לדעת שברגע שלמדו לעשות משהו, הם יוכלו לחזור ולעשות אותו שוב באותו אופן. עשה שימוש עקבי בגופנים, צבעים, כפתורים ואפקטים.
העקביות תסייע למשתמש בהבנה של איך הדברים עובדים, ובאופן הזה תגביר יעילותו בשימוש בממשק.
4. היה ויזואלי
“Designers can create normalcy out of chaos; they can clearly communicate ideas
through the organizing and manipulating of words and pictures.”
Jeffery Veen, The Art and Science of Web Design
עצב את הממשק שלך באופן כזה שמאפשר למשתמש להתמקד במה שהכי חשוב לו.
וודא שהגודל, הצבע והמיקום של כל אחד מהמרכיבים מתחברים יחד ויוצרים מסלול בהיר ונוח בהשלמת המטרות. זכור, ויזואליות לעיתים רבות תפשט את המורכבות, רק חשוב שתשתמש בה בחוכמה.
5. ספק משוב
המשתמש ירגיש הרבה יותר בנוח אם הוא יקבל משוב בהיר ועקבי על פעולותיו.
המשוב מאפשר לו להיות בשליטה, דבר שככל הנראה יוביל אותו לעשות שימוש חוזר בממשק.
שתף את המשתמשים בשינויים, תקלות ובדברים חריגים שקורים.
על הממשק "לתקשר" עם המשתמש בכל זמן ולתת משוב על פעולות נכונות ולא נכונות. רמזים חזותיים או הודעות קצרות יאפשרו למשתמש לדעת האם הפעולות שעשה הובילו לתוצאה הרצויה.
גם אם הממשק שבנית בהיר, נוח וידידותי, משתמשים יעשו טעויות. על הממשק להיות גמיש, לאפשר טעויות וביטול פעולות.
6. שמור על פשטות
“A modern paradox is that it’s simpler to create complex interfaces because it’s so
complex to simplify them.”
Pär Almqvist
דבר בשפת המשתמש. שמור על שפה פשוטה ועקבית. הצג עימוד אינטואיטיבי וברור, ואל תניח שהמשתמש יבין את הממשק. הצג לו משהו מובן מאליו, אינטואיטיבי ובהיר.
ממשקי משתמש טובים הם "בלתי נראים". הם אינם כוללים מרכיבים שאינם נחוצים, ובנוסף לכך, המרכיבים הקיימים הם הגיוניים ותמציתיים.
בכל פעם שאתה חושב להוסיף מרכיב לממשק המשתמש שלך, שאל את עצמך- האם אתה מוסיף את המרכיב כי אתה אוהב אותו? האם המשתמש באמת צריך את זה?
אל תיתן לעצמך לגנוב את ההצגה.
המשתמש יתעלם ממרכיבים בממשק במידה והם לא יהיו לו ברורים, ולכן, נסה להמנע מעיצוב מרכיבים שגורמים למשתמש לתהות מה עליו לעשות, כי במקרה כזה הוא לא יטרח לבדוק.
בכתבה זו הצגנו 6 יסודות מרכזיים בבניית ממשק משתמש מוצלח.
וזה רק על קצת המזלג...
אין מדובר בכללי אצבע אבסולוטיים, אלא יותר במספר של נושאים שמצאנו אותם כחשובים מאוד כאשר מדברים, חושבים או מתכננים ממשק משתמש.
כפי שצוין בהתחלה, זה לא פשוט לבנות ממשק משתמש מוצלח. יש כל כך הרבה דברים לחשוב עליהם. אבל תמיד חשוב שנשמור על היסודות. יסודות חזקים יאפשרו לנו לשלב באופן חכם ומושכל את העיצוב והטכנולוגיה בממשק שלנו. באופן זה "לא נפריע" למשתמש אלא נסייע לו למלא אחר מטרותיו.
מקורות
1. 29 User Interface Design Resources: The Ultimate List
2. 10 User Interface Design Fundamentals
3. A Beginner’s Guide to UX & UI Design
4. 7 unbreakable laws of user interface design