סקירת Proto.io: כל מה שאתה צריך לדעת

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

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

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

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

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

בואו נתחיל!

אז מה דעתך שנסתכל על כלי מעניין אחד שאתה יכול למנף בשביל זה?

מה זה Proto.io?

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

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

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

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

ואם כבר מדברים על זה, Proto.io לכאורה מייעל את כל תהליך יצירת האב-טיפוס על ידי מתן שכבות מרובות במסכים שונים. משתמשים יכולים גם לייבא מ-Sketch או Photoshop, ליצור אינטראקציות עם JavaScript, לסנכרן נכסים רבים עם Dropbox ולפרט עיצובי תנועה תוך תצוגה מקדימה של אנימציות דרך חלון העורך שלו.

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

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

וכדי להתחיל אותנו, הנה התכונות העיקריות...

תכונות Proto.io

בניית אב טיפוס

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

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

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

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

מיזוג ובדיקתם לא דרשו מאמץ רב מכיוון ש-Proto.io בנוי עם תכונת תצוגה מקדימה של אנימציה. למרבה הצער, לא הייתי מחשיב זאת כתצוגה מקדימה בזמן אמת של 100%, מכיוון שמשתמשים נדרשים לשמור תחילה את הפרויקטים שלהם לפני ששינויי אנימציה ישתקפו בתצוגה המקדימה.

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

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

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

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

אז, לאן הולכים פרויקטים לאחר השלמתם?

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

שיתוף ושיתוף פעולה

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

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

איך, את שואלת?

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

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

אבל אתה יודע מה? אפשר ללכת מעבר לזה מכיוון ש-Proto.io תומך גם ב-Usertesting.com וב-Validately. הפעלתם אמורה לעזור לך להבטיח משוב מקיף ומעמיק ממשתמשי אב טיפוס.

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

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

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

כלי אינטראקציה

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

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

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

אוקיי, אבל איך בדיוק מוסיפים אותם?

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

מכשירים נתמכים

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

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

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

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

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

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

עקומת למידה

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

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

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

תמחור Proto.io

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

• תצוגה מקדימה של אפליקציית io
• אחסון 10MB
• אפס סוקרים נוספים
• 5 מסכי אב טיפוס
• פרויקט פעיל אחד
• משתמשים 1

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

• תמיכה בדוא"ל
• הצפנת 256-bit
• ייבוא ​​סקיצה/פוטושופ
• סנכרון Dropbox
• מיתוג
• ייצוא ל-PDF/PNG/HTML
• משוב משתמשים בצורת וידאו המופעל על ידי Lookback
• תגובות
• שיתוף
• תצוגה מקדימה של אפליקציית io
• תצוגה מקדימה בנגן

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

והנה הפרטים:

סוֹפֵר בִּלתִי תָלוּי- עולה $29 לחודש עם חיוב חודשי, או $24 לחודש עם חיוב שנתי

• תומך במשתמש אחד
• מספק 5 פרויקטים פעילים

Startup- עולה $49 לחודש עם חיוב חודשי, או $40 לחודש עם חיוב שנתי

• תומך ב-2 משתמשים
• מספק 10 פרויקטים פעילים

סוֹכְנוּת- עולה $99 לחודש עם חיוב חודשי, או $80 לחודש עם חיוב שנתי

• תומך ב-5 משתמשים
• מספק 15 פרויקטים פעילים

תאגידי- עולה $199 לחודש עם חיוב חודשי, או $160 לחודש עם חיוב שנתי

• תומך ב-10 משתמשים
• מספק 30 פרויקטים פעילים

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

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

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

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

מי צריך לשקול להשתמש ב- Proto.io?

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

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

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

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

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

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