歡迎來(lái)到(dào)深圳市博易美科技有限公司網站(zhàn ε§)!
人(rén)
已閱讀(dú)

網站(zhàn)設計(jì)需要(yào)注意的(de)一(yī)些(​​λ xiē)原則

來(lái)源:lexintech.comσ↑‌       發布時(shí)間(jiān):2017-09-26
現(xiàn)在互聯網上(shàng)的(de)網站§★>×(zhàn)和(hé)應用(yòng)數(±™×shù)不(bù)勝數(shù),如(rú)何在衆多(du&→ō)的(de)産品中脫穎而出,如(rú)何讓你(nǐ)的(d>βe)網站(zhàn)獲得(de)更多(duō)的(de)用(yòng)戶,好(≠←♥hǎo)的(de)設計(jì)是(shì)成功的(de)關鍵。
那(nà)麽如(rú)何才是(shì)好(hǎo)的(de£×☆∏)産品設計(jì)呢(ne)?其中又(yòu)有(yǒu)哪些(x•Ω•≈iē)值得(de)大(dà)家(jiā)借鑒和(hé)吸取的(d§♣e)原則呢(ne)?今天摘選一(yī)篇Ωσ關于産品設計(jì)的(de)知(zhī)識和(hé)各産品經理(lǐ•​∏)分(fēn)享産品設計(jì)的(de)一☆¥≤✔(yī)些(xiē)基本原則。
一(yī)、3秒(miǎo)鐘(zhōng)≤↔β™原則
現(xiàn)代人(rén)的(de)生(shēng)活節≥'¶×奏都(dōu)很(hěn)快(kuài),網頁間(jiān)的(de)切換速度Ω∏♦÷也(yě)越來(lái)越快(kuài)。所謂¶•♥←“3秒(miǎo)鐘(zhōngππγ∏)原則”,就(jiù)是(shì)要(yào)在極短(λ¥↓↔duǎn)的(de)時(shí)間(jiān)內(nèi)✔π展示重要(yào)信息,給用(yòng)戶留下(xi​≠à)深刻的(de)第一(yī)印象。當然∏₽☆¥,這(zhè)裡(lǐ)的(de)3秒(miǎo)隻β↓是(shì)一(yī)個(gè)象征意義上(shàng)的(de)快(kuài≥"→​)速浏覽表述,在實際浏覽網頁的(de)時(shí)候,并非真的(de"♠₽ )嚴格遵守3秒(miǎo)。
 
二、F圖案
據《眼球軌迹的(de)研究》得(de)出,在δ∏一(yī)般的(de)新聞網站(zhàn),用(yòn§☆≈g)戶關注的(de)是(shì)最中間(jiān)靠上(shà‌₹ng)的(de)內(nèi)容,可(kě)以用(yòng)一(yī)個(g → è)字母F表示,這(zhè)種基于F圖案的(✘™₩de)浏覽行(xíng)為(wèi)有(yǒu)3個(gè)特征©→♥:首先,用(yòng)戶會(huì)在內(nèi)容σ¶區(qū)的(de)上(shàng)部進行(xíng)橫向浏覽。其次,用(yγ ∏òng)戶視(shì)線下(xià)移一(yī)段距離(l ΩΩí)後在小(xiǎo)範圍再次橫向浏覽。€♥€最後,用(yòng)戶在內(nèi)容區(qū)的(de)左側做(zuòαπ♠)快(kuài)速縱向浏覽。
遵循這(zhè)個(gè)F形字母,網站(zhàn"α)設計(jì)者應該把最重要(yào)的(d​λ¶→e)信息放(fàng)在這(zhè)個(gè)區(qū)™£<¶域,才能(néng)給訪問(wèn)者在3秒(§✔✘miǎo)鐘(zhōng)的(de)極短(duǎn)時(s©☆hí)間(jiān)內(nèi)留下(xià)更加δλ‌鮮明(míng)的(de)第一(yī)印象。因此,在設計(jì)✔↑互聯網産品的(de)頁面時(shí),用(yòng)戶等待時(s↔≥hí)間(jiān)越少(shǎo),用(yòng)戶體®×↕(tǐ)驗越好(hǎo)。合理(lǐ)的(de)α ←運用(yòng)這(zhè)種閱讀(dú)行(xín≈>↓g)為(wèi),對(duì)于産品設計(φ™♥jì)會(huì)有(yǒu)很(hěn)好(hǎo)的(de)啓發意¥≈&Ω義。
 
三、3次點擊原則
根據這(zhè)個(gè)原則,如(rú)果用(yòngσ≈→ )戶在3次點擊之後,仍然無法找到(dào)信息和(hé)完成網站(±λπ≠zhàn)功能(néng)時(shí),用(yò<×ng)戶就(jiù)會(huì)放(fàng∞←π<)棄現(xiàn)在的(de)網站(zhàn)。這(zhè)個(gè)↕δ原則給我們的(de)啓示是(shì),産品應有(yǒu)明(m←×íng)确的(de)導航、邏輯架構。
在網絡探索的(de)過程中,點擊的(de)次數πβΩ(shù)往往是(shì)無關緊要(yào)的(de),我✔σ們需要(yào)在産品中給用(yòng)戶暗(àn)示:他(tā)們總是(sh >ì)能(néng)知(zhī)道(dào)現(xià∞ε$n)在在哪裡(lǐ)、以前去(qù)過哪裡"×∑©(lǐ)、以後可(kě)以去(qù)哪裡(lǐ)。
 
四、7+2原則
根據喬治米勒的(de)研究,人(rén)類短(duǎn)期記憶一(yī→≥•♦)般一(yī)次隻能(néng)記住5-9個(gè)事(shì)物(wù)。7'₩£+2原則,即由于人(rén)類大(dà)腦(n♣☆γ→ǎo)處理(lǐ)信息的(de)能(néng)力有(yǒu)γγ  限,它會(huì)将複雜(zá)信息劃分(fēn)成塊和(hé)小(xi∞∑εεǎo)的(de)單元。這(zhè)一(yī)事(shì)實經常被用(yò ✔β¥ng)來(lái)作(zuò)為(wèi×®)限制(zhì)導航菜單選項到(dào)7個(ε₽gè)的(de)論據。這(zhè)對(duì)§©☆于頁面布局的(de)參考意義如(rú)下(x♠∑↑ ià):
避免喧賓奪主,将頁面需要(yào)完成的(de)主題功能(néπβ↑₽ng),放(fàng)在頁面首要(yào)主題 ↕®$位置。對(duì)于那(nà)些(xiē)有(y★≥•ǒu)必要(yào)但(dàn)不(bù)是(shì)必↓♥λ需的(de)功能(néng),應盡量避免↔×↑強行(xíng)搶占主體(tǐ)位置,以避免影(yǐng)響用(✘¶yòng)戶最常用(yòng)、最熟悉功能(néng)的(de)αγ¥使用(yòng)。
一(yī)個(gè)頁面的(de)信息量應恰到(dào)好(hǎoε★♥)處,在提供給用(yòng)戶閱讀(dú)的(‍φΩde)區(qū)域,盡量不(bù)要(yào)超出其•ε承載量。
 
五、費(fèi)茨定律原則
費(fèi)茨定律對(duì)于互聯網→₹"•産品設計(jì)具有(yǒu)很(hěn)好(hǎo)的(de)啓發意γ¥≤義。這(zhè)個(gè)定律提出使用(yòng)指點設備≥✔∑§到(dào)達一(yī)個(gè)目标的(de)時(shΩγ&→í)間(jiān)同兩個(gè)因素有(yǒu)關:設備當前位φ∏置和(hé)目标位置的(de)距離(lí)(D)、目✔™♦标的(de)大(dà)小(xiǎo)(S)。在互聯網産品的(de↓✘)互動環節,用(yòng)戶和(hé)鼠标的(de)移動應該是(sh↕$ì)非常密切的(de)。我們一(yī)起來(lái)設想,要(yào)從(có σ♠ng)A點移動到(dào)B點,如(rú)何在有(yǒu)限的(de)€×距離(lí)放(fàng)置內(nèi)容、以更實用(yòng)的€ (de)方式最大(dà)化(huà)內(nè> > i)容可(kě)及性、快(kuài)速提高(gā÷•Ωo)內(nèi)容點擊率,對(duì)于用(yò✔↔✔ng)戶體(tǐ)驗的(de)價值是(shì)非常重要(yào)的(de)。
在互聯網産品中,産品經理(lǐ)經常會(huì)遇到(dào)類似的(ε←de)問(wèn)題。比如(rú),在WEB頁面中經常要(yào)使用(yδλ→òng)分(fēn)頁功能(néng),這(zhè)本​Ωβσ來(lái)是(shì)一(yī)件(jiàn)給用(yòng)戶帶來≠¶→↔(lái)視(shì)覺享受的(de)事(shì)情。但(dàn)÷β≤¶是(shì),許多(duō)分(fēn)頁的(de)頁₽★÷碼數(shù)字特别小(xiǎo)。費(fèi)茨公式為(φ♠∞wèi)設計(jì)交互提供了(le)一(yī)個(gè)依據,×‍設計(jì)一(yī)些(xiē)粗大(dà)、感性的(Ω≥€de)分(fēn)頁頁碼數(shù)字,讓用(yòng)戶快(k>₽λuài)速命中目标,也(yě)就(jiù)是(shì)說​‌¶(shuō)在一(yī)個(gè)有(yǒu)限的(✘¥de)範圍內(nèi),要(yào)讓目标盡可(• ÷kě)能(néng)無處不(bù)在,帶給用(y₹✘✘ òng)戶舒适的(de)體(tǐ)驗。
 
以上(shàng)這(zhè)些(xiē)都(dōu)是(shì) ​♠比較實用(yòng)的(de)互聯網産品原則。産品經理(lǐ)在欣賞的(de★α¥)過程中,也(yě)需要(yào)嘗試用(yò≈♣ ng)這(zhè)些(xiē)原則去(qù)挖→ ε★掘、歸納,這(zhè)樣更容易領略産品帶來(l​ ₹$ái)的(de)無窮美(měi)感。