說(shuō)句心里話,這5種常見(jiàn)的設(shè)計(jì)模式還是挺鬧心的

2022-07-14    分類(lèi): 網(wǎng)站建設(shè)

  針對(duì)常見(jiàn)的需求或者問(wèn)題,設(shè)計(jì)師常常會(huì)使用現(xiàn)有的、成型的解決方案,這也就是我們常說(shuō)的用戶體驗(yàn)設(shè)計(jì)模式。這些模式化的設(shè)計(jì)套路之所以為廣大設(shè)計(jì)師所喜愛(ài),很大程度上是因?yàn)樗鼈兙邆溆辛己玫目捎眯院涂稍L問(wèn)性,在轉(zhuǎn)化率和用戶留存率上有著不錯(cuò)的數(shù)據(jù)表現(xiàn)。但是,這些通過(guò)數(shù)據(jù)來(lái)體現(xiàn)的設(shè)計(jì)模式,在用戶的視角里,可能并不那么理想,甚至是非常惱人的存在。
  作為用戶體驗(yàn)設(shè)計(jì)師,有意識(shí)地獲取用戶反饋,并重新審視已有和已用的設(shè)計(jì)模式,進(jìn)行合理的修改、調(diào)整,才能夠讓自己的產(chǎn)品和用戶都從中受益。   
1、彈出框
  用戶體驗(yàn)設(shè)計(jì)中,打斷進(jìn)行中的用戶體驗(yàn)是一項(xiàng)大忌。而許多網(wǎng)站直到現(xiàn)在,依然在使用令人頭疼的彈出框。試想,剛剛打開(kāi)網(wǎng)站或者正在閱讀網(wǎng)站內(nèi)容的時(shí)候,閱讀的內(nèi)容被彈出框所打斷這是多么令人頭疼的一件事情!無(wú)論彈出的提醒、廣告、郵件訂閱框還是免費(fèi)福利,這種設(shè)計(jì)模式始終還是從體驗(yàn)上將用戶向外推。
  相反,良好的用戶體驗(yàn)設(shè)計(jì)常常會(huì)讓用戶來(lái)做選擇,讓用戶在獲取內(nèi)容之前,閱讀并其進(jìn)行了解然后再做決策。相應(yīng)的替代方案有很多種,可以是在內(nèi)容閱讀完成之后再提供一個(gè)微妙的彈出框,或者以其他的方式做信息提醒,又或者是在用戶流程中,加入需要提示的內(nèi)容。
  
2、社交媒體聚合
  作為內(nèi)容的生產(chǎn)者和網(wǎng)站、APP的所有者而言,讓用戶分享內(nèi)容對(duì)于整個(gè)業(yè)務(wù)的加成是明顯的,它是內(nèi)容分發(fā)的最有效途徑。但是,社交媒體分享聚合的小控件應(yīng)當(dāng)謹(jǐn)慎而恰當(dāng)?shù)厥褂?。你花費(fèi)了幾個(gè)小時(shí)來(lái)精心制作的內(nèi)容,并不單單是為了分享而存在,不要讓密密麻麻的社交媒體聚合按鈕毀了好不容易得來(lái)的好的用戶體驗(yàn)。
  在社交媒體上分享內(nèi)容是一個(gè)有機(jī)的過(guò)程,它不應(yīng)該是一種粗暴的推銷(xiāo)的后果,也不應(yīng)該是強(qiáng)制性的。如果用戶的分享體驗(yàn)并不好,那么用戶將不會(huì)再來(lái)主動(dòng)分享其中的內(nèi)容。因此,你應(yīng)該恰當(dāng)?shù)叵拗颇闼峁┑拿襟w分享按鈕的數(shù)量,并考慮在文章結(jié)尾提供更為走心的內(nèi)容,讓用戶真心實(shí)意地將內(nèi)容分向到社交媒體上,值得享受的分享過(guò)程,才是讓用戶不?;貋?lái)的動(dòng)力。
  
3、預(yù)加載頁(yè)面
  隨著技術(shù)的進(jìn)步,我們這一代人越來(lái)越躁動(dòng),越來(lái)越不耐煩。實(shí)際上,我們并不想為了一個(gè)20M的網(wǎng)頁(yè)在瀏覽器前靜靜坐上1分鐘等待加載,因?yàn)槲覀儠?huì)在這個(gè)過(guò)程中無(wú)數(shù)次懷疑這個(gè)頁(yè)面是不是卡住了,并忍受關(guān)閉它打開(kāi)Twitter 或者Google 的沖動(dòng)。我們也很清楚這樣的頁(yè)面打開(kāi)了也會(huì)是一個(gè)無(wú)比花哨的設(shè)計(jì)作品而我們看完之后大概也不會(huì)記住多少有用的東西。如果只是為了單純的美學(xué)需求,設(shè)計(jì)這樣的一個(gè)網(wǎng)站似乎太過(guò)于任性了,如今的網(wǎng)站加載需要的是速度和效率,這符合當(dāng)前的人性和真實(shí)的用戶需求。

  如果你的網(wǎng)站在加載速度上有問(wèn)題,首先應(yīng)該加載頁(yè)面中較輕的元素,以及整個(gè)框架,然后使用加載器將較大和較重的元素逐步填充進(jìn)去,而不是放一個(gè)動(dòng)畫(huà)讓用戶只能盯著它什么都不能做。這樣一來(lái),用戶就不會(huì)覺(jué)得頁(yè)面卡在那兒,而是在逐步加載了。   
4、超大的導(dǎo)航菜單
  大型的導(dǎo)航菜單對(duì)于包含大量不同子頁(yè)面的網(wǎng)站而言,似乎是一個(gè)很好的解決方案,然而實(shí)際情況并非如此。超大的導(dǎo)航菜單對(duì)于絕大多數(shù)的普通用戶而言,看起來(lái)更像是迷宮,尤其是當(dāng)他們要找的內(nèi)容是其中的一個(gè)并不顯眼的小分類(lèi)。這種看似足以滿足全部用戶的需求,實(shí)則讓全部用戶都覺(jué)得不那么爽的解決方案,其實(shí)算不得體驗(yàn)優(yōu)秀。
  信息分類(lèi)整合其實(shí)是就是為了應(yīng)對(duì)這種情況而存在的,將網(wǎng)站的導(dǎo)航內(nèi)容規(guī)劃為不同的大分類(lèi),有了層級(jí),用戶更容易篩選;又或者你可以將導(dǎo)航設(shè)計(jì)成為更為有趣的圖文式鏈接,讓它看起來(lái)不那么枯燥,也不失為一個(gè)可取的方案。為了健康,請(qǐng)不要使用下拉菜單,謝謝。
  
5、無(wú)限滾動(dòng)
  無(wú)限滾動(dòng)的出現(xiàn),終于解決了移動(dòng)端上查看繁復(fù)的分類(lèi)頁(yè)的問(wèn)題。不過(guò)與此同時(shí),無(wú)限滾動(dòng)的設(shè)計(jì),還為我們創(chuàng)造了不少?gòu)奈从龅降男聠?wèn)題。舉個(gè)例子,當(dāng)你要訪問(wèn)一個(gè)重要的頁(yè)面,而它正好在長(zhǎng)滾動(dòng)頁(yè)面的底部,撇開(kāi)加載頁(yè)面的時(shí)間和流量不談,滾到底部去找就已經(jīng)是一個(gè)很蛋疼的事情了。
  就像超大的導(dǎo)航菜單一樣,想要讓它發(fā)揮作用一樣有合理的解決方案。將傳統(tǒng)的移動(dòng)端頁(yè)面和無(wú)限滾動(dòng)兩種模式結(jié)合起來(lái)使用,讓用戶自己來(lái)選擇更適合自己的模式,這有助于提升頁(yè)面的可訪問(wèn)性。
  結(jié)語(yǔ)

網(wǎng)站欄目:說(shuō)句心里話,這5種常見(jiàn)的設(shè)計(jì)模式還是挺鬧心的
URL網(wǎng)址:http://muchs.cn/news29/178129.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、建站公司網(wǎng)站維護(hù)、電子商務(wù)、面包屑導(dǎo)航、網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)