iOS |我的第一個 App — LOTs 誕生

Nia Fan
Now I’m Again
Published in
4 min readJan 4, 2019
Photo by Eaters Collective on Unsplash

加入 AppWorks School,在結業前,最重要的就是要完成自己的專案,
並且成功上架到 AppStore。

關於自己的 App,預計會分為以下部分,已完成的可點連結:
1. 誕生篇 — 發想起源
2. 技術類型
3. 開發疑難雜症

在發想 App 時有想了很多方向,紀錄類型、個人使用等等,最後結了自己很喜歡吃東西跟煮東西這個特點,就決定以「美食日記」作為題目。

“LOTs”,是由 Lunch Of Today 縮寫,由於會有很多篇食記,所以是複數,再次呼應 “lots” 這個意涵。

當初和全班 pitch 的內容

簡而言之,希望做一個美食版的 Instagram 和 Pinterest。

頁面設定

接著,由於要預留一個禮拜送審,評估在四週的時間內可以做出的內容,最後規劃的頁面如下:

■ Main: 主畫面,做快速瀏覽
■ Collection/Inspiration: 料理做分類
■ Post: 發文頁面
■ Like: 蒐藏頁面,地區做分類
■ Detail: 完整發文內容,包含日期、照片、使用者名字、頭像、發文內容、料理種類、地區
■ Profile: 可檢視個人發文內容

基本的 App 頁面架構

在做 Layout Prototype 時,是使用 墨刀 這個工具,有線上版及軟題版。

使用方式很容易上手,就把它當作好用版的 PowerPoint 來使用,很快就可以設定出版面原型,其中,他也有可以做頁面連結的工具,可以快速檢視 App 的 Flow。

這邊我要感謝我的運動好夥伴 Una,在我們運動完又累又汗的情況下,幫我看了兩次 UI/UX Flow,也給了我很多實際上會遇到的建議。

一切就緒後,就是訂定自己的 Schedule。

第一版的計劃表,後來完全大改 XD

原本是照頁面去切分,預計在第一個 Sprint (2週)內完成兩個頁面,剩下的在下一個 Sprint 完成,後來為了更快看到 App 完整架構,改成在第一個階段先把所有頁面的 UI 全部實作,先不管邏輯和資料串接。

經過了每天沒日沒夜的寫 code、解 bug、串接……
終於,在 10/18 的深夜送出申請,但殊不知,這還沒結束…
(因為收到兩次 reject,決定另外發文誌之。)

歡欣起舞送出我的第一個 App 申請,但這只是審核的開始。

中間又緊急做了兩次修正改版,最後最後,終於在 10/23 審核通過🎉

終於通過審核,還開心地發限時動態記錄哈

從想法、設計、執行、寫 code、專案管理、行銷、寫文案、修圖、設計 Logo、填寫資料申請…從頭到尾都是自己一手包辦完成的自己的第一個作品,你說這能不開心嗎!!!🤣

也順便和大家介紹 Icon,當初設計了好幾個版本,最後終於定稿。
外框有盤子的意象,T 更用叉子來做呈現,現在過了幾個月看還是好喜歡。

想到每次設計都會有 final, finalfinal…. 之類的檔名出現哈

最後附上 AppStore 載點,歡迎大家下載並且給予任何建議 🙇🏻‍♀️
■ LOTs: apple.co/2ru8LXu

第二版的縮圖下載,非常適合強迫症的我本人。
Feel free to leave any comment or feedback.
如果覺得文章不錯的話,歡迎幫我拍拍手👏🏻👏🏻👏🏻

--

--

Nia Fan
Now I’m Again

主修中文、待了兩年公關公司,努力成為 iOS 軟體工程師 💪🏻 熱愛美食和旅遊 🎬 http://bit.ly/niaYoutube / 📷 http://bit.ly/niaeatfood