UI導航設計不僅僅指的是導航欄

UI導航設計不僅僅指的是導航欄
 
您的位置:首頁 > 網絡資訊 > UI導航設計不僅僅指的是導航欄
首頁 > 網絡資訊 ? 正文

UI導航設計不僅僅指的是導航欄

2017-10-25 18:04:49 發布者:admin 閱讀 488

 編者按:其實網頁或者App中的導航(Navigation)這個概念遠不止我們熟悉的導航欄,而是一個更加廣的交互概念:引導用戶和產品進行有效的交互,實現用戶的目標。本文將詳細地介紹界面的導航設計。

一個網頁或App產品要想有很好的可用性(usability),需要做好的最基本的一點是導航的設計或者說引導用戶的設計。如果用戶在使用一個網站或者App的時候找不到自己的處在什么位置或者該怎么去到想要的頁面,那么視覺效果再怎么有創意或者抓人眼球都無法彌補產品的缺陷。無論你的產品想滿足用戶什么需求,讓用戶知道產品當下的狀態和每一步操作之后的結果是對用戶最基本的尊重。

導航

首先,讓我們弄清楚導航這個概念。最基本的含義就是在我們的現實世界中,當我們從一個地方到另一個地方,需要一些引導和指示。英文中Navigation這個詞來源于拉丁文,原意就是:操縱船只在海上航行。所以導航就是能夠幫助我們到達目的地的行為。導航的其他意思都是建立在這個原意的基礎上。

所以回到UX/UI設計上,導航毫無疑問是可用性的一個要點。它可以定義為一系列引導用戶成功地與產品互動并且實現他們目標的動作組合或者技巧組合。用戶帶著他們的期望和目標來使用你的網站或者產品,作為設計師的你需要給他們提供實現他們目標的最好操作流程。因此當你的導航設計得非常高效,用戶體驗能得到極大的提升。

在你剛開始設計你的界面時,就要思考怎么設計一個有效的無縫銜接的導航。通過一些可交互的元素,比如按鈕(buttons),開關(switches),鏈接(links),標簽(tabs),條(bas),菜單(menus),區域(fields),讓用戶在不同的界面之間進行切換。

我們的設計思路是:在界面設計的早期就全面地思考導航的設計,包括界面的布局,頁面間如何切換,導航元素的放置和具體功能。并且通過低保真原型來進行驗證,保證用戶能清楚地理解所有重要的操作。如果跳過這一步,設計將有巨大的風險,其他事情有可能到頭來都白干了。所以無論,對用戶還是客戶還是設計團隊來講,做好這最基礎的部分是非常有好處的。

菜單(Menu)

菜單是我們最熟悉的具備導航功能的元素,它向用戶展示了界面的所有重要選項。基本上,它可以是用動詞命名的一系列指令,用戶可以用它來指示系統做出動作,像保存,刪除等;它也可以是一個用名詞命名的目錄,用來代表不同內容的集合。

在界面設計中菜單可以放在不同的位置(側邊菜單,頂部菜單,底部菜單等),擁有不同的交互和視覺形式(下拉菜單,上拉菜單,滑動菜單等)。要想設計好菜單的位置、交互和視覺形式,設計師需要經過全面的用戶調查,包括目標用戶的預期和要求、接受能力和使用情境。好的菜單設計能讓用戶更快地實現他們的目標,為用戶體驗打下堅實的基礎。

△ 作者:Tubik

這是一個博客APP的界面設計,采用了側邊菜單以及目錄的形式,文字直接說明內容,再加上圖標來做為輔助的視覺說明。

△ 作者:Ludmila Shevchenko

這個UI概念設計的例子很好的運用了顏色作為標記,這是一種很有效的導航技巧:每個分類的背景色使用了和目錄相同的的顏色,這樣目錄和內容有著非常強的相關性,用戶能自然地將他們聯系起來。

轉載請注明出處!

 
 

COPYRIGHT ? 2015-2017 逍遙分類目錄版權所有 | 桂ICP備05009434號-2

客服QQ

客服QQ

1094028072

QQ

返回頂部
一定牛甘肃十一选五推荐