移動應用交互設計研究-以手機淘寶APP為例

? ? ? ?信息社會的來臨使移動交互應用媒介和虛擬網絡模式為主的消費方式不受時間、地點的限制,改變了人們的生活方式。文章主要以手機淘寶APP為例,通過對其交互方式、交互內容、頁面布局以及符號化圖標的分析,總結出一些交互設計的要點。

? ? ??移動應用是移動應用程序的簡稱,是指設計給手機、平板電腦和其他移動設備上運行的應用程序。按照運行環境區分,移動應用可分為移動網頁應用和移動原生應用,移動網頁應用是無需下載和安裝,通過瀏覽器運行的應用程序,它的界面一般與網頁界面相同,是網頁界面的縮小形式;移動原生應用是指通過運營商的門戶網站進行下載或者到移動應用商城購買的應用程序,這種類型的應用程序為了吸引更多用戶下載安裝,其更加注重用戶使用時的感受,好的用戶體驗需要通過交互設計得以體現,而交互設計又涉及到交互方式、交互內容、頁面布局等方面,它致力于讓產品有效易用,是用戶與產品交流時更加愉悅。

1、交互方式的多樣性

移動應用中,用戶與界面的交互方式是指用戶如何使用產品達到自己的目的,從感性角度來說,它主要表現為用戶與界面交流時用到的媒介和方法給予用戶情感方面的反應,好的交互方式更多體現出用戶的直覺和下意識的行為,使用戶在整個使用過程中感到愉悅、簡單和順暢;從理性角度來說,它是指交互方式在技術層面的研究和應用,通過技術支持使交互方式得以實現。以手機淘寶APP為例,用戶與界面的交互方式是多樣的,有直接操作、多通道、手勢以及語音等, 在手機淘寶APP界面中,用戶可以通過手指對界面中數字對象進行操作,例如:單擊進入另一個頁面、拖拽頁面使其放大縮小、上下滑動頁面等,特別是在商品詳情頁中,用戶可以對圖片進行任意縮放,以達到自己舒適的觀察尺度,直接操作縮短了用戶與產品之間的距離,減少操作步驟,使操作更加簡單便捷。此外,它的交互方式也是多通道的,對于新消息的推送,它會通過視覺、觸覺、聽覺三方面進行提醒,在聽覺方面,我們可以設置提醒的鈴聲,在觸覺方面,我們可以設置震動的開關,在視覺方面,會有告知型控件對我們進行提示,多通道豐富用戶的體驗,減少某一方面的疲勞。語言是實現用戶與移動應用交流的另一種重要的方式,它有多方面的優點,首先,語言比鍵盤輸入更快更有效。其次,在不同的情境中,提供了更多的反應通道,使手可以騰出來做其他事。淘寶一直在探索新的交互方式,目前淘寶網計劃將上線Buy+應用,它使用虛擬現實技術,100%還原真實場景,生成可交互的三維購物環境,它將突破時間和空間的限制,讓用戶身臨其境的購物,給用戶更加真實的體驗。

2、交互內容的豐富性

在淘寶APP中,用戶與產品之間的交流不是單一的,而是豐富多樣的,可以分為三種類型:用戶與界面之間的交流、用戶與用戶之間的交流、以及用戶與商家之間的交流。

2.1用戶與界面之間的交流

淘寶用戶分為目標型和瀏覽型消費者,對于目標型消費者,其設置了搜索項,如圖1,搜索有三種選項,可以按照店鋪、商品或者天貓進行搜索,滿足不同目的用戶需求,并且搜索方式也分為三種,手動輸入、語音輸入以及照片搜索,豐富了輸入和尋找方式,使用戶更加方便快捷的找到目標商品。對于瀏覽型用戶,淘寶網設置了多個入口導航供用戶選擇,入口導航分類清晰,并且其在信息展示方面關注主體內容,界面簡潔易懂,整個界面能使用戶高度聚焦于內容,而內容的顯示又簡單明了,使用最少的元素來表達最豐富的信息,元素過多會使信息繁雜,影響效率,降低購物的樂趣,因此,淘寶APP界面中每個商品都是圖片配以簡潔商品描述、價格以及購買人數,提升了屏幕空間的利用率,圖片和文字通過大小和顏色進行主次之分,內容豐富,清晰可見。

2.2用戶與用戶之間的交流

用戶與用戶之間的交流途徑有三種,一種是菜單欄中的社區,如圖2,在社區中,用戶可以對自己已經購買的衣服做出評價,說出自己使用產品的感受,可以附以圖片,就像朋友圈一樣,其他用戶可以對其評論進行交流。一種是商品詳情頁中的問大家,如圖3,未購買用戶可以向已購買用戶進行提問,詢問商品的真實使用情況,從而進行交流。電子購物類產品最大的缺陷就是用戶不能夠直接觸摸或者看到實物產品,即用戶缺乏對網絡商品的信賴感,用戶與用戶之間的交流可以跳過商家的干擾,進行直接交流,有利于提高用戶對商品的了解,也促使商家關注產品質量。

2.3用戶與商家之間的交流

用戶與商家之間的交流方式有兩種,一種是通過微淘,如圖4,如果說社區是用戶的朋友圈,那么微淘就是商家的朋友圈,商家可以通過微淘來推出商品,使用戶可以第一時間看到上新商品或活動商品,在評論中,用戶可以與商家進行交流,咨詢商品情況。一種是通過消息窗口,即為大家所說的客服,此時一般為售前或售后服務,用戶可以向商家客服咨詢商品情況、物流狀況、退換貨處理等等。用戶與商家的交流使用戶可以了解更多的商品情況,任何疑問都可以隨時解決,減少溝通障礙,增加親切度,提升買家好感。并且在用戶與商家交流中,用戶可以與商家協定商品的價格,使用戶以低價購買商品,從而吸引更多用戶。

3、頁面布局清晰規范

淘寶網運用色彩和層次等語言,自然而又清晰地羅列出一條視覺路線,引導用戶瀏覽,無需用戶自己費力梳理條理或者在密密麻麻的信息中搜索自己想要的信息。淘寶網頁面布局因功能的不同考慮的側重點也不同,使用戶有一種區塊感。如圖5,首先,界面布局十分有序,網格線排列整齊,區塊劃分清晰,按照功能劃分,主次分明。其次,每個區塊功能清晰,有搜索欄、導航欄、菜單欄等等,位置清晰明確。再者,最重要的信息都在頁面第一屏顯示,使用顏色和大小來劃分區域。最后,相同信息保持位置的一致性,使用戶無需加載頁面進行重新理解和認識。在淘寶網首頁界面布局中,區塊劃分更加靈活和人性化,搜索框在人們最熟悉的頁面頂部,菜單欄在頁面底部,中間入口導航清晰可見,所以,無論操作功能如何多變,用戶都能夠按照習慣找出自己想要的商品。

4、使用符號化圖標

相對于單純的文本,符號化的圖標更加符合用戶認知習慣,調動用戶的情感,使其與產品產生情感共鳴。并且符號化圖標還可建立起認知習慣,使用戶更快的掌握操作和功能。在用戶與商家交流頁面,淘寶APP提供了配合用戶性情的、夸張的表情,拉近用戶與商家的距離,使用戶與商家之間快速建立一種情感聯系,增加用戶的信賴感也豐富了用戶的體驗。

交互設計在電子商務應用程序中的是自然存在的,然而,隨著電子產品和用戶體驗日趨復雜、功能增多,新的應用程序逐漸出現,面對競爭激烈的環境,應用程序必須更加注重交互設計才能得到用戶的青睞,加之移動設備的使用環境和一些物理屬性方面的原因,給交互設計帶來更大的挑戰,特別是對于現在的信息社會,新媒體讓交互設計的研究更加多樣化,無論是手機應用還是網頁應用,用戶都是決定其生存的關鍵因素,在進行交互設計時要多考慮用戶的需求和使用時的體驗,這樣才能夠吸引買家,使買家成為忠實的用戶。手機淘寶APP的流行有它的必然性和理由,本文以手機淘寶APP交互設計為例,了解和分析電子商務APP交互設計的要點,用以促進其他類型的手機APP交互設計的發展。

h?j4?_??

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,333評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • 安裝 官網下載windows的install文件安裝 使用mysql測試 # coding=utf-8import...
    王滕輝閱讀 505評論 0 0
  • 時光的流逝 緣分一點一點的的靠近 讓我和他一點點的接近 從我喜歡的那一刻開始 感覺自己再也不是自己了 一個寧靜的晚...
    王_慫song閱讀 169評論 0 0
  • 文/濟安 我的外婆今年八十多了,她有5個孩子,有很多的的孫字輩的孩子。我7歲上學之前,幾乎是外婆把我帶大的。父母做...
    流淌的溪水閱讀 329評論 0 0