購物類APP介面設計原則!
文/張如雲 移動購物APP在人們生活和工作中的廣泛應用,給人們的生活、學習和工作等方面帶來了極大的便利。那麼,在設計移動購物APP介面時應遵循哪些原則呢?


桌面平臺購物網站的物品資訊主要是圖片和文字,然 而在移動平臺上圖片記載和展示是沒有優勢的,所以應從移動裝置的特徵進行考慮,將多通道運用到物品資訊展示方面,這樣一方面可節省空間資源,另一方面會使手機端有更好的體驗。

①通過移動客戶端語音通道,進行物品簡介和物品屬性 的展示。
②用圖片與聲音的結合來體現產品屬性。圖片具有環 境性和時間性,可通過合適的音訊效果來展示物品的形象。
③物品資訊可動態展示。 經常會有人抱怨,買的東西和網上的不一樣。如果將物品資訊進行動態展示,就可以從各個角度和情境下對物品有一個準確的認識。


移動平臺螢幕的侷限性影響物品的展示數量和展示效 果,雖然通過設計很難改變這種現象,但是仍然可通過趣味設計讓使用者在資訊瀏覽中,得到與桌面平臺不同的體驗。

移動端的一個特點是可探索性,而且體驗感比較強。用 戶在用手點觸、化動過程中就會觸發動作,這些動作又會帶來相應的反饋,如果在頁面一些地方設計上驚喜的反饋方式,會給使用者帶來很多的樂趣,並且會鼓勵使用者進行很多頁面的操作行為。


不論是在購物網站中還是在移動購物應用中,圖片 是物品展示的一種必要元素。但是對於移動應用來說網速的不穩定性,經常導致圖片在載入過程中造成不良體驗,在這個問題上可將圖片進行預載入設計。

①顏色預載入。 先展現圖片的色彩趨向,或者載入模糊的圖片,讓使用者瞭解到,圖片正在慢慢地展現出來。
②文字預載入。 在物品展現列表內不會只有單獨的圖片展示,同樣重要的還有文字的展示和圖片相關資訊的說明,文字載入速度很快。因此在圖片載入過程中可以先將文字展示出來,先讓使用者對圖片內容有一個簡單的瞭解,然後再展示圖片內容。

③先載入後展現。 一般情況下圖片載入均是先顯示出一個圖框區域,然後再慢慢載入圖片,大片的圖框顯示會讓使用者抓狂,使用者會覺得好多內容需要載入,需要等待很長的時間,容易形成焦躁的情緒。圖片載入完後再顯示就不一樣了,沒有空白的圖框展示,這樣的方式會減輕使用者的煩躁情緒,對圖片瀏覽體驗是一個很好的改善。
④驚喜的載入動畫效果。 載入就是等待的過程,為了讓使用者在這時間不定的等待過程中,不會感到煩躁,可以將注意力放在載入動畫上面。


由於介面空間問題,資訊改動是不可避免的,但是要在不影響使用者理解和記憶的情況下進行改動。
①在對使用者習慣且使用頻率很高的標籤進行再設計的 時候,可將其內容進行簡化設計。

②可將表達不合理的標籤,在不同裝置上同步更改。
③在移動化介面重估,標籤空間位置進行合理的引導 的情況下,可以將原標籤的資訊進行更改。

資訊之間既有輔助表達的作用,也有閱讀引導的作用, 可引導使用者的閱讀和認識流。因此應該多考慮同級資訊之間的關係和聯絡,不在一個層級的上下文資訊的關係,應該更多地考慮資訊跳轉的隱性設計,讓使用者通過元素和閱讀了解到上下文關係。


①操作特徵。 包含使用者基於裝置所做的操作。如使用者插著耳機在聽東西,這時候就應該把產品的音效自動改為靜音,或者將耳機的音樂自動關閉,不然兩個聲音相互干擾,會帶來不良的聽覺體驗。

②環境特徵。 主要為光環境。使用者處於不同的光環境下可以對手機端進行合理的智慧調整。其次是溫度環境,使用者所處地區的溫度一般通過網際網路進行判斷,使用者在不同的溫度環境中,想看到的東西是不同的,例如在冰冷的環境中,人們會喜歡看些暖色的東西,而不是冰冷的顏色。

③時間特徵。 根據使用者使用產品的可能的時間,判斷使用者的可能需 求,並給予相應的反饋。時間對使用者潛在需求的預測是很 重要的一個要素,使用者處於早上、中午和晚上對於產品的 需求是不一樣的。

在進行移動購物APP介面設計時,應堅持介面 的有效性、易用性和使用者體驗的情感性等要素,作為檢驗互動是否合理的衡量標準。要做好優秀APP介面設計,不僅讓使用者學會追求美的視覺感受,更是出於對使用者的理解和情感關懷,使使用者產生對企業文化和品牌的認同。
