設計一點訣,如何做出小而美的行動商務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)正以前所未有的姿態重塑全球政府與企業的數位轉型藍圖,帶來一場深刻的變革。這股浪潮不僅預示著效率與生產力的巨大躍升,同時也為組織帶來嚴峻挑戰。如何駕馭 AI、確保資訊安全、並同時兼顧永續發展,成為當今各國政府與企業亟需面對的核心課題。在這樣一個充滿挑戰與無限機會的時代,全球網路與資安科技大廠思科(Cisco),憑藉其完整的產業生態系和豐富的跨國合作經驗,正積極扮演關鍵的賦能者角色,所推動的台灣數位加速計畫(Taiwan Digital Acceleration, TDA)也已邁入3.0階段。思科認為,值此時刻組織需要為數位轉型建立具韌性的基礎,而關鍵不只是科技,更重要的是人才培育。

AI雖解決人力短缺問題 但人員更需學習駕馭AI

負責思科國家數位加速計畫(CDA),與多國政府密切合作的思科全球資深副總裁暨全球創新長Guy Diedrich,談到當今各國政府與企業正在面臨融合著AI、資安與永續發展的數位轉型趨勢,而在此過程中關鍵的是,組織必須透過科技與培育人才來為此波轉型打造具韌性的基礎。

思科
思科全球資深副總裁暨全球創新長Guy Diedrich
圖/ 思科

Diedrich進一步表示,未來的職位已不再是用職務說明書來衡量,而是以工作流程為核心,人力會在不同階段介接不同科技,可能是AI、機器人、人形機器人甚至量子電腦,因此人力與科技的整合也特別重要。思科台灣總經理林岳田也舉例,過去在地端、雲端網路設備有各自的管理平台,未來除了將化繁為簡整合為單一平台外,許多資料搜集比對的例行工作由AI取代,但關鍵的決策判斷仍會交由人力負責,因此培育員工學習AI也更加不可或缺。

過去從TDA 1.0計畫推動至今,透過思科網路學院(Cisco Networking Academy),思科與合作夥伴已經在台灣培育超過17萬名技術人才。提供從網路工程師認證(CCNA)、網路高級工程師(CCNP)到網路專家(CCIE)等,針對不同職務與層級完整的專業培訓,而去年剛推出針對AI架構的網路設計專家(CCDE-AI Infrastructure)認證,在市場上更是炙手可熱。Diedrich強調,未來學習將成為工作中的一部份,持續在職訓練才能確保人員跟上技術的快速發展。

林岳田也指出,思科致力於人才培育不遺餘力,並從多方面投注資源。包括目前已在台灣的北、南、東部區域成立思科網路學院教師培訓中心,作為推動各區域人才培訓的種子基地。同時,思科與合作夥伴晉泰科技在2025年於高雄成立「亞灣AIOT生態系發展基地暨研發中心」,目標是培育5,000名AIOT人才並協助 1,500 人取得國際認證,以解決目前產業智慧轉型卻求才若渴的窘境。而在政府公部門方面,思科近期與國家資通安全研究院 (簡稱「資安院」) 合作「NPO資安共學計畫」,由思科網路學院 (Cisco Networking Academy) 提供課程與平台資源,資安院負責在地招募與社群經營,共同構築永續的公益資安生態系。

思科
思科台灣總經理林岳田
圖/ 思科

完整生態系整合多元科技 一同推動AI創新

數位轉型另一項重要關鍵就是科技,尤其當今企業都在思考如何利用AI推動創新。思科與18家合作夥伴,從TDA 1.0到3.0計畫,共同實踐30個創新專案。其中TDA 1.0著重智慧城市、企業 5G專網、資訊安全和數位醫療照護等核心領域,奠定數位轉型基礎;TDA 2.0計畫除了延續並深化前述智慧城市與智慧交通,也因應新冠疫情下的醫療照護需求,為長者提供遠距學習、遠距醫療等樂齡生活應用,同時拓展金融韌性等創新場景。而在離岸風電計畫中,更利用5G結合VR眼鏡解決方案,協助當時因為疫情封控而無法來台支援的國外風機維護工程師,進行遠距教育訓練。

而TDA 3.0計畫中聚焦永續發展、資安韌性和AI驅動的智慧轉型,其中指標性專案之一,便是以高雄港為場域的智慧港口解決方案。提供從貨輪進港到貨櫃卸貨、起重機遠端操作監控等全自動化營運,可提升人員工作效率並確保安全。同時此方案中也兼顧永續發展需求,透過感測器可將各種機具設備的碳排資料回傳,完整監控能源使用情形。

人員短缺不只是運輸業也是許多產業共同面臨的難題,思科與合作夥伴針對醫院推出行動醫療推車,就是利用AIOT、無線/有線網路整合結合Webex視訊系統等,能協助遠端醫師迅速掌握病情,在第一時間提供專業判斷,或協助護理師迅速正確完成數據輸入工作。思科全球副總裁黃志明也強調,科技的運用更重要的是化繁為簡,透過整合算力、網路、資安與儲存功能的AI PODs一體機伺服器,讓許多TDA 3.0專案能專注於應用開發,加速落地部署。

黃志明進一步表示,思科能協助企業導入部署各項AI創新方案,得力於生態系中有擅長應用開發、技術架構、顧問諮詢等不同領域的合作夥伴,彼此在開放、包容的平台上運作,因此能協助企業加速智慧轉型並提升企業價值。

思科
思科全球副總裁黃志明
圖/ 思科

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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