最近在看一些關(guān)于IT的書籍來充實自己阅酪。而看書若只是單純地看，沒有一些記錄或輸出瓣铣，那么看完之后的記憶在一個月后就會忘記了。而這明顯不是我想要的贷揽，因此坯沪，我從現(xiàn)在開始要養(yǎng)成記筆記的習(xí)慣。（個人建議擒滑，如果時間充愿溃可以用筆寫下來，然后帶在身邊丐一，以便隨時翻閱藻糖，畢竟紙質(zhì)的翻閱比電子的閱覽更好感覺，不是嗎库车？）
跟隨你自己的福祉巨柒。找到你自己的禪。設(shè)計屬于你自己的瞬間柠衍。
好了洋满，廢話不多說，接下來進入正題珍坊。Robert HoekMan,Jr的作品——《瞬間之美——WEB界面設(shè)計如何讓用戶心動》這一本書作者采用思路引導(dǎo)的模式牺勾，中間穿插一些結(jié)合個人經(jīng)驗及客戶需求角度的分析講解，篇幅簡潔阵漏，設(shè)計思路清晰驻民。
下面是我根據(jù)其書的內(nèi)容做的一些個人筆記：
第一篇：引導(dǎo)用戶
用戶瀏覽網(wǎng)站的速度是很快的甥郑，作為設(shè)計師為了能夠留住用戶昨稼，首先就是能簡明快地展示主題坑填，作者用了一個很形象地形容：幫助用戶“著陸”戏蔑。
而在幫助用戶“著陸”的這片刻之間我們需要完成下面幾件事：
1.設(shè)計吸引人的第一印象：
?為掃描而設(shè)計：歡迎語簡明扼要，不要用過多的文字
?風(fēng)格樣式柠硕、布局排版的良好設(shè)計工禾，
?標(biāo)語的突顯，
?顏色的搭配（重要的顏色要顯眼）蝗柔，
?應(yīng)用古騰堡圖表的排版方式（人的視線一般會從左上到右下去瀏覽一頁的展示信息帜篇，左下和右上很容易被忽略，所以重點內(nèi)容可以放置在從左上到右下這一條線以內(nèi)）
?個性設(shè)計——
?極簡設(shè)計：強調(diào)那些已經(jīng)有的東西诫咱，從面形成一種有凝聚力的“品牌”
?統(tǒng)一設(shè)計風(fēng)格
?頁面之間可以采用某些標(biāo)記用以統(tǒng)一風(fēng)格
2.以明確的路線來提供信息
?在保持不古板的樣式布局的前提下笙隙，引導(dǎo)用戶去做他想獲得的東西，引導(dǎo)性的標(biāo)志或標(biāo)語不要過于強硬坎缭，而是以用戶的角度去考慮竟痰，讓用戶感覺自己成為網(wǎng)站的指揮者而非跟隨者。
?突出重點鏈接
? ? ?i.由大到小的列表
? ? ii.顏色的區(qū)別顯示
? ? iii.背景的突顯
? ? iv.首條圖片等
?合理運用標(biāo)簽
3.提供工具指引用戶
?控件的標(biāo)記要么修改這些標(biāo)記使其變得通俗易懂掏呼，要么加上說明元素
?將復(fù)雜的步驟簡明化：用視頻來表述想法坏快、展示方法；
?搜索框要做好：信息提示（自動根據(jù)數(shù)據(jù)庫內(nèi)容進行標(biāo)題內(nèi)容的聯(lián)想提示）
?列出搜索結(jié)果憎夷，并將頁碼樣式做好莽鸿，好的頁碼樣式可以的讓用戶有點擊的欲望
?加入精確查找模塊
4.把觀光客轉(zhuǎn)變?yōu)橄M者
做好以上幾步之后，觀光客型的消費者的欲望已經(jīng)被激起拾给，那么他就有可能成為你網(wǎng)站的消費者奠定了基礎(chǔ)。具體如何做在第三篇會繼續(xù)介紹级及。
第二篇 進階
1.視頻的播放器的標(biāo)準(zhǔn)化
網(wǎng)站的視頻播放控件的風(fēng)格樣式要有統(tǒng)一的標(biāo)準(zhǔn)，美觀县踢、簡潔硼啤、易用缺一不可
2.鞏固你的表單布局
?設(shè)計出行云流水般的表單：所謂的行云流水不是寫完一條又添上幾條丙曙，而是將表單分作好幾個頁面亏镰，一步步引導(dǎo)用戶去完成表單索抓，并以進度條將進度展示出來毯炮，避免用戶的煩躁心理桃煎。
?讓“確定/取消”更完美：
2可以表單布局的對齊方向為焦點定位布局三椿，盡量與排版方向一致搜锰，讓用戶不用移動過長的視距
2將提交按鈕的文字顯示更生動化
2分清按鈕的主次再進行排版（費茨法則指出：點擊某個目標(biāo)所花費的時間可以通過一個函數(shù)來求值蛋叼，它與“鼠標(biāo)與目標(biāo)的距離”和“目標(biāo)尺寸”密切相關(guān)）狈涮，以顯眼的形式突出首選按鈕薯嗤，第二選擇按鈕則可直接以鏈接形式存在骆姐。
?向?qū)П韱卧O(shè)置范圍界限
讓用戶能夠明確看到你的表單從開始填寫到結(jié)束不需要花費很多的時
?即時校驗
2在光標(biāo)消失時檢驗整體格式
2在用戶不斷輸入內(nèi)容時，實時更新該項剩余的輸入限制提示
2出錯是以顯眼的提示方式進行提示带射，不要用彈窗
2明確而不失生動的地提醒窟社。當(dāng)輸入正確也給用戶一個提示
2提交時再次驗證表單內(nèi)必填控件是否已全部輸入完整灿里，是否符合格式
2推薦以一行標(biāo)題匣吊，一行控件色鸳，一行提示信息命雀，一行報錯信息的格式進行表單布局
?優(yōu)化登錄
可以URL或其他的形式幫助用戶記住自己的用戶名吏砂，簡化找回密碼的用戶名輸入
?計算字符長度
方便用戶知道自己還能再輸入多少內(nèi)容
第三篇 參與
1.創(chuàng)建個人資料
2遞進式增加：用戶信息分層分類赊抖，讓用戶覺得有所需時再進行更新
2把數(shù)據(jù)變成儀表盤：將信息歸納整理房匆，以名片浴鸿、儀表盤等的方式將數(shù)據(jù)統(tǒng)合顯示岳链，方便其他用戶瀏覽掸哑，達到吸引用戶的目的。
2空白資料頁面：空白讓人恐懼摔癣，激發(fā)人們?nèi)ヌ畛涞挠褡牵?dāng)看到別人的內(nèi)容如此豐富琢岩，自己的內(nèi)容一片空白時薇缅，結(jié)果可想而知。
2.優(yōu)化編輯功能
2創(chuàng)建屬性：讓用戶自主定義編輯文字里要用到的快速編輯的輔助控制。
2體貼的布局：在正確的時間顯示正確的工具拼坎。
3.朋友圈
以關(guān)注為準(zhǔn)而不以大眾為準(zhǔn)：對于媒體網(wǎng)站的信息的推送，以用戶自身的關(guān)注為主盛龄，而不是全民推送余舶。因為全民推送時，有些用戶并不對推送的內(nèi)容感興趣挟憔，久而久之會厭煩甚而厭惡，不利于用戶體驗龙誊。
4.博客之路
2首先鹤树，博客應(yīng)該便用瀏覽者掃描頁面罕伯，以決定某篇日志是否值得閱讀。（開篇提示）
2其次，我們認(rèn)為博客應(yīng)當(dāng)能更好地鼓勵交流单雾。（評論、頁面摘錄）
2最后渐逃，我們認(rèn)為好的博客設(shè)計應(yīng)該能夠誘使人們閱讀更多其他的日志助赞。（日志歸類雹食，熱點日志等）
這三點統(tǒng)合進博客內(nèi)容頁內(nèi)能夠為博客提升效果。
5.邀請用戶討論
2讓用戶發(fā)表意見舶衬，不要控制用戶所發(fā)表意見的留言、評論、論壇回復(fù)等渗柿，即不要控制任何東西。（信任每一個用戶脖岛；起用你的Otaku[對某些領(lǐng)域有著癡迷熱情的狂熱者]朵栖；
2標(biāo)記“特別的用戶”[讓評論者來標(biāo)記，類似舉報]柴梆；
2讓用戶大膽地評論陨溅，以此為改進方案，一點點建立你的公司和用戶之間的一種相互信任的文化
2）
6.得到一好的評分
體驗最重要轩性，關(guān)鍵在于交互中的每一個步驟都應(yīng)該都常清晰声登、明確狠鸳、直接揣苏。
第四篇退出
?將退出的步驟簡化
?在退出時提出一些可以誘使用戶返回的信息
?與用戶對話（電話、郵件件舵、信息等）
?將許久沒登錄的用戶抹去（先爭取這些用戶回歸卸察，不行再刪）
?讓用戶離去：離去時盡可能周到地提示用戶的信息及文件的管理。
設(shè)計的七大原則：
?只提供用戶所需
?讓初學(xué)者盡快轉(zhuǎn)變?yōu)橹屑売脩?/p>
?盡可有地預(yù)防錯誤铅祸，如出錯也應(yīng)友善處理
?精簡和優(yōu)化交互與任務(wù)流程坑质，讓最復(fù)雜的軟件清晰易懂
?為支持特定行為而設(shè)計
?持續(xù)地改進和優(yōu)化我們的流程與程序
?忽略用戶的某些要求，堅信自己的理想和洞察力
作者在書中傳遞了這樣的思想：設(shè)計即傳達临梗。
設(shè)計師是其他所有一切的傳達者涡扼。不管是設(shè)計應(yīng)用程序、演示幻燈片盟庞、設(shè)計文檔吃沪，還是餐飲里的酒單，我們的目標(biāo)永遠是向用戶傳達它們是如何工作的什猖，而他們又能從中得到什么票彪，以及為什么它們?yōu)槭裁春苤匾?/p>
為了做到這些，我們通過各種設(shè)計手法不狮、指示性元素以及其他手段來傳達一款應(yīng)用程序及其交互行為的目的降铸、利益和使用方法。我們通過顏色摇零、圖像和文字來傳達情緒推掸。我們通過客戶服務(wù)和高質(zhì)量的產(chǎn)品來傳達對用戶的奉獻精神。
