網(wǎng)站彈窗的基本設(shè)計(jì)原則是什么?
如果你不想你的彈窗影響用戶的操作,卻又需要彈窗幫你與用戶實(shí)現(xiàn)有效通話,那么你的彈窗設(shè)計(jì)必須設(shè)計(jì)得恰到好處,讓它幫用戶快速地實(shí)現(xiàn)目標(biāo)。以下洛壹網(wǎng)絡(luò)為大家介紹網(wǎng)站彈窗設(shè)計(jì)的幾個基本原則。
減少干擾
由于突然出現(xiàn)的彈窗會強(qiáng)迫用戶停止目前的操作,轉(zhuǎn)而專注彈窗的內(nèi)容,因此如果正常情況下,盡量減少使用彈窗,以免引起用戶的反感。
使用用戶熟悉的語言
彈窗應(yīng)該盡量使用用戶熟悉的語言,而不是系統(tǒng)特有的專有名詞。注意內(nèi)容細(xì)節(jié)要清晰,如果彈窗是讓用戶刪除某些條目,應(yīng)全部列出來。另外,語氣上應(yīng)使用表述清晰的問題或陳述,盡量避免使用含有歉意、模棱兩可或反問式。
講究極簡
別嘗試將太多內(nèi)容擠在彈窗內(nèi),彈窗的界面應(yīng)保持干凈和簡約,同時(shí)彈窗所提供的所有信息應(yīng)對用戶有價(jià)值并與之相關(guān)。
選擇合適的彈窗種類
彈窗大致分為兩大類,一類是吸引用戶關(guān)注,強(qiáng)制用戶與之交互后才能繼續(xù)的模態(tài)彈窗。這類彈窗一般只在特別重要的交互操作中才須使用,如刪除帳戶,同意協(xié)議等,其它情況下使用,需要考慮它對用戶體驗(yàn)的影響。
另一類是非模態(tài)彈窗,通常用戶點(diǎn)擊或輕觸周圍便可關(guān)閉。這類彈窗對用戶體驗(yàn)的影響相對較少,因此也是最常使用的彈窗類型。
視覺一致性
為了避免影響用戶的正常操作,彈窗出現(xiàn)時(shí)頁面背景通常會稍微變暗,一來可以讓用戶的注意力轉(zhuǎn)移到彈窗上,二來讓用戶知道后面的內(nèi)容是不可用的。但調(diào)節(jié)背景明暗度是需要注意,太暗會讓用戶沒法看清背景內(nèi)容,太淺則會讓用戶誤以為頁面仍可繼續(xù)操作,甚至無法將視線聚焦在彈窗上。
另外彈窗應(yīng)提供關(guān)閉按鈕,同時(shí)避免在彈窗內(nèi)啟動小彈窗,避免增加網(wǎng)站操作的復(fù)雜性。
設(shè)計(jì)網(wǎng)站中有哪些關(guān)鍵技巧?有哪些陷阱?在這里,世界上一流的網(wǎng)站設(shè)計(jì)專家,讓你共享他們的秘密,告訴你:使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛和厭惡的網(wǎng)站。
大部分網(wǎng)站或產(chǎn)品的按鈕色彩都不會超過3種,指向“動作”的按鈕應(yīng)當(dāng)統(tǒng)一為同一種顏色,比如Google的“搜索”按鈕是藍(lán)色,而Twitter的“注冊”按鈕則是明亮的黃色。色彩能夠幫助品牌極為簡易的建立用戶認(rèn)知:
今年,許多網(wǎng)站都將這個小元素納入界面,成為頁面導(dǎo)航的重要組成部分。除了導(dǎo)航設(shè)計(jì)趨勢,還有各種設(shè)計(jì)方法,如全屏導(dǎo)航,底部導(dǎo)航等,所有這些都有利于網(wǎng)頁設(shè)計(jì)師。
網(wǎng)頁設(shè)計(jì)必須簡約,任何無用的特質(zhì)都必須移除;與此同時(shí),網(wǎng)頁設(shè)計(jì)必須能夠滿足用戶需求。
做網(wǎng)站設(shè)計(jì)時(shí),我們應(yīng)該考慮哪些因素?在做的過程中設(shè)計(jì)師應(yīng)該思考哪些問題,怎么樣才能做好網(wǎng)站設(shè)計(jì)?
用戶體驗(yàn)好的方案,用戶感受到的體驗(yàn)真的好嗎,真的在意嗎?用戶愿意為這個體驗(yàn)更多的使用?還是愿意付更多錢? 如果設(shè)計(jì)希望被認(rèn)可價(jià)值,那么就必須清晰表明:設(shè)計(jì)到底實(shí)現(xiàn)了什么價(jià)值,以及設(shè)計(jì)是如何穩(wěn)定實(shí)現(xiàn)這些價(jià)值的。 網(wǎng)站設(shè)計(jì)中設(shè)計(jì)師到底要實(shí)現(xiàn)什么價(jià)值?
玻璃擬態(tài)(Glassmorphism),更直觀的說就是玻璃擬物化。它是在2020年末開始在各大設(shè)計(jì)平臺流行起來的設(shè)計(jì)趨勢。當(dāng)時(shí)蘋果新發(fā)布的Mac OS Big Sur操作系統(tǒng)中也使用了這種風(fēng)格
網(wǎng)頁設(shè)計(jì)師想出了一些非常聰明的技巧,讓他們的作品有一種實(shí)體感。玻璃擬態(tài)(Glassmorphism)就是這樣一種技術(shù)。當(dāng)您將模糊效果與透明度相結(jié)合時(shí),像素會呈現(xiàn)出磨砂玻璃的略微不透明的品質(zhì)——為設(shè)計(jì)增添一絲質(zhì)感和維度。
