<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • UI界面中搜索入口的設(shè)計(jì)

          2016-11-6    資深UI設(shè)計(jì)者

          如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

          寫在前面:

          我以前是學(xué)空間設(shè)計(jì)的,所以對(duì)引導(dǎo)性的感知比其他學(xué)設(shè)計(jì)的要更早。其實(shí),設(shè)計(jì)總就還是一個(gè)“萬法歸宗”的東西。“吸引”——“引導(dǎo)”——“持續(xù)”——“欲罷不能”用用戶的這種思維去檢驗(yàn)自己的作品(交互/UI)是比較客觀的。那個(gè)步奏出了問題,喪失了用戶,那個(gè)點(diǎn)就是你的失敗點(diǎn)。

          很多設(shè)計(jì)師的很多新想法和新的操作邏輯很有意思,或者說新推出的商業(yè)企劃很有吸引力,但問題是如何讓用戶最樂意的去接受,而且不過分增加界面和程序壓力這才是我們需要考慮的。否則——套用有些老板的話:要你干嘛?

          軟件看似簡(jiǎn)單,其實(shí)內(nèi)部的骨架在不斷調(diào)整,每一個(gè)新的信息出來都會(huì)傷筋動(dòng)骨,不過,對(duì)于一個(gè)設(shè)計(jì)師來說,“解決問題”才是最有價(jià)值感的事情。

          (這段時(shí)間經(jīng)歷的不少,各種各樣的不快包括傷病的些許的折磨。分享這篇文章的原因是里面有很多和自己這段時(shí)間考慮的問題有相似的地方,不過他并不那么深入,大家借鑒就好。)

          搜索幾乎是現(xiàn)在所有網(wǎng)站,APP甚至操作系統(tǒng)的標(biāo)配,不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶直接到達(dá)目的地的通道,起到了一個(gè)引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng),不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

          用搜索的原因

          使用搜索時(shí),用戶可以自己掌握瀏覽該網(wǎng)站的路徑,從哪一頁進(jìn)入到哪一頁,自己控制如何使用這個(gè)網(wǎng)站。沒有必要根據(jù)網(wǎng)站的頁面設(shè)計(jì)來決定瀏覽頁面的先后順序。這也是為什么很多網(wǎng)站用戶一進(jìn)入就直接使用搜索功能的原因。

          另一個(gè)原因是,當(dāng)用戶瀏覽網(wǎng)頁到一半不知道接下去該干什么的時(shí)候,往往會(huì)使用搜索直接去找到自己想找的內(nèi)容。

          不使用搜索的原因

          相對(duì)于搜索,用戶根據(jù)類目,或者從功能模塊的入口進(jìn)入各個(gè)頁面其實(shí)是跟著頁面的導(dǎo)向進(jìn)行的下一步操作。

          網(wǎng)頁的設(shè)計(jì)者會(huì)根據(jù)網(wǎng)站的不同需求從而設(shè)計(jì)不同的頁面布局。根據(jù)這些頁面布局進(jìn)而引導(dǎo)用戶一步一步的達(dá)成網(wǎng)站設(shè)計(jì)者的目的。這些目的可能就是買一件商品,參加一個(gè)活動(dòng)等等。用戶可以根據(jù)設(shè)計(jì)者創(chuàng)建的引導(dǎo)流程一步步的查看網(wǎng)站內(nèi)容。

          不同用戶群

          根據(jù)搜索是否主動(dòng)搜索這點(diǎn)來分,可以把用戶分成3種類型:任務(wù)型,鏈接型,混合型。

          任務(wù)型:

          任務(wù)型的用戶就是前面說的直接使用搜索功能的用戶。大部分用戶都是任務(wù)型的用戶。這些用戶往往是帶著某種目的來,例如已經(jīng)知道了自己要購(gòu)買的商品,就直接搜索商品名稱進(jìn)入搜索列表頁。

          使用搜索的場(chǎng)景可以再細(xì)化一點(diǎn),通常用戶已經(jīng)想好了具體要搜索的關(guān)鍵詞,同時(shí)他使用的網(wǎng)站可以搜索到非常大量的搜索結(jié)果時(shí),用戶會(huì)使用搜索功能。例如在手機(jī)里找一個(gè)聯(lián)系人的號(hào)碼,如果手機(jī)里只存了10個(gè)號(hào)碼,那很可能就直接打開聯(lián)系人的APP,從這10個(gè)人的姓名中找到一個(gè)號(hào)碼;另一種情況,如果手機(jī)里存了500個(gè)號(hào)碼,這時(shí)候要逐個(gè)瀏覽來找某個(gè)聯(lián)系人效率就會(huì)相對(duì)低,這是大家會(huì)做的是在聯(lián)系人里找到搜索框,輸入要找的人的姓名或者拼音,定位到要找的人,最后找到電話號(hào)碼。

          鏈接型:

          鏈接型的用戶打開一個(gè)頁面之后會(huì)找各個(gè)功能的鏈接(首頁廣告,功能入口,鏈接),即使他們已經(jīng)想好了要找某些信息,他們還是會(huì)通過點(diǎn)擊入口而不是輸入關(guān)鍵字來找頁面。通常這類用戶知道自己要買麥片,但是沒有考慮好什么品牌的麥片,哪個(gè)國(guó)家的麥片,那這個(gè)時(shí)候,他們會(huì)做的是找到網(wǎng)站的類目入口,在類目里找到“麥片”的分類,點(diǎn)擊進(jìn)入,而不是直接搜索關(guān)鍵詞“麥片”。

          鏈接型的用戶只有當(dāng)他們?cè)陧撁嫔险也坏阶约盒枰南嚓P(guān)信息鏈接時(shí),才會(huì)選擇使用搜索框。

          混合型:

          混合型的用戶行為其實(shí)以上兩種都有,有時(shí)候會(huì)直接搜索關(guān)鍵詞,有時(shí)候會(huì)在頁面上尋找鏈接,沒有使用以上哪種偏好的傾向性,只是用當(dāng)下他們覺得最好的方式。

          搜索入口的設(shè)計(jì)

          不同功能,不同需求的界面會(huì)影響到搜索框入口的設(shè)計(jì)。

          iOS系統(tǒng)的搜索框只有在用戶下拉頁面時(shí)才會(huì)出現(xiàn)。

          對(duì)于一個(gè)系統(tǒng)界面來說,給用戶提供各個(gè)APP,功能入口是一個(gè)系統(tǒng)的重要功能,所以對(duì)于搜索,系統(tǒng)做了隱藏處理。

          UI界面中搜索入口的設(shè)計(jì)-IAMUE

          YouTube的搜索框點(diǎn)搜索icon出現(xiàn)。

          YouTube有針對(duì)用戶的喜好在首頁提供不同的視頻,是一個(gè)對(duì)每個(gè)用戶個(gè)性化的訂制內(nèi)容, YouTube希望用戶瀏覽查看他們對(duì)于用戶推薦的視頻。所以他們沒有把搜索框直接展開而是只顯示一個(gè)icon,點(diǎn)擊之后出現(xiàn)單獨(dú)的搜索頁。

          UI界面中搜索入口的設(shè)計(jì)-IAMUE

           

           

           

           

          電商類APP搜索框一般直接露出在首頁的最頂端。

          前面有說到在電商網(wǎng)站中,當(dāng)用戶不知道接下去該做什么的時(shí)候,會(huì)使用搜索操作來直接到達(dá)自己想要到達(dá)的頁面。所以,通常電商網(wǎng)站中,搜索往往是固定在頂部Global上的,以便用戶無論在哪一頁都能找到。

          UI界面中搜索入口的設(shè)計(jì)-IAMUE

          搜索引擎像Google的首頁則只有搜索框。

          類似于Google,百度,Bing,搜索是他們的主營(yíng)業(yè)務(wù),自然希望用戶所要查看的大部分頁面都是通過搜索來獲得。所以把搜索框做為用戶的唯一使用路徑放在首頁,不論是APP還是網(wǎng)頁。

          UI界面中搜索入口的設(shè)計(jì)-IAMUE

          這4個(gè)例子里對(duì)用戶對(duì)搜索的需求依次增強(qiáng),所以搜索在頁面上的表現(xiàn)形式也依次增強(qiáng)。

          作為一個(gè)用戶大量使用的工具:搜索,它的位置,呈現(xiàn)形式直接關(guān)系到制作者對(duì)產(chǎn)品的預(yù)期,也直接關(guān)系到用戶會(huì)用什么形式使用當(dāng)前的界面。有的用戶瀏覽界面知道自己要找什么,有的用戶是來頁面上逛逛的,針對(duì)不同用戶,不同的搜索設(shè)計(jì)方案可以幫助設(shè)計(jì)者達(dá)到設(shè)計(jì)目的,也能幫助用戶更好的使用體驗(yàn)。

          UEbuang:LIBOBO

          原文鏈接:http://abc351247398.lofter.com/post/1de24434_cd2210f

          藍(lán)藍(lán)設(shè)計(jì)m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久婷婷五月综合97色直播| 精品久久久久久综合日本| 国内精品久久九九国产精品| 亚洲欧美精品一区久久中文字幕| 国产精品一区二区久久| 国内精品久久久久久99蜜桃| 日韩人妻无码精品久久久不卡| 久久久久人妻一区二区三区| 中文精品99久久国产 | 思思久久99热只有频精品66| 国产精品热久久无码av| 99久久久久| 国产呻吟久久久久久久92| 久久国产精品二国产精品| 久久影院亚洲一区| 精品久久久久久久久免费影院| 久久亚洲日韩看片无码| 无码AV波多野结衣久久| 久久久91精品国产一区二区三区 | 久久午夜伦鲁片免费无码| 久久ww精品w免费人成| 国产精品久久久天天影视香蕉| 久久精品成人免费国产片小草| 亚洲AV伊人久久青青草原| 久久国语露脸国产精品电影| 久久精品国产AV一区二区三区| 国产综合久久久久| 国产成人久久精品二区三区| 日韩欧美亚洲综合久久| 99久久99久久| 热综合一本伊人久久精品| 色狠狠久久AV五月综合| 久久亚洲欧美日本精品| 欧美伊人久久大香线蕉综合69| 久久精品99久久香蕉国产色戒| 国产精品成人无码久久久久久| 国内精品久久久久影院薰衣草| 久久免费视频观看| 国产成人精品三上悠亚久久| 久久国产热这里只有精品| 亚洲精品国产字幕久久不卡|