国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 如何設(shè)計網(wǎng)站——對Web設(shè)計的一點(diǎn)總結(jié)

如何設(shè)計網(wǎng)站——對Web設(shè)計的一點(diǎn)總結(jié)

時間：2023-09-26 01:30:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-09-26 01:30:01 來源：網(wǎng)站運(yùn)營

如何設(shè)計網(wǎng)站——對Web設(shè)計的一點(diǎn)總結(jié)：在最近的工作中，遇到了導(dǎo)航的問題，無意中發(fā)現(xiàn)了找出了收藏已久的《別讓我思考》，花了一周時間讀了兩遍，才清楚的理解導(dǎo)航對于一個產(chǎn)品的重要作用。也更加印證了產(chǎn)品圈中將用戶當(dāng)做小白的理論，其實(shí)并不是在產(chǎn)品設(shè)計中將一切都為用戶標(biāo)注出來，而是讓用戶能夠通過自己的方式更加輕松的使用產(chǎn)品，這樣的產(chǎn)品對于用戶來說必定是不言而喻的，也就是主題“別讓我思考”。下面是這次讀書的筆記，雖然這本書給我很大的啟發(fā)，但是一切需要?dú)w于實(shí)踐，在實(shí)踐中驗(yàn)證這個理論。

一、指導(dǎo)原則

第一章：別讓我思考 --- 可用性第一定律

  1. web設(shè)計的終極法則：別讓我思考，即看到一個界面應(yīng)該是不言而喻，一目了然，自我解釋。
  2. 強(qiáng)迫我們思考的地方：（1）酷炫的名字或技術(shù)名詞。（2）看起來不太明顯的按鈕和鏈接
  3. 當(dāng)思考時，需要權(quán)衡，權(quán)衡應(yīng)該更傾向于“顯而易見”，而不行hi需要額外的思考
  4. 每個需要思考的地方會加重用戶的認(rèn)知負(fù)擔(dān)，把用戶的注意力從要完成的任務(wù)上拉開
  5. 訪問網(wǎng)站時不需要思考的事都有什么？
  • 如果做不到讓一個頁面不言而喻，那么至少應(yīng)該讓它自我解釋
  • 當(dāng)瀏覽網(wǎng)站遇到問題時，用戶會認(rèn)為是自己的錯誤，而不會責(zé)怪網(wǎng)站
  • 如果要讓網(wǎng)頁有效，它們必須在用戶第一眼看到時將自己展示出來，而要做到這一點(diǎn)，最好的方法是創(chuàng)建不言而喻的網(wǎng)頁，或者至少是自我解釋。

    • 第二章：我們實(shí)際上是如何使用Web的 --- 掃描，滿意即可，勉強(qiáng)應(yīng)付

    1. 事實(shí)1 -- 我們不是閱讀，而是掃描，尋找能吸引用戶注意力的文字或詞語（除新聞故事，報告，產(chǎn)品描述界面）
    （1）我們總是處于忙碌之中 --- 使用web是想節(jié)約時間

    （2）我們知道自己不必閱讀所有內(nèi)容 --- 尋找感興趣或手頭的任務(wù)相關(guān)的內(nèi)容

    （3）我們善于掃描 --- 生活習(xí)慣，找感興趣的內(nèi)容

    （1）與手頭任務(wù)有關(guān)的

    （2）我們當(dāng)前或接下來的個人興趣

    1. 事實(shí)2 --- 我們不作最佳選擇，而是滿意即可
    （1）我們總是處于忙碌之中 --- 最佳策略時間久，滿意策略效率高

    （2）如果猜錯了，也不會產(chǎn)生什么嚴(yán)重的后果

    （3）對選擇進(jìn)行權(quán)衡并不會改善我們的機(jī)會

    （4）猜測更有意思 --- 猜測不會像權(quán)衡那么累，猜對了，可能看到意外的內(nèi)容

    1. 事實(shí)3 --- 我們不是追根究底，而是勉強(qiáng)應(yīng)付
    （1）這對我們來說并不重要 --- 明白事物工作機(jī)制并不重要

    （2）如果發(fā)現(xiàn)某個事物能用，我們會一直使用它 --- 如果遇到更好的方法，會用好的方法，但是很少主動尋找更好的方法

    （1）用戶更容易找到自己需要的東西，對用戶和網(wǎng)站都好

    （2）用戶更容易理解你的網(wǎng)站有哪些服務(wù) --- 不僅僅是用戶偶然看到的

    （3）引導(dǎo)用戶看到你希望他們看到的內(nèi)容（網(wǎng)站上）

    （4）在你的網(wǎng)站上，用戶會感到掌控全局，并逐漸成為老用戶

    第三章：廣告牌設(shè)計101法則 --- 為掃描設(shè)計，不為閱讀設(shè)計

    1. 吸引用戶的5個重要方面（為下方2-6部分內(nèi)容）
  • 建立清楚的視覺層次
    • （1）越重要的部分越突出

    （2）邏輯上相關(guān)的部分在視覺上也相關(guān)

    （3）邏輯上包含的部分在視覺上進(jìn)行嵌套

    1. 習(xí)慣用法是你的好幫手
    （1）它們非常有用 --- 適當(dāng)使用習(xí)慣用法，讓用戶訪問更容易，減少額外學(xué)習(xí)工作原理ide成本

    （2）設(shè)計師通常不愿意利用它們

    a.必須確定你在使用一種同樣清楚、同樣不言而喻，沒有學(xué)習(xí)曲線的方法

    b.帶來很大的價值

    1. 把頁面劃分成明確定義的區(qū)域
    2. 明顯標(biāo)識可以點(diǎn)擊的地方
    3. 降低視覺噪聲
    （1）眼花繚亂 --- 所有的信息都想吸引用戶的目光，沒有突出點(diǎn)

    （2）背景噪聲 --- 頁面沒有一個地方會造成過分干擾，但是這些很小的噪聲太多會惹人厭煩

    第四章：動物、植物、無機(jī)物 --- 為什么用戶喜歡無需思考的選擇

    1. 真正的問題不是到達(dá)目標(biāo)之前要點(diǎn)擊的次數(shù)，而是每次點(diǎn)擊有多難，需要多少思考，多大的不確定性來判斷自己是否在進(jìn)行正確的選擇
    2. 關(guān)鍵：如果用戶需要一直在網(wǎng)絡(luò)上進(jìn)行選擇，那么讓這些選擇變得無需思考是讓一個網(wǎng)站容易使用的原因

    第五章：省略不必要的文字 --- 不要在Web上寫作的藝術(shù)

    1. 有力的文字都很簡練。句子里不應(yīng)該有多余的文字，段落中不應(yīng)該有多余的句子
    2. 去掉沒人看的文字的優(yōu)點(diǎn)有哪些？
  • 需要去掉的文字是歡迎詞和指示說明
    • 二、必須正確處理的幾個方面

    第六章：街頭指示牌和面包屑 --- 設(shè)計導(dǎo)航

    1. 如果在網(wǎng)站上找不到方向、人們不會使用你的網(wǎng)站
    2. 網(wǎng)絡(luò)導(dǎo)航101法則
  • web與生活從空間角度來看的不同點(diǎn)
  • 用戶使用Web導(dǎo)航是因?yàn)樾枰弥约寒?dāng)前的位置
  • 導(dǎo)航的用途 --- 顯而易見的用途
  • 導(dǎo)航的其他用途 --- 被忽視的用途
  • Web導(dǎo)航的習(xí)慣用法
  • 持久導(dǎo)航（或全局導(dǎo)航）：來描述出現(xiàn)在網(wǎng)站每個頁面的一組導(dǎo)航元素
  • 持久導(dǎo)航應(yīng)在在整個網(wǎng)站保持一致，使用戶只需要了解一次就夠了，減少學(xué)習(xí)成本
  • 持久導(dǎo)航的五個元素
  • 主頁和表單不需要使用持久導(dǎo)航
  • 如何設(shè)計Web導(dǎo)航各元素（表格下方為示例 - 亞馬遜）
    • 導(dǎo)航元素名稱

    細(xì)節(jié)點(diǎn)

    站點(diǎn)ID

    1.在Web上需要在每個頁面都能看到網(wǎng)站的名稱 --- 頁面ID，通常在左上或靠近左上

    2.網(wǎng)站ID代表整個網(wǎng)站，也就是說在當(dāng)前站點(diǎn)結(jié)構(gòu)中層次最高

    3.站點(diǎn)ID如何出現(xiàn)在頁面可視層次的首要位置

    （1）讓網(wǎng)站站點(diǎn)成為本頁最顯眼的內(nèi)容

    （2）讓網(wǎng)站ID涵蓋頁面所有其他元素

    4.站點(diǎn)ID需看起來像一個站點(diǎn)ID --- 例如logo

    欄目

    1.欄目（或稱主導(dǎo)航條）是到達(dá)站點(diǎn)主要欄目的鏈接，結(jié)構(gòu)的最頂層

    2.大部分情況，持久導(dǎo)航也包括二級導(dǎo)航（當(dāng)前欄目的下一級欄目清單）的顯示位置

    實(shí)用工具

    實(shí)用工具是到達(dá)網(wǎng)站中不屬于內(nèi)容層次的重要元素的鏈接

    返回主頁Home

    1.返回主頁（Home）的按鈕需要始終可見，給用戶一種隨時可以從新開始的感覺

    2.Home的用法

    （1）在欄目或使用工具清單中包含一個回到主頁的鏈接

    （2）在主頁之外的站點(diǎn)ID上小心地加上Home的字樣，讓用戶知道點(diǎn)擊它

    搜索

    1.避免混淆的方法

    （1）花哨的用字

    （2）指示說明

    （3）選項(xiàng) --- 將選項(xiàng)寫下來

    2.需要對低層次導(dǎo)航給予足夠的重視（三級導(dǎo)航）

    頁面名稱

    1.頁面名稱的注意事項(xiàng)

    （1）每個頁面都需要一個名稱

    （2）頁面名稱要出現(xiàn)在合適的位置

    （3）名稱引人注目

    （4）名稱要和點(diǎn)擊的鏈接一致

    指示器

    1.如何標(biāo)記當(dāng)前位置

    （1）在旁邊放置一個指示器

    （2）改變文字的顏色

    （3）使用粗體

    （4）按鈕反白

    （5）改變按鈕的顏色

    2.告訴用戶你所在的站點(diǎn)層級結(jié)構(gòu)的前后關(guān)系（在網(wǎng)頁中的位置）

    層級菜單

    1.告訴用戶從主頁到當(dāng)前位置的路徑（如何到達(dá)）

    2.層級導(dǎo)航的最佳實(shí)踐方式

    （1）將它們放在最頂端

    （2）使用“>”對層級進(jìn)行分隔

    （3）使用小字體（表明是一種補(bǔ)充機(jī)制）

    （4）使用了文字“你在這里”

    （5）將最后一個元素加粗

    （6）不需要把它們用作頁面名稱

    標(biāo)簽

    1.為什么標(biāo)簽做導(dǎo)航是一個上佳的選擇

    （1）它們不言而喻

    （2）它們很難錯過（視覺上與眾不同）

    （3）它們靈活

    （4）它們暗示了一個物理的空間

    2.注意事項(xiàng)

    （1）正確繪制 --- 激活的標(biāo)簽頁在其他標(biāo)簽頁之前

    （2）顏色編碼 --- 提高關(guān)注度

    示例

    1. 如何評判一個網(wǎng)站設(shè)計的好

    第七章：首先要承認(rèn)，主頁不由你控制 --- 設(shè)計主頁

    1. 主頁主要完成的任務(wù)
  • 主頁需要滿足的抽象目標(biāo)
  • 主頁的常見約束有哪些
  • 主頁需要傳達(dá)整體形象，讓用戶一眼就能清楚你的網(wǎng)站是說什么的
  • 如何向用戶傳達(dá)網(wǎng)頁的整體形象
  • 傳達(dá)信息的原則
  • 口號的注意事項(xiàng)
    • 好的口號

    不好的口號

    清楚、言之有物

    含混不清

    長度適中，易讓用戶領(lǐng)會表達(dá)思想

    太籠統(tǒng)

    表達(dá)出網(wǎng)站特點(diǎn)和顯而易見的好處

    把口號（傳達(dá)某種價值主張）和宗旨（表達(dá)某種指導(dǎo)原則，某個目標(biāo)或某個理想）混淆起來

    有個性、生動、有時候很俏皮

    1. 由于主頁獨(dú)特的職責(zé)，通常不必使用持久導(dǎo)航，它們之間的差異
  • 讓欄目的名稱保持不變，同樣的順序、同樣的文字和同樣的分組，盡可能多地保持視覺提示，同樣的字體，顏色和大小寫
  • 下拉框存在的問題
  • 下拉框?qū)τ诮M織按照字母順序排列的項(xiàng)目比較有效
  • 下拉框的優(yōu)點(diǎn)是節(jié)約空間
  • 任何共享的資源（共有區(qū)域）都會因?yàn)檫^度使用而遭到破壞 --- 在主頁上增加更多的項(xiàng)目所得到的的和付出的并不一致，雖然給推薦欄目巨大的訪問量，但是讓主頁變得混亂，所遭受的損失將由所有欄目承擔(dān)
    • 三、確定你沒有做錯的幾件事

    第八章：農(nóng)場主和牧羊人應(yīng)該是朋友 --- 為什么Web設(shè)計團(tuán)隊討論可用性是在浪費(fèi)時間，如何避免這種情況

    1. 由于各自的職位不同，Web團(tuán)隊成員對于好的網(wǎng)站設(shè)計的看法不同
    2. 通過測試將討論對錯轉(zhuǎn)移到什么有效、什么無效上，測試會讓我們看到用戶的動機(jī)、理解和反應(yīng)的不同，從而不再讓我們堅持用戶和我們的想法相同

    第九章：一天10美分的可用性測試 --- 讓測試簡單，這樣你能進(jìn)行充分的測試

    1. 焦點(diǎn)小組并不是可用行測試，焦點(diǎn)小組是在項(xiàng)目早期階段，用來收集用戶的意見和感覺
    2. 可用性測試主要是希望得到用戶是否知道該網(wǎng)站是做什么的，并且能用它完成一項(xiàng)典型任務(wù)
    3. 測試的作用是什么
  • 尋找能夠反應(yīng)目標(biāo)群體的測試用戶，但別裹足不前
  • 尋找的測試用戶可以和目標(biāo)群體有差別的理由是什么
    • 差別的原因

    例外

    實(shí)際上，我們都是初學(xué)者

    如果你的網(wǎng)站幾乎只由某一類用戶使用，且招募并不難，那就去招募

    設(shè)計出的網(wǎng)站只有你的目標(biāo)群體能使用，這通常并不是一個好主意

    如果你的目標(biāo)群體分為幾個明顯陣營，且各陣營有著完全不同的需求，那你至少要從每個陣營選擇用戶進(jìn)行一次測試

    專家通常不會介意對初學(xué)者來說很清楚的界面

    如果使用你的網(wǎng)站需要專業(yè)的領(lǐng)域知識，那么你需要在該領(lǐng)域中招募有專業(yè)知識的用戶

    1. 進(jìn)行招募，需要注意的問題是什么
  • 測試中遇到的問題
  • 一些關(guān)于問題分類指南
    • 問題

    行為（用戶/主持）說明

    正確解決方式

    忽略Kayak（皮劃艇）問題

    1.出現(xiàn)問題的人馬上發(fā)現(xiàn)自己偏離了原來的主題

    2.用戶盡量回到原來的方向而不需要幫助

    3.這種情況并沒有擾亂用戶的活動

    可以忽略

    抵制添加的沖動

    增加一些內(nèi)容，注釋，指導(dǎo)說明

    去除某個讓人混淆的內(nèi)容

    不要太看重用戶對新功能的要求

    抓住能夠的著的果子

    1.恍然大悟型

    2.便宜型

    盡量實(shí)現(xiàn)變更

    1. 進(jìn)行變更
    四、大的方面和外界影響

    第十章：可用性是基本禮貌 --- 為什么你的網(wǎng)站應(yīng)該讓人尊敬

    1. 降低好感度的方式
  • 提高好感度的方式
    • （1）保證網(wǎng)站準(zhǔn)確有用

    （2）產(chǎn)生解決我的問題所需要的信息

    （3）網(wǎng)站用清楚的方式表達(dá)

    （4）組織良好，用戶可以輕松找到解決方案

    總結(jié)

    這本書主要講了Web設(shè)計的一些核心的原則，以及用戶在使用Web時的心理，并且基于用戶的信息，來設(shè)計Web的導(dǎo)航和主頁。并且結(jié)合實(shí)踐，在項(xiàng)目中需要不斷的進(jìn)行可行性測試迭代，從而使Web可行。這樣的網(wǎng)站才是一個成功的網(wǎng)站，在符合用戶的習(xí)慣的基礎(chǔ)上，讓用戶能夠自行的解決問題，從而達(dá)到網(wǎng)站和用戶的目的。

    資源類：

    大家都知道，學(xué)習(xí)本身是一個特別耗費(fèi)時間和財力的事情，但是為了自身發(fā)展，卻不得不學(xué)習(xí)，而且現(xiàn)在對于職業(yè)教育的課程特別貴，并且專業(yè)書籍也是非常貴的。雖然說是投資自己，但是對于生活來說還是較大的開銷，因此算是眾籌了，畢竟一個課程可能動則幾千塊，但是我并不貪心，所以分享的課程的價格很低，不會超過5塊錢吧，畢竟大家都是為了生活，只希望彌補(bǔ)一點(diǎn)生活壓力吧，各位加油吧
    鏈接：在線教育視頻課（產(chǎn)品設(shè)計）

    提取碼：afvs

    鏈接：

    提取碼：lizk

    鏈接：

    提取碼：tr7i

    鏈接：

    提取碼：dpm3

    關(guān)鍵詞：設(shè)計,總結(jié)

    74
    73
    25
    news

    版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

    為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
    關(guān)閉