設計一點訣,如何做出小而美的行動商務APP?
設計一點訣,如何做出小而美的行動商務APP?

行動電商是未來趨勢,但在其中扮演重要角色的行動商務APP究竟該怎麼設計,才能讓使用者用得輕鬆愉快,同時提高實際購買率呢?行動APP開發商Appsquare提供了兩大要點。

電子商務

因地制宜

別忘了,行動商務使用者遍布各地,而且使用APP的地點捉摸不定,因此APP設計必須考量到使用者所在地與相關性。例如,遊客搜尋景點的餐廳資訊時,APP必須提供當地資訊,而非原居地資訊。

靈活性 

設計時必須多維思考,並盡量納入個別使用者的各方面需求,例如:

可滿足使用者的購物、金融、娛樂、教育、旅行等需求
與目前各種行動裝置的相容性,例如可在不同裝置上輕鬆執行的搜尋功能
支援不同貨幣、語言與付款平台
可與大型網路商店整合

Vinted APP改頭換面,使用率激增

Vinted是服飾交易平台。2012年仍以桌機為主要介面,自從推出新版APP後,90%的流量都來自APP,使用率也成長170%。協助改版的設計公司Lemon Labs分享了設計心得。

1.重要資訊放中間,動作按鈕跟著走

最重要的元素必須位於畫面正中央。次要資訊則盡量簡化、刪除或與其他資訊整合,並放在不會干擾主畫面的地方,以便使用者集中注意力。重要資訊愈明顯,成交機率愈高。

「動作」按鈕必須放在顯眼的地方,例如主要資訊正下方,讓使用者能持續專注在重要元素上。當使用者捲動畫面時,按鈕務必隨時停留在畫面上。切記,按鈕不要太花俏,也不要用一堆特效或顏色來裝飾。

圖一:重要資訊置中,動作鈕如影隨形

資料來源:Lemon Labs

2. 簡化流程

使用者看到落落長的註冊表單通常會立即跳出,一方面是懶得打字,一方面是怕個資外洩。因此,簡化資料填寫步驟,讓使用者無需提供完整資料也能瀏覽網站,這樣才能引君入甕。

圖二:簡潔的註冊表單

資料來源:Lemon Labs

目錄清單的樹狀結構要適可而止,以免使用者點到不耐煩。新APP只要點兩次就能看到原本六層的內容:從一次顯示所有子類別的清單點進去,再從瀏覽列的下拉清單進入。

3. 聊天功能

聊天功能是炒熱商品話題並拉近使用者距離的重要功能。新APP將原本e-mail式的論壇功能改成即時通方式,提升介面活潑感與操作便利性。

4. 先傳照片再填資訊

商品內容愈豐富就愈可能成交。使用者通常對上傳照片較有興趣,因此Vinted 讓會員先上傳商品照片再提供商品資訊,希望鼓勵賣家提供內容。

5. 彈性調整功能列/鈕位置

通常畫面左邊會保留給返回鈕,但不代表右邊就可以亂塞。舊APP把功能表放在右上方,以至於動作鈕必須參雜在內容中或放到螢幕下方,既難用又失去動作鈕的意義,因此新版設計把功能表擺到了左邊。

6. 善用愛心符號

自從Vinted 參考Airbnb的設計,把原本用星星符號的「我的最愛」圖示改成愛心符號後,這個功能的使用率增加了10倍。沒想到這個渺小的符號竟然有這麼大的功用吧!

圖三:用愛心取代星星

資料來源:Lemon Labs

 

目前業者多以行動網站作為行動商務平台。搶先掌握APP的設計訣竅,你就能比競爭對手更快奪得商機。

 

資料來源:SmartM

關鍵字: #UI/UX設計 #app
往下滑看下一篇文章
科技創新守護海洋!犀牛盾以循環創新思維破解塑膠危機、賦能永續未來
科技創新守護海洋!犀牛盾以循環創新思維破解塑膠危機、賦能永續未來

全球每年約生產4億噸塑膠垃圾,只有不到10%有被回收,其中約有1100萬至1400萬噸最終流入海洋。在十分有限的回收量中,約 8 成來自相對單純、流程完整的寶特瓶回收;反觀,同樣是高頻消費品的手機配件,回收率卻不到 1%。這個現象,對長期從事材料研究的犀牛盾共同創辦人暨執行長王靖夫來說,是他反思事業選擇的開端,也是突破的轉捩點。

「手機殼產業其實是塑膠產業的縮影!」他在2025 亞馬遜港都創新日的專題演講上直言。手機殼本質上類似一種快時尚商品,每年有超過十億個手機殼被製造,但產業並未建立材料規範,多數產品混用多種複合塑膠、填料與添加物,既難拆解、也沒有回收機制。結果是,一個重量相當於超過二十個塑膠袋的手機殼,在生命周期終點只能被視為垃圾。

王靖夫指出,連結構複雜的資訊科技產品,回收率都能達 45%,但手機殼明明是最簡單、最應該回收的產品,為什麼無法有效回收?這個命題讓他意識到,與其只做手機殼,不如正面處理塑膠問題本身,從材料設計、製程到後端回收再生,開創循環之道。

犀牛盾共同創辦人暨執行長王靖夫於2025 亞馬遜港都創新日分享犀牛盾如何回應塑膠挑戰、開創循環模式。
犀牛盾共同創辦人暨執行長王靖夫於2025 亞馬遜港都創新日分享犀牛盾如何回應塑膠挑戰、開創循環模式。
圖/ Amazon Web Services 提供

以材料工程打造手機殼的循環力

若塑膠要進入循環體系,前提是「材料必須足夠單純」。王靖夫很快意識到,問題不在回收端,關鍵在最開始的設計端。多數手機殼由多款不同塑膠、橡膠件甚至金屬等複合材料組成,無法被經濟化拆解,也難以透過現有流程再製。為此,犀牛盾在2017年起重新整理產品線,希望借鑑寶特瓶成功循環的經驗,擬定出手機殼應有的設計框架。

新框架以「單 1 材料、0 廢棄、100% 循環設計」為核心,犀牛盾從材料工程出發,建立一套循環路徑,包括:回收再生、溯源管控、材料配方、結構設計、循環製程、減速包裝與逆物流鏈等,使產品從生產到回收的每一階段,皆與核心精神環環相扣。

王靖夫表示,努力也終於有了成果。今年,第一批以回收手機殼再製的新產品已正式投入生產,犀牛盾 CircularNext 回收再生手機殼以舊殼打碎、造粒後再製成型;且經內部測試顯示,材料還可反覆再生六次以上仍維持耐用強度,產品生命週期大大突破「一次性」。

另外,今年犀牛盾也推出的新一代的氣墊結構手機殼 AirX,同樣遵守單一材料規範,透過結構設計打造兼具韌性、耐用、便於回收的產品。由此可見,產品要做到高機能與循環利用,並不一定矛盾。

犀牛盾從材料學出發,實現全線手機殼產品皆採「單 1 材料」與模組化設計,大幅提升回收循環再生效率。
犀牛盾從材料學出發,實現全線手機殼產品皆採「單 1 材料」與模組化設計,大幅提升回收循環再生效率。
圖/ 犀牛盾

海上掃地機器人將出海試營運

在實現可循環材料的技術後,王靖夫很快意識到另一項挑戰其實更在上游——若塑膠源源不斷流入環境,再強的循環體系也只是疲於追趕。因此,三年前,犀牛盾再提出一個更艱鉅的任務:「能不能做到塑膠負排放?」也就是讓公司不僅不再製造新的塑膠,還能把已散落在環境中的塑膠撿回來、重新變成可用原料。

這個想法也促成犀牛盾啟動「淨海計畫」。身為材料學博士,王靖夫將塑膠問題拆為三類:已經流落環境、難以回收的「考古塑膠(Legacy Plastic)」;仍在使用、若無管理便會成為下一批廢棄物的「現在塑膠(Modern Plastic)」;以及未來希望能在自然環境中真正分解的「未來塑膠(Future Plastic)」。若要走向負排放,就必須對三個路徑同時提出技術與管理解方。

其中最棘手的是考古塑膠,尤其是海洋垃圾。傳統淨灘方式高度仰賴人力,成本極高,且難以形成可規模化的商業模式,因此無法提供可持續的海廢來源作為製造原料。為突破這項瓶頸,犀牛盾決定自己「下海」撿垃圾,發展PoC(概念驗證)項目,打造以 AI 作為核心的淨海系統。

王靖夫形容,就像是一台「海上的掃地機器人」。結合巡海無人機進行影像辨識、太陽能驅動的母船作為能源與運算平台,再由輕量子船前往定位點進行海廢收集:目的就是提升撿拾效率,同時也累積資料,為未來的規模化建立雛形。

從海洋到河川,探索更多可能

淨海計畫的下一步,不只是把「海上的掃地機器人」做出來,王靖夫說:「目標是在全球各地複製擴張規模化、讓撿起的回收塑膠真正的再生利用。」也就是說,海上平台終究要從單點示範,走向可標準化、在不同海域與國家部署的技術模組,持續穩定地把海廢帶回經濟體。

犀牛盾CircularBlue™海洋廢棄物過濾平台初號機將出海試營運,盼解決沿岸海洋廢棄物問題。
犀牛盾CircularBlue™海洋廢棄物過濾平台初號機將出海試營運,盼解決沿岸海洋廢棄物問題。
圖/ 犀牛盾

他進一步指出,「其實這套系統不限於海洋,也可以在河川上。畢竟很多海洋垃圾是從河流來的。」未來若能推進到河川與港灣,將塑膠在進海之前就攔截下來,不僅有助於減少海洋污染,回收後的材料也更乾淨、更適合再生,步步朝向終極願景——隨著時間推進,海中垃圾愈來愈少,被撿起、回收後再生的塑膠會越來越多。

「我們已經證明兩件事的可行性:一端是產品的循環設計,一端是 AI 賦能海廢清理的可能性。」王靖夫笑說,塑膠管理命題不只為自己和公司找到新的長期目標,也讓他順利度過中年危機。「選擇改變,留給下一代更好的未來。」他相信,即便是一家做手機殼的公司,也能創造超乎想像的正向改變。

AWS 2025 亞馬遜港都創新日,集結產業先行者分享創新經驗。
AWS 2025 亞馬遜港都創新日,集結產業先行者分享創新經驗。
圖/ Amazon Web Services 提供

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂Vibe Coding
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓