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

כמפתח למכשירים ניידים, המשאלה הגדולה ביותר שלי היא כמובן לכתוב אפליקציה ולשבת בנחת בזמן שהכסף זורם פנימה ( ͡° ͜ʖ ͡°).

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

1. הגדרת הצורך

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

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

בקנה מידה קטן יותר, אולי פשוט תרצו לראות אפליקציה משלכם ב-App Store. היא יכולה להיות ניסוי בטכנולוגיה חדשה: אחרי ש-iOS 8 הציגה הרחבות Today הופיעו אפליקציות ייחודיות רבות שהתבססו עליהן. היא יכולה גם להיות כלי שמסיר אי-נוחות מן החיים, כמו אפליקציה לניהול קבצים או אפליקציית מזג אוויר עם תכונות מתחשבות.

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

בניתי אפליקציה לניהול קבצים בשם ״File Manager״ בעקבות הצרכים של אשתי.

File Manager הופכת את הטלפון לשרת. מכשירים אחרים באותה רשת Wi-Fi יכולים לנהל את הקבצים דרך דפדפן: לארגן תיקיות, להעתיק ולהעביר קבצים ולהעלות או להוריד אותם.

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

2. אבות טיפוס ואינטראקציות באפליקציה

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

ניסיתי כמה כלי אב-טיפוס, ואז ויתרתי עליהם.

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

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

3. ומה עושים עם כל הסמלים הקטנים?

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

מה אעשה עם כל הסמלים הקטנים שמשמשים בפרויקט?

הנה כמה ספריות סמלים שבהן השתמשתי:

  • ספריית הסמלים של Alibaba → ערכות מלאות של סמלים וקטוריים שאפשר לשנות בחופשיות את צבעם וגודלם. לשימוש מסחרי עדיין נדרשת רשות היוצר.
  • icons8 → 56,500 סמלים שטוחים בחינם! יש סמלים לפלטפורמות שונות ואפילו אפליקציה ל-Mac.
  • iconfinder → גם כאן יש ערכות סמלים מלאות, עם מודל מסחרי מובהק יותר.

4. בדיקות ובדיקות בטא

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

4.1 בדיקה עצמית

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

4.2 גיוס בודקי בטא

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

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

4.3 הפצת גרסאות בדיקה

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

אם קשה להשיג מזהי מכשירים, אפשר להשתמש ב-TestFlight של Apple, שנפתח אחרי iOS 8 ומציע עד 10,000 מקומות לבודקי בטא.

5. צילומי מסך ל-App Store

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

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

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

5.1 צילום בסימולטור

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

5.2 מעט ליטוש

אני ממליץ על אתר חינמי בשם shotbot. מעלים אליו חומרים והוא יוצר סדרה מלאה ואחידה של צילומי מוצר.

הערה מ-2022-04-11: בהמשך כתבתי אפליקציית Mac במיוחד להכנת צילומי מסך לפרסומים שלי ב-App Store.

6. משאבים נוספים שבהם השתמשתי

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

אז ערכו את התמונות בעצמכם!

רוב המפתחים אינם מיומנים במיוחד ב-Photoshop, וחלקם מעולם לא השתמשו בה. מה עושים?

הנה שני אתרים: Online PS ועורך הרשת של Meitu

אפשר לערוך תמונות בדפדפן בלי להוריד תוכנת Adobe כבדה. זו בשורה טובה למי מאיתנו שאינם מצטיינים ב-Photoshop.

גם סמל האפליקציה עצמו יכול להיות כאב ראש. אתר נוסף שאני ממליץ עליו הוא MakeIcon: העלו לוגו בגודל 1024×1024 והוא ייצור אוטומטית את כל הגדלים האחרים. הוא אפילו תומך ב-iMessage ב-iOS 10.

7. מחשבות לסיום

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

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

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

ככל שהפיתוח התקדם, הדרישות גדלו: שיתוף AirDrop, שילוב iCloud ופיתוח ShareExtension עדיין לא הושלמו. המשיכו ושפרו מעט בכל פעם! ʘʚʘ (אני בהחלט לא מודה שהסיבה המקורית לאפליקציה הייתה לשתף את ״collection.avi״ בין המחשב, הטלפון וה-iPad.)

הנה הקישור לאפליקציה שלי: הדרך הפשוטה ביותר לנהל קבצים, File Manager

הערה מ-2022-04-11: האפליקציה כבר אינה מופיעה בחיפוש. בלי דרך טובה לייצר ממנה הכנסה, מכרתי אותה לחברת מיקור חוץ. המכירה עוררה בי מחשבות רבות; המאמר הבא מרחיב בנושא.

המאמר המקורי פורסם ב-Jianshu. בהמשך החשבון שלי נפרץ ומאמרים אחרים המשיכו להיחסם. כעת אני מעביר את כל רשומות הבלוג ל-github.io.