LINE 找打工 APP UI Redesign
UI/UX Design|2019|求職考題|獨立製作
『 改善不易使用部分,並結合客群需求 』
從實際使用上的痛點著手,為日本的找打工 APP「LINE バイト」進行介面 Redesign。主要改善首頁及條件設定頁面,並結合數個競品的優點,新增部分細節功能。
※ 2019 年底此 APP 整合至網站版並下架,故目前已無法下載、使用。
▍製作條件
禁用 Line Character、依照規範使用提供之 Logo、至少製作 3 頁,尺寸為 iPhone X 。
▍內容目錄
❶ 調查與發想
❷ 設計成果:APP
❸ 回顧與檢討
※點擊可跳至該區域
從實際使用上的痛點著手,為日本的找打工 APP「LINE バイト」進行介面 Redesign。主要改善首頁及條件設定頁面,並結合數個競品的優點,新增部分細節功能。
※ 2019 年底此 APP 整合至網站版並下架,故目前已無法下載、使用。
▍製作條件
禁用 Line Character、依照規範使用提供之 Logo、至少製作 3 頁,尺寸為 iPhone X 。
▍內容目錄
❶ 調查與發想
❷ 設計成果:APP
❸ 回顧與檢討
※點擊可跳至該區域
調查與規劃
▍產品特色、競品分析
先於網路上蒐集常被推薦的找打工 APP,並且從觀看推薦原因、APP 評價、實際下載使用來進行分析,作為製作的第一步參考。
▍目標族群
15 - 25 歲的學生打工族
日本有約 30% 高中生會長期課後打工,但大學生打工的比率約為 75%,因此以基數多的大學生為主,高中生為次。
15 - 25 歲的學生打工族
日本有約 30% 高中生會長期課後打工,但大學生打工的比率約為 75%,因此以基數多的大學生為主,高中生為次。
▍客群分析
鎖定客群後,蒐集相關資量並加以整理作為參考,希望讓 Redesign 後的產品能達成客群的需求。
▍使用痛點
使用過整個 APP 後,整理出使用上的痛點並思考改善方法。(圖中標註 ❶、❷、❸ 處之敘述寫於下方文字部分)
使用過整個 APP 後,整理出使用上的痛點並思考改善方法。(圖中標註 ❶、❷、❸ 處之敘述寫於下方文字部分)
設計成果:APP
因篇幅關係僅列重點,完整流程與頁面展示可至 Behance 頁面 查看(將於新視窗開啟)
01. 首頁:凸顯重點並加強客群需求
❶ 將條件設定集中於上方,原有職缺廣告Banner集中至新的 Tab4(注目仕事)中。
❷ 放大「加入最愛」按鈕,方便點擊也凸顯其重要性。
❸ 加入目標族群在意的「薪資」、「排班自由」,將重點訊息以標籤顯示,必要時以主色加強視覺印象。並加入圓角,讓介面視覺更活潑、年輕。
【新增細節功能】
ⓐ 快速變更居住都市:搬家至外縣市時也不需要重新自搜尋列更改。
ⓑ 保存搜尋條件:當需求條件差異大時,不必再重新輸入。於 Tab2(保存条件)中查看已保存的條件,即可再次搜尋。
ⓒ 隱藏職缺:觀察評論時發現多數抱怨為「派遣工作很多」,因此參考競品,讓符合條件但不理想的職缺不會反覆出現。
❷ 放大「加入最愛」按鈕,方便點擊也凸顯其重要性。
❸ 加入目標族群在意的「薪資」、「排班自由」,將重點訊息以標籤顯示,必要時以主色加強視覺印象。並加入圓角,讓介面視覺更活潑、年輕。
【新增細節功能】
ⓐ 快速變更居住都市:搬家至外縣市時也不需要重新自搜尋列更改。
ⓑ 保存搜尋條件:當需求條件差異大時,不必再重新輸入。於 Tab2(保存条件)中查看已保存的條件,即可再次搜尋。
ⓒ 隱藏職缺:觀察評論時發現多數抱怨為「派遣工作很多」,因此參考競品,讓符合條件但不理想的職缺不會反覆出現。
02. 條件設定:改善易視性
❶ 一鍵清除單一條件內容,依照需求選擇清除單一條件或清除全部條件。
❷ 用不同深淺的灰色做出明顯分層,增加易視性。選取後文字會變為綠色,並保留原有的打勾選方便辨識。
【新增細節功能】
ⓐ 自由輸入關鍵字、排除關鍵字:加速找尋、篩選掉理想與不理想的職缺。
ⓑ 顯示選取條件數量:無論展開或收起都會在母選項顯示選取的數量,方便更改時檢視、確認。
❷ 用不同深淺的灰色做出明顯分層,增加易視性。選取後文字會變為綠色,並保留原有的打勾選方便辨識。
【新增細節功能】
ⓐ 自由輸入關鍵字、排除關鍵字:加速找尋、篩選掉理想與不理想的職缺。
ⓑ 顯示選取條件數量:無論展開或收起都會在母選項顯示選取的數量,方便更改時檢視、確認。
03. 新增功能:條件保存及記録
當需求條件差異大時,透過此功能可以快速重新搜尋,不必重新輸入。使用者忘記保存條件時,也可以利用記錄找尋過往的搜尋內容。
下方加上「搜尋件數」及「新進職缺數」能馬上了解該條件目前的狀況。右上角叉叉則可取消保存/刪除記錄。
下方加上「搜尋件數」及「新進職缺數」能馬上了解該條件目前的狀況。右上角叉叉則可取消保存/刪除記錄。
回顧與檢討
▍心得
本次 Redesign 的 APP 結構跟資訊都較龐大,因此花了不少時間在思考如何呈現訊息量大的資料及搜尋引擎。也參考了很多同類型競品,吸收了很多意想不到的設計想法。
▍檢討與改進
因為時間限制,視覺上只加入圓角改善,若是要更活潑、年輕,搭配大量插畫或吉祥物等,效果應會更為顯著。
本次 Redesign 的 APP 結構跟資訊都較龐大,因此花了不少時間在思考如何呈現訊息量大的資料及搜尋引擎。也參考了很多同類型競品,吸收了很多意想不到的設計想法。
▍檢討與改進
因為時間限制,視覺上只加入圓角改善,若是要更活潑、年輕,搭配大量插畫或吉祥物等,效果應會更為顯著。