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

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

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


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

 1.什么是下拉菜單?

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


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


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


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


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


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


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

 2.下拉菜單設計法則 

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


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

不要更改顯示的選項

許多平臺都使用交互式下拉菜單,其中的選項取決于設置或選定的功能。


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


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

讓用戶看到所有選項

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


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


這可能會導致用戶在打開下拉菜單的同時難以滾動,或者沒有意識到需要滾動才能看到更多選項。



▲ 當還有其他選項時,一個查看更多的按鈕可以快速讓用戶了解到存在更多的選項,引導用戶做出選擇。

為認知找到合適的平衡點

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


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



▲ 一個輸入生日的表單設計,月份填寫采用下拉菜單的設計,因為一年只有12個月,方便用戶快速選擇;年份和日期沒有采用下拉設計而是直接輸入,因為年份和日期有很大的范圍可以選擇,使用下拉設計反而會增加使用負擔。

不要濫用主導航中的下拉菜單

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

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



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

 3.移動端下拉菜單設計 

移動端的屏幕尺寸很小,設計難度也會更大,因為下拉菜單在展開時往往會占用大量空間。把握這些設計技巧,移動端上也可以更好地使用下拉菜單。

iOS選擇器

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



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


另外蘋果建議設計師盡量將選項保持在最低限度,因為滾動一長串選項對用戶來說可能會很乏味。

Android

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



▲ 下拉菜單可以放在屏幕上的任何地方,但必須與觸發(fā)它們的圖標很接近或有聯(lián)系。另一個重要的細節(jié)是菜單狀態(tài)的變化,下拉菜單的活動狀態(tài)應該幫助用戶了解他們在界面中的位置或操作。

 4.下拉菜單案例分析 

Puma

▲ Puma提供了一個帶有多級導航功能的下拉菜單,展開的菜單不僅簡潔明了地顯示了商品的幾個大分類,還展示了具體的商品細分。


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

Philip Lester


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

Shiva


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

Airbnb


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

 最后 

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

-END-

Clippp
分享到朋友圈
收藏
收藏
評分

綜合評分:

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

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


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


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


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


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


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


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


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


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


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


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


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

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