chinesefreesexvideos高潮,欧美极品少妇性运交,久久久国产一区二区三区,99久久婷婷国产综合精品,成人国产一区二区三区

APP推廣合作
聯(lián)系“鳥哥筆記小喬”
如何提升下拉菜單的設(shè)計(jì)體驗(yàn)?看看這些關(guān)鍵知識(shí)點(diǎn)!
2021-06-15 17:40:30

網(wǎng)站導(dǎo)航欄中經(jīng)常能看到下拉菜單的使用。它是大多數(shù)用戶熟悉的UI組件之一,很多設(shè)計(jì)師在導(dǎo)航設(shè)計(jì)中也會(huì)依賴這類組件。


但是怎樣區(qū)分下拉菜單的設(shè)計(jì)是否合理呢?在這篇文章中,我們將從什么是下拉菜單開始,一步步來分析下拉菜單的設(shè)計(jì)構(gòu)成。

 1.什么是下拉菜單?

下拉菜單是經(jīng)典的UI組件,服務(wù)于各種不同程度的需求。用戶可以在很多地方應(yīng)用到下拉菜單,例如在網(wǎng)頁導(dǎo)航欄中就能頻繁地看到下拉菜單的使用。


但有沒有思考過,下拉菜單背后都承載著哪些功能和目的?


設(shè)定好的下拉菜單通常用作以下功能:


命令菜單:展開后,下拉菜單可以展示更多的選項(xiàng)按鈕,讓用戶獲得更多對(duì)界面的選擇權(quán)。


導(dǎo)航菜單:水平導(dǎo)航欄中一種常見的導(dǎo)航菜單,用于為用戶提供更多鏈接。


表單填寫:方便用戶從許多不同的選項(xiàng)中進(jìn)行選擇,例如在酒店網(wǎng)站上選擇房間類型或者將要住多少人時(shí)的下拉表單設(shè)計(jì)。


屬性選擇:允許用戶從多個(gè)選項(xiàng)中選擇一個(gè)值,操作方式類似于表單寫。

 2.下拉菜單設(shè)計(jì)法則 

下拉菜單在設(shè)計(jì)中也存在爭議,例如很多設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁導(dǎo)航時(shí)過分依賴下拉菜單導(dǎo)致設(shè)計(jì)缺乏創(chuàng)新,還有就是在移動(dòng)端中下拉設(shè)計(jì)會(huì)占用過多屏幕空間,造成可用性上的問題。


但如果設(shè)計(jì)得當(dāng),下拉菜單能夠提供很出色的產(chǎn)品體驗(yàn),來看看這些關(guān)鍵的設(shè)計(jì)法則:

不要更改顯示的選項(xiàng)

許多平臺(tái)都使用交互式下拉菜單,其中的選項(xiàng)取決于設(shè)置或選定的功能。


如果窗口中列出的選項(xiàng)根據(jù)用戶所查看的網(wǎng)站的不同而有所變化,則會(huì)讓用戶感到困惑,增加學(xué)習(xí)使用功能的成本,會(huì)直接影響產(chǎn)品的可發(fā)現(xiàn)性和可用性。


通常需要確定菜單上的選項(xiàng)并保持不變。這將幫助用戶了解可以使用下拉菜單執(zhí)行的一般操作,同時(shí)立即知道無法選擇哪些選項(xiàng)。

讓用戶看到所有選項(xiàng)

設(shè)計(jì)下拉菜單時(shí)一個(gè)主要考慮的問題是選項(xiàng)的大小和數(shù)量,是哪些原因?qū)е孪吕藛蔚某叽缣螅?/p>


下拉菜單的可用性與尺寸大小密切相關(guān)。如果菜單提供太多的選項(xiàng)和鏈接,用戶將無法一眼看到它們。


這可能會(huì)導(dǎo)致用戶在打開下拉菜單的同時(shí)難以滾動(dòng),或者沒有意識(shí)到需要滾動(dòng)才能看到更多選項(xiàng)。



▲ 當(dāng)還有其他選項(xiàng)時(shí),一個(gè)查看更多的按鈕可以快速讓用戶了解到存在更多的選項(xiàng),引導(dǎo)用戶做出選擇。

為認(rèn)知找到合適的平衡點(diǎn)

下拉菜單可以讓用戶在不輸入內(nèi)容的情況下就可以做出選擇。


一般情況下,輸入信息(打字)需要用戶付出大量的認(rèn)知努力,所以在很多表單設(shè)計(jì)中會(huì)采用下拉選項(xiàng)來提升操作效率。



▲ 一個(gè)輸入生日的表單設(shè)計(jì),月份填寫采用下拉菜單的設(shè)計(jì),因?yàn)橐荒曛挥?2個(gè)月,方便用戶快速選擇;年份和日期沒有采用下拉設(shè)計(jì)而是直接輸入,因?yàn)槟攴莺腿掌谟泻艽蟮姆秶梢赃x擇,使用下拉設(shè)計(jì)反而會(huì)增加使用負(fù)擔(dān)。

不要濫用主導(dǎo)航中的下拉菜單

很多網(wǎng)站都在使用甚至濫用下拉菜單,因?yàn)檫@是一種很方便的設(shè)計(jì)形式,在網(wǎng)頁中使用很少的屏幕空間就可以存儲(chǔ)更多的路徑和鏈接,同時(shí)可以確保用戶能夠回到原來的位置。

▲ 下拉菜單雖然占據(jù)很少的網(wǎng)頁空間,但導(dǎo)航上的一些重要信息會(huì)被隱藏到更深的層級(jí)中,會(huì)導(dǎo)致用戶難以發(fā)現(xiàn)菜單里面的內(nèi)容。



▲ 如果網(wǎng)站包括很多層級(jí)的網(wǎng)頁或分類,考慮使用大型菜單。顯示方式與下拉菜單類似,但大型菜單更引人注目,這意味著用戶不太可能忽視主導(dǎo)航。

 3.移動(dòng)端下拉菜單設(shè)計(jì) 

移動(dòng)端的屏幕尺寸很小,設(shè)計(jì)難度也會(huì)更大,因?yàn)橄吕藛卧谡归_時(shí)往往會(huì)占用大量空間。把握這些設(shè)計(jì)技巧,移動(dòng)端上也可以更好地使用下拉菜單。

iOS選擇器

蘋果很早就在考慮如何在手機(jī)屏幕上設(shè)計(jì)下拉菜單,蘋果沒有直接在手機(jī)中使用下拉菜單,而是專門定制了選擇器組件。



▲ 選擇器組件不像傳統(tǒng)下拉列菜單那樣在屏幕上展開,而是從屏幕底部升起,占據(jù)三分之一到一半的空間。同時(shí)仍然可以看到原來的界面,以便用戶可以參考之前的內(nèi)容。


另外蘋果建議設(shè)計(jì)師盡量將選項(xiàng)保持在最低限度,因?yàn)闈L動(dòng)一長串選項(xiàng)對(duì)用戶來說可能會(huì)很乏味。

Android

與iOS不同,Android沒有定制專門的組件,而是為設(shè)計(jì)師提供了一些在Android應(yīng)用程序上正確使用下拉菜單的建議。



▲ 下拉菜單可以放在屏幕上的任何地方,但必須與觸發(fā)它們的圖標(biāo)很接近或有聯(lián)系。另一個(gè)重要的細(xì)節(jié)是菜單狀態(tài)的變化,下拉菜單的活動(dòng)狀態(tài)應(yīng)該幫助用戶了解他們?cè)诮缑嬷械奈恢没虿僮鳌?/p>

 4.下拉菜單案例分析 

Puma

▲ Puma提供了一個(gè)帶有多級(jí)導(dǎo)航功能的下拉菜單,展開的菜單不僅簡潔明了地顯示了商品的幾個(gè)大分類,還展示了具體的商品細(xì)分。


雖然下拉菜單中包含了很多選項(xiàng),但經(jīng)過清晰地層級(jí)劃分和排版,讓這些信息很容易被用戶理解,整體的設(shè)計(jì)簡潔明了,干凈而時(shí)尚。

Philip Lester


▲ 頁面中的下拉菜單設(shè)計(jì)充分利用視覺效果,包含了很多細(xì)節(jié):有趣的圖標(biāo)使用很少的空間提供了大量的信息;標(biāo)題層次分明,文案的設(shè)計(jì)言簡意賅;帶有透明度的背景讓下拉菜單看起來更自然。

Shiva


▲ 頁面設(shè)計(jì)涉及到漢堡菜單和下拉菜單之間的聯(lián)合使用。雖然最左邊的設(shè)計(jì)只使用圖標(biāo)可能表達(dá)的信息不夠深入,但至少為設(shè)計(jì)提供了更多可能性。最右邊的設(shè)計(jì)更為合理,用戶可以輸入和搜索他們喜歡的食物,也能在下拉菜單中選擇。

Airbnb


▲ Airbnb網(wǎng)站的設(shè)計(jì)非常關(guān)注細(xì)節(jié),并提供了出色的體驗(yàn)。當(dāng)用戶預(yù)訂住宿時(shí),下拉菜單顯示三種類型的來賓:成人、兒童和嬰兒。對(duì)于每種類型的客戶,用戶都可以選擇增加或減少,直到達(dá)到所需的數(shù)量。

 最后 

下拉菜單具有將許多不同的內(nèi)容壓縮到一個(gè)組件中的能力,從而一定程度上節(jié)省屏幕空間。在保持可用性的前提下,下拉菜單能夠真正幫助用戶,并減輕設(shè)計(jì)負(fù)擔(dān)。

-END-

Clippp
分享到朋友圈
收藏
收藏
評(píng)分

綜合評(píng)分:

我的評(píng)分
Xinstall 15天會(huì)員特權(quán)
Xinstall是專業(yè)的數(shù)據(jù)分析服務(wù)商,幫企業(yè)追蹤渠道安裝來源、裂變拉新統(tǒng)計(jì)、廣告流量指導(dǎo)等,廣泛應(yīng)用于廣告效果統(tǒng)計(jì)、APP地推與CPS/CPA歸屬統(tǒng)計(jì)等方面。
20羽毛
立即兌換
一書一課30天會(huì)員體驗(yàn)卡
領(lǐng)30天VIP會(huì)員,110+門職場大課,250+本精讀好書免費(fèi)學(xué)!助你提升職場力!
20羽毛
立即兌換
順豐同城急送全國通用20元優(yōu)惠券
順豐同城急送是順豐推出的平均1小時(shí)送全城的即時(shí)快送服務(wù),專業(yè)安全,準(zhǔn)時(shí)送達(dá)!
30羽毛
立即兌換
Clippp
Clippp
發(fā)表文章125
每周定期分享關(guān)于產(chǎn)品、交互、UI視覺上的設(shè)計(jì)思考。有原創(chuàng)文章,有精選視頻,歡迎來撩~
確認(rèn)要消耗 0羽毛購買
如何提升下拉菜單的設(shè)計(jì)體驗(yàn)?看看這些關(guān)鍵知識(shí)點(diǎn)!嗎?
考慮一下
很遺憾,羽毛不足
我知道了

我們致力于提供一個(gè)高質(zhì)量內(nèi)容的交流平臺(tái)。為落實(shí)國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評(píng)論自律管理,為了保護(hù)用戶創(chuàng)造的內(nèi)容、維護(hù)開放、真實(shí)、專業(yè)的平臺(tái)氛圍,我們團(tuán)隊(duì)將依據(jù)本公約中的條款對(duì)注冊(cè)用戶和發(fā)布在本平臺(tái)的內(nèi)容進(jìn)行管理。平臺(tái)鼓勵(lì)用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時(shí)也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。


一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護(hù)法》等法律法規(guī),對(duì)以下違法、不良信息或存在危害的行為進(jìn)行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
    1)反對(duì)憲法所確定的基本原則;
    2)危害國家安全,泄露國家秘密,顛覆國家政權(quán),破壞國家統(tǒng)一,損害國家榮譽(yù)和利益;
    3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽(yù)、榮譽(yù);
    4)宣揚(yáng)恐怖主義、極端主義或者煽動(dòng)實(shí)施恐怖活動(dòng)、極端主義活動(dòng);
    5)煽動(dòng)民族仇恨、民族歧視,破壞民族團(tuán)結(jié);
    6)破壞國家宗教政策,宣揚(yáng)邪教和封建迷信;
    7)散布謠言,擾亂社會(huì)秩序,破壞社會(huì)穩(wěn)定;
    8)宣揚(yáng)淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
    9)煽動(dòng)非法集會(huì)、結(jié)社、游行、示威、聚眾擾亂社會(huì)秩序;
    10)侮辱或者誹謗他人,侵害他人名譽(yù)、隱私和其他合法權(quán)益;
    11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式,對(duì)未成年人實(shí)施侮辱、誹謗、威脅或者惡意損害未成年人形象進(jìn)行網(wǎng)絡(luò)欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法規(guī)禁止的其他內(nèi)容;


2. 不友善:不尊重用戶及其所貢獻(xiàn)內(nèi)容的信息或行為。主要表現(xiàn)為:
    1)輕蔑:貶低、輕視他人及其勞動(dòng)成果;
    2)誹謗:捏造、散布虛假事實(shí),損害他人名譽(yù);
    3)嘲諷:以比喻、夸張、侮辱性的手法對(duì)他人或其行為進(jìn)行揭露或描述,以此來激怒他人;
    4)挑釁:以不友好的方式激怒他人,意圖使對(duì)方對(duì)自己的言論作出回應(yīng),蓄意制造事端;
    5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對(duì)方難堪;
    6)謾罵:以不文明的語言對(duì)他人進(jìn)行負(fù)面評(píng)價(jià);
    7)歧視:煽動(dòng)人群歧視、地域歧視等,針對(duì)他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
    8)威脅:許諾以不良的后果來迫使他人服從自己的意志;


3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗(yàn)、擾亂本網(wǎng)站秩序的內(nèi)容,或進(jìn)行相關(guān)行為。主要表現(xiàn)為:
    1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
    2)單個(gè)帳號(hào)多次發(fā)布包含垃圾廣告的內(nèi)容;
    3)多個(gè)廣告帳號(hào)互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
    4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點(diǎn)擊鏈接
    5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光;
    6)購買或出售帳號(hào)之間虛假地互動(dòng),發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
    7)發(fā)布包含欺騙性的惡意營銷內(nèi)容,如通過偽造經(jīng)歷、冒充他人等方式進(jìn)行惡意營銷;
    8)使用特殊符號(hào)、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。


4. 色情低俗信息,主要表現(xiàn)為:
    1)包含自己或他人性經(jīng)驗(yàn)的細(xì)節(jié)描述或露骨的感受描述;
    2)涉及色情段子、兩性笑話的低俗內(nèi)容;
    3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
    4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
    5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
    6)炒作緋聞、丑聞、劣跡等;
    7)宣揚(yáng)低俗、庸俗、媚俗內(nèi)容。


5. 不實(shí)信息,主要表現(xiàn)為:
    1)可能存在事實(shí)性錯(cuò)誤或者造謠等內(nèi)容;
    2)存在事實(shí)夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容;
    3)偽造身份、冒充他人,通過頭像、用戶名等個(gè)人信息暗示自己具有特定身份,或與特定機(jī)構(gòu)或個(gè)人存在關(guān)聯(lián)。


6. 傳播封建迷信,主要表現(xiàn)為:
    1)找人算命、測字、占卜、解夢(mèng)、化解厄運(yùn)、使用迷信方式治??;
    2)求推薦算命看相大師;
    3)針對(duì)具體風(fēng)水等問題進(jìn)行求助或咨詢;
    4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運(yùn)勢,東西寵物丟了能不能找回、取名改名等;


7. 文章標(biāo)題黨,主要表現(xiàn)為:
    1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶;
    2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實(shí)或者原意扭曲;
    3)使用夸張標(biāo)題,內(nèi)容與標(biāo)題嚴(yán)重不符的。


8.「飯圈」亂象行為,主要表現(xiàn)為:
    1)誘導(dǎo)未成年人應(yīng)援集資、高額消費(fèi)、投票打榜
    2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
    3)鼓動(dòng)「飯圈」粉絲攀比炫富、奢靡享樂等行為
    4)以號(hào)召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號(hào)」形式刷量控評(píng)等行為
    5)通過「蹭熱點(diǎn)」、制造話題等形式干擾輿論,影響傳播秩序


9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
    1)可能引發(fā)未成年人模仿不安全行為和違反社會(huì)公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的;
    2)不當(dāng)評(píng)述自然災(zāi)害、重大事故等災(zāi)難的;
    3)美化、粉飾侵略戰(zhàn)爭行為的;
    4)法律、行政法規(guī)禁止,或可能對(duì)網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。


二、違規(guī)處罰
本網(wǎng)站通過主動(dòng)發(fā)現(xiàn)和接受用戶舉報(bào)兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺(tái)氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個(gè)用戶發(fā)布違規(guī)內(nèi)容時(shí),本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度,對(duì)帳號(hào)進(jìn)行禁言 1 天、7 天、15 天直至永久禁言或封停賬號(hào)的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊(cè)、使用帳號(hào),或者濫用多個(gè)帳號(hào)發(fā)布違規(guī)內(nèi)容時(shí),本網(wǎng)站將加重處罰。


三、申訴
隨著平臺(tái)管理經(jīng)驗(yàn)的不斷豐富,本網(wǎng)站出于維護(hù)本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對(duì)本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進(jìn)行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)

我知道了
恭喜你~答對(duì)了
+5羽毛
下一次認(rèn)真讀哦
成功推薦給其他人
+ 10羽毛
評(píng)論成功且進(jìn)入審核!審核通過后,您將獲得10羽毛的獎(jiǎng)勵(lì)。分享本文章給好友閱讀最高再得15羽毛~
(羽毛可至 "羽毛精選" 兌換禮品)
好友微信掃一掃
復(fù)制鏈接