קטגוריה: ממשק משתמש

Micro Interactions : המחוות הקטנות שעושות הבדל גדול

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

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

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

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

להמשיך לקרוא Micro Interactions : המחוות הקטנות שעושות הבדל גדול

מיקרו קופי

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

להמשיך לקרוא מיקרו קופי

שיפור ה-Conversion Rate באתרי אינטרנט ובאתרי מסחר אלקטרוני בפרט

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

להמשיך לקרוא שיפור ה-Conversion Rate באתרי אינטרנט ובאתרי מסחר אלקטרוני בפרט

יצירת ניוזלטר רספונסיבי עבור קבוצת מלונות דן

מבוא

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

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


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

בניית אתרים מורכבים ומעוצבים עם WordPress

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

לעומת מערכות ניהול תוכן אחרות, לוורדפרס יש מספר רב של יתרונות :

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

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

להמשיך לקרוא בניית אתרים מורכבים ומעוצבים עם WordPress

אתר רספונסיבי, אתר מותאם למובייל או שאולי אפליקציה?

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

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

להמשיך לקרוא אתר רספונסיבי, אתר מותאם למובייל או שאולי אפליקציה?

עיצוב רספונסיבי

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

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

להמשיך לקרוא עיצוב רספונסיבי

מה ניתן ללמוד מהאפליקציה של איסתא על עיצוב לסלולר?

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

האם אפליקציות הן בהכרח נחותות יותר מאתרי אינטרנט?

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

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

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

להמשיך לקרוא מה ניתן ללמוד מהאפליקציה של איסתא על עיצוב לסלולר?

עיצוב ובניית חנות אונליין מבוססת מג'נטו

עיצוב, אפיון ובניית אתר אופנה ומגזין תרבות למותג Bawa Kawa

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