מאמר

mobilePrototypes
גלעד בר-לב

|

8 כלים ותבניות שיעזרו לכם באיפיון למובייל

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

 

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

 

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

 

 

Image1

 

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

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

תוכנה: אקשור

פורמט: RP, עם אפשרות להפקת URL לצפייה מדפדפן הסלולר

קישור ]

 

 PlaceIt

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

תוכנה: שירות און-ליין

פורמט: תמונות JPG, אפשרות ליצירת סרטוני תדמית ועוד

קישור ]

 

Image2

 

Android Device Art Generator

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

תוכנה: שירות און-ליין

פורמט: תמונות PNG

קישור ]

 

?Am I Responsive

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

תוכנה: שירות און-ליין

פורמט: עמוד אינטרנט שבו ניתן להכניס את כתובת האתר לתצוגה (עובד גם על localhost)

קישור ]

 

Image3

 

מוקאפים לאייפון

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

תוכנה: פוטושופ

פורמט: PSD

קישורים:

(Regy Perlera (iPhone 5 ]

[(Christoph Gromer (iPhone 5s ]

(George Vasyagin (iPhone 5s ]

(Brandon Brown (iPhone 5 ]

(Jérémy Paul (iPhone 5 ]

 

מוקאפים לאייפד

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

תוכנה: פוטושופ

פורמט: PSD

קישורים:

[ (Petter Berg (iPad ]

[ (blugraphic (iPad Air ]

[ (Brandon Brown (iPad 3 ]

 

מוקאפים לאנדרואיד

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

תוכנה: פוטושופ

פורמט: PSD

קישורים:

Greg Moore ]

Kreativa Studio ]

 

מוקאפים למכשירים שונים

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

תוכנה: פוטושופ

פורמט: PSD

קישורים:

[ (Andrii Sydorov (Nokia Lumia ]

[ (Jérémy Paul (Galaxy S3, iPhone 5, Nokia Lumia 900, iPhone 5, iPad mini, and iPad ]

[ (Anpsthemes (iPhone, notebook ]

[ (Jérémy Paul (iPad, iPhone, Mac workspace ]

 

 

יש לכם לינקים להוסיף? שתפו אותנו בתגובות.

אולי יעניין אותך גם: