
APP icon : 由音樂播放器做發想


KOIIK最核心的功能就是片庫搜索、記錄與分類。能夠讓使用者清楚明瞭地紀錄過去已看過以及未來待看的影片並透過App內建功能加以整理
出發點: 想製作一個市場上較少見同時是自己會想使用的App
製作動機:
市面上的競品配色過於單調,讓頁面沒有層級劃分
片單分類過於雜亂
資訊量過多,不易閱讀,失去焦點
設計構想:
選用科技感的配色,讓畫面層級分明
簡節明瞭的影片分類
運用標籤和留白空間,讓大量資訊容易閱讀
輕鬆隨手記錄片單
審視自己在過去所看過的電影、影集,收藏想看的影片
保留自己該部戲劇看到哪的紀錄
設計挑戰:
想記錄剛看完的電影或記錄想看的片單,卻只能打在備忘錄中,完整紀錄需耗費精力也沒有更進一步的整理方式。
身邊沒有朋友對於自己看的戲劇有共鳴,找不到人討論劇情。
常常忘記之前看完的電影當下的感想
跟朋友聊天時被詢問有沒有推薦的電影或戲劇,一時想不起的困境。
重點技術1

設計挑戰:
想記錄剛看完的電影或記錄想看的片單,卻只能打在備忘錄中,完整紀錄需耗費精力也沒有更進一步的整理方式。
解決方法:
★內建紀錄模板,用戶只要依照空格填寫即可輕鬆紀錄。
★用戶可在記錄前搜尋影片,即可立即匯入資訊,無須再自行手動填寫。
重點技術2

設計挑戰:
身邊沒有朋友對於自己看的戲劇有共鳴,找不到人討論劇情。
解決方法:
★KOIIK提供討論板區,依照影片形式分類成四大看板,用戶可自行追蹤感興趣的看板和話題標籤,並在線上與有共鳴的用戶分享心得與討論
重點技術3

設計挑戰:
常常忘記之前看完的電影當下的感想。
解決方法:
★用戶可以在我的片單中尋找到自己曾經的紀錄與心得,並隨時編輯做更改。
重點技術4

設計挑戰:
跟朋友聊天時被詢問有沒有推薦的電影或戲劇,一時想不起的困境。
解決方法:
★用戶可從我的已看清單中找出推薦影片,還能夠依照自己曾經的評分,給予不同級別的推薦。用戶也可以自行設定客製化清單,製作不同類型的推薦清單。
Prototype Demo 展示
心得分享
這次的專案是第一次自己從頭發想製作一款App,實際操作後更了解整個開發順序,在製作mockup時多次重新改了排版,讓我了解到前期的主題發想和流程架構很重要,需要全面的顧慮到每個細節才得以讓後續UI排版順利進行。但也因為重新更改了很多次,快速的提升了操作Figma的技巧和熟悉度,也對於之前生疏的Auto layout和Component功能更加嫻熟。
在製作過程中,反覆地審視自己的設計是否符合易用性和美觀性,需要使兩者達到平衡真的不容易,且還有許多間距、顏色、互動性等細節需注意。雖然反覆確認細節很耗時也花精力但同時思考怎麼排版會更符合使用者所需時也感到興奮與有趣。
Comments