設計一點訣,如何做出小而美的行動商務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
往下滑看下一篇文章
打造AI無法取代的人才力,聯發科技攜手Hahow for Business培育跨域人才成果豐碩
打造AI無法取代的人才力,聯發科技攜手Hahow for Business培育跨域人才成果豐碩

在AI新世代浪潮下,兼具軟實力與硬實力的「T型人才」已躍升為企業人才培訓的新焦點。以聯發科技攜手 Hahow for Business 推出的「SPARK 實習生跨域軟實力學習計畫」為例,正是企業積極布局未來、培育全方位新世代人才的具體行動。

人工智慧的快速演進,正全面重塑我們對「學習」與「人才」的想像。隨著知識獲取門檻變低、學習方式持續翻轉,企業人才培育模式也迎來嶄新變革。在這波轉型浪潮中,擅長單一領域的「I型專才」往往難以應對多元挑戰,相反的,具備專業深度與跨域協作能力的「T型人才」成為企業招募與培育的核心焦點。

以理工科學生為例,雖然在校期間累積了紮實的專業知識與技術基礎,但往往在進入職場後,因為溝通表達、協同合作與專案管理等軟實力相對薄弱,面臨諸多挑戰、無法發揮潛力。為縮短「學用落差」與提升新鮮人的職場適應力,聯發科技攜手Hahow for Business在2025年共同推出「SPARK 實習生跨域軟實力學習計畫」,將工程師的個人效能訓練藍圖,提前至實習階段。計畫透過Learn-Apply-Reflect與10%-20%-70%學習策略,打造出「自主學習→練習→實際應用」的學習循環,全面加速準聯發人的培養、為企業注入新世代的競爭力。

聯發科技與Hahow for Business以「SPARK 實習生跨域軟實力學習計畫」加速培育人才

聯發科技始終堅信,每一位年輕人都蘊含著無限的發展潛力,只要能匯聚多元能力,即可激盪出創新火花、點燃成長的力量。這樣的理念也體現在「SPARK 實習生跨域軟實力學習計畫」logo設計:6道光芒象徵聯發科技永續經營的六大基石–全球觀、創新、人才、公司治理、綠色營運與在地實踐;而5道光芒則代表個人效能聚焦的5項關鍵能力:問題分析與解決、溝通簡報與影響力、專案管理、創意思維與成長心態。

SPARK計畫為實習生提供清晰的學習路徑,結合豐富的線上學習資源、個人練習與小組作業,同時搭配實體知識萃取工作坊,形成自主學習、同儕學習與應用及反思的學習循環。讓實習生不僅可以學習知識與實用技能,並真正將軟實力應用於工作場域。舉例來說,線上課程學習涵蓋「金字塔表達法」、「定錨點架構」、「ANSVA結構」與「SMART原則」等工具,並在為期兩個月的實習中,透過每週的應用練習、知識萃取工作坊與同儕小組報告,系統化強化關鍵軟實力,讓學習不僅止於「知識的獲取」更是「行為的展現」。

hahow
圖/ 數位時代

來自國立清華大學通訊工程研究所的實習生彭同學深有感觸的說:「能進入同一間公司,代表大家的硬實力相差不大,真正決定我們能否做對事情、把事情做好,是有沒有足夠的軟實力協同合作與向上管理,建議從大學三年級開始培養,並且持續不斷精進。」

國立清華大學半導體研究學院的實習生鄭同學同樣肯定軟實力的重要性。她說:「在學校,教授指派任務通常有明確的評分指標,但在實習時,主管交付的任務往往保留很大的自由發揮空間,為確保彼此有共識,我的作法是主動思考任務的目的,以手寫筆記進行結構性思考與建立清晰的表達邏輯,在與主管進行口頭報告時,則是以『金字塔表達法–先結論、後細節』的方式進行溝通,持續修正與取得共識、精準展開下一步。」

「理工科學生很容易陷入技術細節、分享時不自覺就是滿滿的專業術語,但這樣的溝通模式未必有助於專案進展。」來自國立陽明交通大學資訊網路工程學系的實習生洪同學表示,有效的溝通應該要跳脫技術本位,站在對方角度,說出讓目標聽眾共鳴的話,才能推進合作。「透過這次實習,我學會以『定錨點架構』讓溝通內容更有邏輯與說服力,以及透過『ANSVA–Attention /Need /Solution /Visualization /Action–架構』強化提案表達,就算面對全新的領域,也能快速盤點重點,並與團隊展開更有效的協作。」

「SPARK 實習生跨域軟實力學習計畫」創造的成效十分亮眼。活動期間在校園舉辦的多元跨域校園講座滿意度高達 94.6%;而在實習階段,儘管實習生同時承擔主管指派的專案任務,平均完課率仍高達 87%,並獲得大量正面回饋。許多實習生分享:「無論未來職涯選擇何種方向,這段期間累積的軟實力,都將成為持續突破與創新的關鍵資產。」

三大學習目標,支持年輕人才快速適應跨部門協作及全球化職場環境

聯發科技長期深耕技術創新與人才培育,積極推動學生硬實力與軟實力的緊密整合,以加速新世代人才的成長與轉型。此次首度與Hahow for Business合作「SPARK 實習生跨域軟實力學習計畫」實踐三大學習目標:首先建立創新與成長心態;其次強化簡報與溝通影響力及團隊合作;最後,培養問題解決、專案管理與行動決策能力。

Hahow
圖/ 數位時代

同時參加「SPARK 實習生跨域軟實力學習計畫」與3個不同專案計畫的國立清華大學資訊工程研究所實習生李同學表示:「實習期間,我必須同時處理三個專案,時間被各種會議切割得十分零碎,參加每場會議前,我至少得花費10分鐘翻閱紀錄或回想進度,改用實習期間學會的心智地圖追蹤專案進度後,只要 1 分鐘就能快速掌握最新狀況,執行效率大幅提升。」

國立台灣科技大學電機工程研究所的實習生董同學則認為:「軟實力之所以重要,不僅因為它能幫助我們在事前做好規劃、提升溝通的精準度,更關鍵的是,隨著這些能力不斷累積,將更有勇氣面對挫折與挑戰,不會輕易喪失對科技或對人的熱情。」

整體而言,聯發科技攜手 Hahow 好學校的合作,不僅著眼於短期彌補能力缺口,更展現企業對未來人才的前膽佈局與長期投資。當理工學生兼具專業深度與跨域軟實力,學用落差得以有效縮減,人才成長曲線隨之加速,產業也能在新世代人才的驅動下持續創新,形成良性循環,進一步鞏固組織的核心競爭力。

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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