當前位置:
首頁 > 創意 > 解讀!購物APP的頁面布局

解讀!購物APP的頁面布局

文/李琛

APP交互界面的設計布局應該注重功能區域的劃分,不分主次、不加以規範化和條理化的處理頁面,會使頁面整體混亂不堪,妨礙了頁面上信息傳達的有效性,使用戶在交互的過程中感到茫然失措,影響APP的使用效率。

一般在購物APP中,其界面的各個部分可以按其服務的方面分為廣告區、類別菜單區、搜索區、功能服務區、會員信息區等,在布局這些服務類別的時候,應該運用視覺處理方法予以區分,竭力避免造成內容與服務之間的混淆,使用戶可以較快地了解網購APP。

視覺容量,是指一定時間內,視覺所能容納的信息量。一旦視覺接收到的信息超出定的視覺容量,就會使用戶的心理產生一種抵觸反應,影響用戶情緒。

視覺流程。受人們視覺習慣的影響,也是由人的視覺特性所決定的,人們在閱讀瀏覽的過程中,只能產生一個焦點。人的視覺觀察和瀏覽方式習慣於從左向右看、從上向下看;從信息容量上來說,我們的視覺習慣於先從簡單清晰的內容來瀏覽(圖片、文字),之後再瀏覽複雜繁瑣的內容。

在設計網購APP交互界面的過程中,要充分考慮用戶閱讀信息的生理和心理狀態,對界面中所要提供的內容進行功能劃分,區分出核心功能、輔助功能。對功能區域進行分類,例如:菜單區域、搜索區域、廣告展示區域、設置區域、用戶區域等,將AAP交互界面的核心功能以最直觀簡明的方式展現出來。

尊重用戶的視覺行為習慣來設計界面,新穎的設計固然會帶來用戶新鮮感,但同時要需要用戶付出學習時間成本。

頁面布局的設計應該分清主次,將重要的功能和信息凸顯出來,使界面的視覺層次變的清晰可見。

可以用來點按操作的應該視覺效果突出一些,與其他固定的信息區分開來,讓用戶一眼看到可以進行操作指令。

按照APP的功能與信息將界面進行區域劃分,定義每一個區域的主要功能,並且將這些區域在視覺上區分開來。

省略多餘的文字。

通常情況下,購物APP交互界面中的搜索區域和分類菜單區域屬於核心功能,因為用戶使用APP的最終目的是購買商品,一種方法是在分類菜單中按層級查找到商品;另一種方法是在搜索框中輸入商品信息完成查找。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

漢字設計技巧!形態創意法
腦洞只是放大了產品功能