超細(xì)致解讀UI導(dǎo)航設(shè)計(jì)不僅僅指的是導(dǎo)航欄
編者按:其實(shí)頁面或者App中的導(dǎo)航(Navigation)這個(gè)概念遠(yuǎn)不止我們認(rèn)識(shí)的導(dǎo)航欄,而是一個(gè)更加廣的交互概念:指導(dǎo)用戶和產(chǎn)品進(jìn)行有用的交互,實(shí)現(xiàn)用戶的目標(biāo)。本文將細(xì)致地介紹界面的導(dǎo)航設(shè)計(jì)。
一個(gè)頁面或App產(chǎn)品要想有很好的可用性(usability),必要做好的最基本的一點(diǎn)是導(dǎo)航的設(shè)計(jì)或者說指導(dǎo)用戶的設(shè)計(jì)。假如用戶在使用一個(gè)網(wǎng)站或者App的時(shí)候找不到本身的處在什么位置或者該怎么去到想要的網(wǎng)頁,那么視覺結(jié)果再怎么有創(chuàng)意或者抓人眼球都無法填補(bǔ)產(chǎn)品的缺陷。無論你的產(chǎn)品想知足用戶什么需求,讓用戶知道產(chǎn)品當(dāng)下的狀況和每一步操作之后的效果是對(duì)用戶最基本的尊重。
導(dǎo)航
首先,讓我們弄清楚導(dǎo)航這個(gè)概念。最基本的含義就是在我們的實(shí)際世界中,當(dāng)我們從一個(gè)地方到另一個(gè)地方,必要一些指導(dǎo)和指示。英文中Navigation這個(gè)詞來源于拉丁文,原意就是:操縱船只在海上航行。所以導(dǎo)航就是能夠幫助我們到達(dá)目的地的舉動(dòng)。導(dǎo)航的其他意思都是建立在這個(gè)原意的基礎(chǔ)上。
所以回到UX/UI設(shè)計(jì)上,導(dǎo)航毫無疑問是可用性的一個(gè)要點(diǎn)。它可以定義為一系列指導(dǎo)用戶成功地與產(chǎn)品互動(dòng)并且實(shí)現(xiàn)他們目標(biāo)的動(dòng)作組合或者技巧組合。 用戶帶著他們的期望和目標(biāo)來使用你的網(wǎng)站或者產(chǎn)品,作為設(shè)計(jì)師的你必要給他們提供實(shí)現(xiàn)他們目標(biāo)的最好操作流程。因此當(dāng)你的導(dǎo)航設(shè)計(jì)得特別很是高效,用戶體驗(yàn)?zāi)艿玫綐O大的提拔。
在你剛開始設(shè)計(jì)你的界面時(shí),就要思考怎么設(shè)計(jì)一個(gè)有用的無縫銜接的導(dǎo)航。通過一些可交互的元素,比如按鈕(buttons),開關(guān)(switches),鏈接(links),標(biāo)簽(tabs),條(bas),菜單(menus),區(qū)域(fields),讓用戶在不同的界面之間進(jìn)行切換。
我們工作室的設(shè)計(jì)思路是,在界面設(shè)計(jì)的早期就周全地思考導(dǎo)航的設(shè)計(jì),包括界面的布局,網(wǎng)頁間如何切換,導(dǎo)航元素的放置和詳細(xì)功能。并且通過低保真原型來進(jìn)行驗(yàn)證,保證用戶能清楚地理解所有緊張的操作。假如跳過這一步,設(shè)計(jì)將有偉大的風(fēng)險(xiǎn),其他事情有可能到頭來都白干了。所以無論,對(duì)用戶照舊客戶照舊設(shè)計(jì)團(tuán)隊(duì)來講,做好這最基礎(chǔ)的部分是特別很是有益處的。
菜單(Menu)
菜單是我們最認(rèn)識(shí)的具備導(dǎo)航功能的元素,它向用戶展示了界面的所有緊張選項(xiàng)?;旧希梢允怯脛?dòng)詞命名的一系列指令,用戶可以用它來指示體系做出動(dòng)作,像保存,刪除等;它也可以是一個(gè)用名詞命名的目錄,用來代表不同內(nèi)容的薈萃。
在界面設(shè)計(jì)中菜單可以放在不同的位置(側(cè)邊菜單,頂部菜單,底部菜單等),擁有不同的交互和視覺情勢(shì)(下拉菜單,上拉菜單,滑動(dòng)菜單等)。要想設(shè)計(jì)好菜單的位置、交互和視覺情勢(shì),設(shè)計(jì)師必要經(jīng)過周全的用戶調(diào)查,包括目標(biāo)用戶的預(yù)期和要求、接受能力和使用情境。好的菜單設(shè)計(jì)能讓用戶更快地實(shí)現(xiàn)他們的目標(biāo),為用戶體驗(yàn)打下堅(jiān)實(shí)的基礎(chǔ)。
△ 作者:Tubik
這是一個(gè)博客APP的界面設(shè)計(jì),采用了側(cè)邊菜單以及目錄的情勢(shì),筆墨直接說明內(nèi)容,再加上圖標(biāo)來做為輔助的視覺說明。
△ 作者:Ludmila Shevchenko
這個(gè)UI概念設(shè)計(jì)的例子很好的運(yùn)用了顏色作為標(biāo)記,這是一種很有用的導(dǎo)航技巧:每個(gè)分類的背景色使用了和目錄雷同的的顏色,如許目錄和內(nèi)容有著特別很是強(qiáng)的相干性,用戶能天然地將他們聯(lián)系起來。
舉動(dòng)召喚(CTA)
CTA是用戶舉動(dòng)召喚的簡(jiǎn)稱(call to action)。CTA簡(jiǎn)單來說就是指設(shè)計(jì)師通過設(shè)計(jì),刺激用戶去做出一些舉措。響應(yīng)的,CTA元素就是指那些能刺激用戶做出舉措的交互元素。典型的CTA元素是按鈕,標(biāo)簽或者鏈接。
不管在什么界面,CTA元素都是高效的交互舉動(dòng)的核心,極大的關(guān)系到產(chǎn)品的可用性和導(dǎo)航有用性。假如CTA元素的設(shè)計(jì)不到位的話,用戶會(huì)產(chǎn)生疑心并且得費(fèi)勁地去嘗試。產(chǎn)品的轉(zhuǎn)化率和用戶體驗(yàn)都會(huì)大打扣頭。這就是為什么CTA元素分外值得細(xì)致。無論什么樣的界面,它都必須是最矚目的元素之一,用來直接地告訴用戶怎么用這個(gè)產(chǎn)品。
△ 作者:Eugene Cameel
一些CTA元素直接用圖標(biāo)情勢(shì)而沒有任何筆墨說明,但只適用于大家都熟知其含義的圖標(biāo),比如聽筒圖標(biāo)和信封圖標(biāo)。上圖這個(gè)例子中,這個(gè)聽筒圖標(biāo)就是這個(gè)界面中一個(gè)焦點(diǎn),是一個(gè)典型的CTA元素,指導(dǎo)用戶快速地實(shí)現(xiàn)他們的目標(biāo)。不必要任何筆墨說明,用戶也能懂點(diǎn)擊這個(gè)圖標(biāo)的效果。
但是,假如一個(gè)圖標(biāo)的含義不是那么顯明或者可能造成誤解,最好照舊加上筆墨說明。
△ 作者:Tania Bashkatova
上面這個(gè)例子是一個(gè)關(guān)于制作海鮮的網(wǎng)站的著陸頁(Landing page)。網(wǎng)頁的題目let’s cook還有食材照片是一個(gè)CTA,但不是一個(gè)可交互的CTA??山换サ腃TA是下面這個(gè)紅色按鈕,用戶點(diǎn)擊這個(gè)按鈕能看到更多關(guān)于不同主題和菜譜的信息。 抓人眼球的顏色強(qiáng)調(diào)了網(wǎng)頁的視覺層級(jí)關(guān)系,把用戶的細(xì)致力拉到關(guān)鍵的交互區(qū)域中。
條(Bar)
條(Bar)指的是界面中一組用戶可以點(diǎn)擊的元素,用來快速與產(chǎn)品進(jìn)行互動(dòng),或者還能讓用戶知道事件的進(jìn)程。
標(biāo)簽條(Bar)
最基本的條是標(biāo)簽條(Tab bars),常出如今APP界面的底部,讓用戶能在APP的不同模塊間快速切換。
△ 作者:Sergey Valiukh
載入條(Loading bar)
載入條是用來告知某個(gè)動(dòng)作的進(jìn)展,用戶可以通過時(shí)間、百分比或者其他信息了解整個(gè)過程。
△ 作者:Sergey Valiukh
進(jìn)度條(Progress bar)
給用戶提供反饋,讓他們了解事件的進(jìn)度,比如說計(jì)劃的事情完成了多少。
△ 作者:Valentyn Khenkin
按鈕(Button)
按鈕應(yīng)該是用得最多的元素了。按鈕能讓用戶在對(duì)體系發(fā)出指令后得到恰當(dāng)?shù)姆答?。用戶通過按鈕對(duì)體系下飭令,跟體系進(jìn)行交互從而實(shí)現(xiàn)他們某個(gè)目標(biāo),比如發(fā)送郵件,買一個(gè)東西,下載文件,播放音樂等等如許的指令。按鈕之所以那么的常用和對(duì)用戶那么友愛,是由于按鈕很好地模擬了人和真實(shí)世界里跟物品的交互。
現(xiàn)現(xiàn)在的UI按鈕有不計(jì)其數(shù)的設(shè)計(jì)樣式,能知足許多的設(shè)計(jì)需求。按鈕典型的用途是注解這個(gè)地方是可點(diǎn)擊,因此必要具有特別很是高的視覺識(shí)別,有著特定的外形還有筆墨說明它能實(shí)現(xiàn)什么動(dòng)作。設(shè)計(jì)師通常必要花不少時(shí)間好好考慮怎么讓按鈕很好地融合界面的風(fēng)格,同時(shí)又能在視覺上跳脫出來。
△ 作者:Ernest Asanov
以下是在APP和頁面設(shè)計(jì)中常用的幾種具備附加功能的按鈕。
漢堡按鈕
漢堡按鈕隱蔽著一個(gè)菜單。當(dāng)用戶點(diǎn)擊他們的時(shí)候,能把菜單調(diào)出來。有這個(gè)名字是由于它是由三條水平線組成的,看起來就像是漢堡的情勢(shì)。它是一個(gè)典型的交互元素,也是頗具爭(zhēng)議的元素。
大多數(shù)用戶知道點(diǎn)擊這個(gè)按鈕能睜開一個(gè)菜單,所以不必要額外的說明。漢堡菜單極大地節(jié)省了界面的空間,能讓界面看起來更簡(jiǎn)潔,也為其他緊張的界面元素騰出了需要的空間。它同時(shí)特別很是適合相應(yīng)式設(shè)計(jì),通過隱蔽菜單讓整個(gè)設(shè)計(jì)更同一,界面能在不同設(shè)備間保持同等。盡管它由于一些瑕玷而飽受爭(zhēng)議,但由于這極大的益處,它目前仍然被廣泛的使用。關(guān)于這個(gè)元素的重要詬病是,對(duì)于一些對(duì)界面不太認(rèn)識(shí)的用戶來說,這個(gè)比較抽象的設(shè)計(jì)元素可能會(huì)讓他們產(chǎn)生疑心。所以,在決定使用漢堡菜單前,應(yīng)該調(diào)查一下目標(biāo)用戶的接受程度和他們的需求。
△ 作者:Ernest Asanov
上圖這個(gè)概念設(shè)計(jì)就是用了漢堡按鈕把菜單隱蔽了起來,從而實(shí)現(xiàn)一個(gè)簡(jiǎn)潔的網(wǎng)頁布局和視覺結(jié)果。
加號(hào)按鈕(Plus button)
一樣平常通過這個(gè)按鈕,用戶可以實(shí)現(xiàn)添加某個(gè)內(nèi)容的動(dòng)作,比如添加新的聯(lián)系人,狀況,筆記,位置等所有效戶在產(chǎn)品里能做的基本動(dòng)作。偶然候,點(diǎn)擊這個(gè)按鈕會(huì)出現(xiàn)新的窗口。偶然候還會(huì)出現(xiàn)一些選項(xiàng)供用戶進(jìn)行選擇添加什么內(nèi)容,這取決于是什么產(chǎn)品。
△ 作者:Sergey Valiukh
上面這個(gè)例子就是用戶在點(diǎn)擊加號(hào)按鈕后出現(xiàn)了可以選擇添加的內(nèi)容(圖片,視頻,筆墨),在選擇了之后才會(huì)彈出添加內(nèi)容的窗口。盡管這個(gè)操作可能增長(zhǎng)一些額外的交互動(dòng)作,但由于給予了用戶選擇空間,所以照舊對(duì)用戶很友愛的一種設(shè)計(jì)。
分享按鈕(Share Button)
分享按鈕顧名思義就是能讓用戶把內(nèi)容分享到他們的社交平臺(tái)賬號(hào)上。大多數(shù)情況下,這個(gè)按鈕都是用社交平臺(tái)的Logo作為視覺形象,如許特別很是易于識(shí)別和認(rèn)知。
開關(guān)(Switch)
同樣,這也是一個(gè)用戶特別很是好理解的元素,在界面中用得也特別很是多。由于它很好地模擬了實(shí)際世界里人們認(rèn)識(shí)的開關(guān)概念。關(guān)于這個(gè)元素的設(shè)計(jì),分外要細(xì)致的是開和關(guān)的狀況在視覺上要差別特別很是顯明。如許能避免用戶花時(shí)間去研究怎樣是開怎樣是關(guān)。許多種的情勢(shì)對(duì)比或者切換動(dòng)畫都可以解決這個(gè)題目,從而設(shè)計(jì)出很好的用戶體驗(yàn)。
△ 來源:Tubikstudio
這個(gè)案例是來自一款鬧鐘應(yīng)用Toonie。動(dòng)畫結(jié)果讓交互變得更流暢和天然,同時(shí)整個(gè)控件顏色的改變和滑動(dòng)元素形態(tài)的轉(zhuǎn)變讓用戶能夠輕易地識(shí)別出開關(guān)的狀況。假如你想了解整個(gè)App的案例研究,可以到來源查看。
選擇器(Picker)
也很好理解,就是讓用戶在一些選項(xiàng)里選出目標(biāo)選項(xiàng)。通常包含一個(gè)可滑動(dòng)的列表,上面是一列數(shù)值,比如小時(shí),分鐘,日期,度量,幣種等等。通過滑動(dòng)列表,用戶可以選定想要的數(shù)值。這個(gè)元素廣泛地應(yīng)用在偶然間設(shè)定這個(gè)功能的界面設(shè)計(jì)上。
△ 來源:Tubikstudio
復(fù)選框(Checkbox)
復(fù)選框是可以用來同時(shí)標(biāo)記多個(gè)特定的內(nèi)容。同樣的,也是借用了我們?cè)趯?shí)際世界里認(rèn)識(shí)的概念。我們?cè)诳荚嚨臅r(shí)候,或者填調(diào)查問卷的時(shí)候會(huì)在選項(xiàng)前的小方框里涂上顏色作為選中的標(biāo)記。和開關(guān)一樣,復(fù)選框同樣用得許多,重要在設(shè)置網(wǎng)頁設(shè)計(jì)里。不過,復(fù)選框還有另外一個(gè)用得比較多的地方,那就是含有義務(wù)管理,待辦事項(xiàng),時(shí)間記錄等類似功能的App或者頁面。
△ 作者:Tubik
上面這個(gè)是一個(gè)待辦事項(xiàng)App的概念設(shè)計(jì)。用戶點(diǎn)擊復(fù)選框后,透露表現(xiàn)這個(gè)內(nèi)容已經(jīng)完成。字體變粗的同時(shí)顏色發(fā)生了改變,如許就特別很是顯明地把這個(gè)已完成的義務(wù)和其他未完成的義務(wù)區(qū)分開來。
界面的導(dǎo)航(Navigation)是用戶體驗(yàn)設(shè)計(jì)的核心之一。毫無疑問,假如你看不到路, 你就去不了你的目的地。用戶如今正面對(duì)著越來越多的網(wǎng)站和APP產(chǎn)品。越來越多的選擇會(huì)讓用戶期望這些產(chǎn)品具備吻合他們使用風(fēng)俗的導(dǎo)航設(shè)計(jì)。
圖標(biāo)(Icons)
圖標(biāo)可以定義為一個(gè)象征著某個(gè)概念或物體的視覺形象,有著增強(qiáng)與受眾溝通的目的。會(huì)和筆墨結(jié)合一路使用,將想要傳達(dá)給受眾的信息體現(xiàn)出來。在界面設(shè)計(jì)中,圖標(biāo)通常是象形符號(hào)或表意筆墨,對(duì)可用性和成功的人機(jī)交互有緊張意義 。
毫無疑問,圖標(biāo)的其中一個(gè)緊張作用是可以有用地替換筆墨描述。由于比起筆墨,用戶對(duì)圖片的理解速度更快,所以這個(gè)特點(diǎn)能極大提拔用戶體驗(yàn),加強(qiáng)產(chǎn)品的導(dǎo)航和對(duì)用戶的指導(dǎo)。但是,必要細(xì)致,即使是輕微的歧義或者誤解都會(huì)導(dǎo)致糟糕的用戶體驗(yàn)。所以在設(shè)計(jì)圖標(biāo)的時(shí)候要做需要的測(cè)試,根據(jù)目標(biāo)用戶平衡好筆墨和圖標(biāo)的使用。最有用的體例是同時(shí)使用圖標(biāo)和筆墨,如許大部分用戶都不會(huì)有題目。電商APP或者網(wǎng)站最常使用如許的情勢(shì)來給用戶充足的信息,讓他們能輕松快速地欣賞。
△ 作者:Tubik
根據(jù)圖標(biāo)的功能,我們可以將它們分為一下幾類:
交互式圖標(biāo)(interactive icons)
這類圖標(biāo)具備交互功能。他們是可點(diǎn)擊的,能回應(yīng)用戶的要求,觸發(fā)圖標(biāo)代表的動(dòng)作。這種圖標(biāo)告知用戶按鈕、控件或者其他界面交互元素的功能或者特點(diǎn)。在大多數(shù)情況下,這類圖標(biāo)的意義明確,不必要筆墨輔助說明。
△ Tab Bar
△ 菜單概念設(shè)計(jì)
說明性圖標(biāo)(clarifying icons)
起到說明作用的圖標(biāo),設(shè)計(jì)師用它來透露表現(xiàn)某一個(gè)特點(diǎn)或者內(nèi)容的種類。它偶然候不屬于界面布局的元素或者并不具備直接的交互功能。經(jīng)常和筆墨結(jié)合使用。
△ 作者:Tubik
△ 作者:Ernest Asanov
娛樂性和裝飾性圖標(biāo)(entertaining and decorative icons)
這類圖標(biāo)看重抓人眼球的視覺結(jié)果并非功能,通常用在節(jié)日或者分外款的場(chǎng)景。他們能有用地吸引用戶的細(xì)致力,加強(qiáng)視覺沖擊力。
新生節(jié)和春上帝題的圖標(biāo):
△ 圖片作者:Arthur Avakyan
APP圖標(biāo)(app icons)
在各個(gè)平臺(tái)上可交互的品牌標(biāo)志,展示品牌和產(chǎn)品的形象。最常見的就是我們手機(jī)界面上每一個(gè)App的圖標(biāo),上面通常是品牌和產(chǎn)品的Logo。
△ 作者:Arthur Avakyan
頁面圖標(biāo)(favicons)
就是我們經(jīng)常在網(wǎng)址欄或者書簽里看到的URL前面的那個(gè)小圖標(biāo),也是代表著產(chǎn)品或者品牌的形象。能讓用戶在欣賞頁面時(shí)給他們快速的視覺提醒。
搜索區(qū)域(Search Field)
搜索區(qū)域又常常被稱作搜索框(search box)或者搜索條(search bar),代表著用戶可以在這個(gè)區(qū)域內(nèi)輸入想要搜索的內(nèi)容。它是那些有著許多內(nèi)容的網(wǎng)站或APP的核心導(dǎo)航元素,像博客,電商,消息等產(chǎn)品。設(shè)計(jì)得好的搜索框能讓用戶輕松地找到想要的信息。由于它能幫助用戶省去許多時(shí)間和精力,所以它是一個(gè)對(duì)用戶分外友愛的界面元素。
它的設(shè)計(jì)情勢(shì)有許多種,可以是標(biāo)簽的形態(tài),也可以是指導(dǎo)輸入的一條線或者簡(jiǎn)單的一個(gè)搜索圖標(biāo)。大多數(shù)情況下搜索框的圖標(biāo)是一個(gè)放大鏡的樣式。基本上所有的用戶都懂得這個(gè)圖標(biāo)的含義,所以能實(shí)現(xiàn)特別很是直觀的導(dǎo)航設(shè)計(jì)。想要在這個(gè)圖標(biāo)上做文章的話,要好好測(cè)試一下,由于改得不好的話會(huì)緊張影響交互和界面的可用性。搜索框還可以加入提供候選項(xiàng)的下拉菜單或者主動(dòng)彌補(bǔ)內(nèi)容的功能。
△ 作者:Ernest Asanov
另外必要細(xì)致的一點(diǎn)是搜索框控件在界面中的位置。在頁面設(shè)計(jì)中,搜索框經(jīng)常出如今頁面的頂部。這是一個(gè)很恰當(dāng)?shù)脑O(shè)計(jì),由于通常頁面的頂部區(qū)域具有很高的可見性,用戶打開頁面就看到了,不必要再花時(shí)間去找到這個(gè)控件。舉個(gè)反面例子,假如一個(gè)電商網(wǎng)站由于搜索框的設(shè)計(jì)有題目,導(dǎo)致用戶沒辦法快速方便地找到想買的東西,網(wǎng)站販賣體現(xiàn)會(huì)受到極大的影響。由于如今許多網(wǎng)站都將搜索框放在頁面的頂部,所以用戶也養(yǎng)成了在那里找到搜索框的風(fēng)俗。
至于App界面的話,要視詳細(xì)情況而定,設(shè)計(jì)師可能面臨更多的限定。假如是一個(gè)有著大量?jī)?nèi)容的APP,而且搜索是核心功能之一的話,那么一樣平常放在一個(gè)顯眼的標(biāo)簽條(tab bar)上。假如搜索并不是核心功能,那么可以把它藏到菜單里或者只在必要的用到的地方表現(xiàn)或者時(shí)刻表現(xiàn)出來。
△ 作者:Sergey Valiukh
標(biāo)簽(Tag)
標(biāo)簽是一個(gè)標(biāo)有關(guān)鍵詞的可交互元素。標(biāo)簽其實(shí)是給用戶提供快速通道的元數(shù)據(jù),用戶可以通過它快速導(dǎo)航到與關(guān)鍵詞相干的所有內(nèi)容。除了頁面或者App自己帶有的標(biāo)簽,在許多情況下用戶也可以本身創(chuàng)建標(biāo)簽。
△ 作者:Design4users
標(biāo)簽這個(gè)界面元素被廣泛地應(yīng)用在用戶原創(chuàng)內(nèi)容平臺(tái)(UGC)的界面設(shè)計(jì)里。當(dāng)用戶上傳圖片、狀況到社交網(wǎng)絡(luò)的時(shí)候,可以加上關(guān)鍵詞作為標(biāo)簽。上圖就展示博客網(wǎng)站Design4Users運(yùn)用了標(biāo)簽來增強(qiáng)網(wǎng)站的內(nèi)容導(dǎo)航。通過點(diǎn)擊某個(gè)標(biāo)簽,能切換到帶著這個(gè)標(biāo)簽的所有內(nèi)容的網(wǎng)頁。標(biāo)簽是友愛的搜索引擎優(yōu)化(SEO-friendly)技巧,能進(jìn)步用戶搜索內(nèi)容的成功率。
△ 作者:Unsplash
再舉一個(gè)例子,上圖是圖片素材網(wǎng)站Unsplash的界面。當(dāng)用戶想要下載圖片時(shí),可以輸入描述圖片的關(guān)鍵詞作為標(biāo)簽。通過如許的情勢(shì)幫助用戶有用地找到想要的圖片。我們還可以細(xì)致到,輸入框內(nèi)加入了指導(dǎo)用戶進(jìn)行操作的說明,如許更進(jìn)一步地進(jìn)步了產(chǎn)品的可用性。設(shè)計(jì)的細(xì)節(jié)真的很緊張??偠灾?,標(biāo)簽是一種用戶可以自行創(chuàng)造的導(dǎo)航元素,拉近了界面和目標(biāo)用戶之間的距離。
周全地設(shè)計(jì)好整個(gè)界面的導(dǎo)航不是一件容易的事,必要一些生理學(xué)、交互模式、用戶測(cè)試的基礎(chǔ)知識(shí),還必要在項(xiàng)目的早期思考清楚網(wǎng)站或者App的信息架構(gòu)。但是做好這一點(diǎn)的話,能夠讓你的產(chǎn)品很好地幫助用戶解決他們的題目,給良好的用戶體驗(yàn)打下堅(jiān)實(shí)的基礎(chǔ),讓他們對(duì)你的產(chǎn)品產(chǎn)生越來越大的粘性。
原文地址:uxplanet
原文作者:Tubik Studio
本文地址:http://pkvc.cn/tutorial/di3844.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏