Specialties

Product design

Branding

Dashboard and CMS design

Marketing design

Videos and motion design

Native app design

Web app design

say

  • Hello Facebook
  • Hello Twitter
  • Hello Linkedin
  • Hello Instagram
  • Hello Dribbble
  • Hello Pinterest

Shira

Ohad

Doron

+972-52-555-2272

+972-54-759-5341

+1-506-898-4445

Hello Design Ltd. (Formerly Porat Shalev & Co.)

יש לכם אפליקציה עם ״רק״ 5 מסכים שצריכה איפיון ועיצוב? אתם חייבים לקרוא את זה!

אוהד שלו

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

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

מקור התפיסה המוטעת בקשר לכמות המסכים מתחלק ל-2.

 

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

 

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

 

הנה רשימה של דברים שאף אחד לא צפה ושהשפיעו גם על שוק הטכנולוגיה:

  • Airbnb משנה מדיניות לגבי שטחי יהודה ושומרון

  • פרשת קיימברידג׳ אנליטיקס נחשפת

  • בנק ישראל מאמץ את תקן ה-EMV בכרטיסי אשראי

  • Netflix נכנסת כשחקן משמעותי לשוק הישראלי

  • Amazon מודיעה על תוכניות להיכנס לשוק הישראלי

1/8

אפליקציות עם ״רק״ 5 מסכים

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

 

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

 

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

 

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

 

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

  2. לוקחים בחשבון חריגות זמנים ותקציבים מראש. 
     

  3. מבינים שצריך לפעול על פי סדר עדיפויות ואי אפשר לקבל הכל.
     

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

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

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

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

 

עם המאפיין השני יותר פשוט להתמודד ולהערך לו מראש. הנה רשימה של דברים שבטוח תצטרכו חוץ מאותם 5 מסכים:

 

  1. פלואו הרשמה הכולל יצירת חשבון, מסכי התחברות, מסכי איפוס סיסמא

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

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

  4. מייל ברוכים הבאים

  5. מצבי אפס או Eampty states - איך המסך נראה שאין בו עדיין תוכן?

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

  7. כל מצבי הטפסים כמו -Focused, Hover, Failed, Guided, Filled וכו׳

  8. כל מצבי הכפתורים כמו - Hover, Pressed, Disabled וכו׳

  9. התנהגויות ומיקרו אינטרקציות

  10. מנגנון החיפוש כולל תוצאות חיפוש ומה קורה במצב שאין תוצאות

  11. מנגנון הפילטור כולל תצוגת הפילטרים המוחלים והאפשרות לבטל אותם

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

  13. פלואו העלאת תמונה, חיתוך ובחירה

  14. מסכי תשלום/ הרשמה/ הזמנה

  15. מסכי עזרה ומסכים משפטיים

  16. תמיכה/ רכיב יצירת קשר

  17. הודעות לפני בקשת פעולה (כמו לפני שמבקשים מהמשתמש לאשר שימוש בשירותי מיקום וכו׳)

  18. האייקון לחנויות

  19. המסכים לחנויות (כולל גרסאות טאבלט)

  20. תמונה תדמיתית מובילה לחנות

  21. תמונת שיתוף לרשתות חברתיות

  22. חומרים לקמפיין השקה

  23. ועוד ועוד :)