這是2015年的中秋節(jié)，我在家里，看書(shū)，吃水果、月餅，看視頻。與家人歡度中秋。

上午的時(shí)候，看了羅永浩、周鴻袆等人關(guān)于用戶體驗(yàn)的見(jiàn)解。

關(guān)于用戶體驗(yàn)，大致的認(rèn)知是一種超乎尋常的，記憶中給用戶留下的閃閃發(fā)光的事件。一種明顯高與同行業(yè)水準(zhǔn)的卓越水平，這水平不是單一方面的，而是整體的協(xié)調(diào)力，團(tuán)隊(duì)的成果印象。

作為一個(gè)注重用戶體驗(yàn)的設(shè)計(jì)公司的設(shè)計(jì)總監(jiān)，我常常覺(jué)得如逆水行舟，不進(jìn)則退，學(xué)無(wú)止境，能人高士許多，時(shí)間有限。

希望能給所有的用戶超凡的設(shè)計(jì)體驗(yàn)，帶給客戶超值的設(shè)計(jì)和作品。能夠使大家滿意、開(kāi)心！

互聯(lián)網(wǎng)和軟件產(chǎn)品用戶體驗(yàn)的十個(gè)點(diǎn)：

互聯(lián)網(wǎng)和軟件的產(chǎn)品體驗(yàn)包括兩個(gè)方面，一個(gè)是頁(yè)面級(jí)的體驗(yàn)，另一個(gè)是業(yè)務(wù)級(jí)的體驗(yàn)。關(guān)于頁(yè)面級(jí)的，是我們ui設(shè)計(jì)能做的，關(guān)于業(yè)務(wù)級(jí)的體驗(yàn)，和頁(yè)面沒(méi)有什么關(guān)系，是產(chǎn)品經(jīng)理要做的事情。產(chǎn)品經(jīng)理與ui設(shè)計(jì)通力合作，才能創(chuàng)造出卓越的產(chǎn)品。

頁(yè)面級(jí)的體驗(yàn)：
頁(yè)面關(guān)系
框架
模塊
元素交互
視覺(jué)效果
業(yè)務(wù)級(jí)的體驗(yàn)：
場(chǎng)景
業(yè)務(wù)流
功效
素材設(shè)定
品牌支撐

也許實(shí)際上并不止這十個(gè)點(diǎn)，而是數(shù)量眾多的點(diǎn)，共同組成了一個(gè)良好的用戶體驗(yàn)。

說(shuō)今天是一個(gè)體驗(yàn)為王的時(shí)代，一點(diǎn)也不過(guò)分。





做大眾消費(fèi)品的人可能已經(jīng)感覺(jué)到，今天消費(fèi)者的話語(yǔ)權(quán)越來(lái)越強(qiáng)，如果你的產(chǎn)品做得好，不久就會(huì)口口相傳；如果你的產(chǎn)品做得爛，不久就會(huì)罵聲一片。所有這一切在過(guò)去是不可想象的。但今天，每個(gè)人都可以發(fā)布信息，每個(gè)人的聲音即使弱小，也總能被別人聽(tīng)到。在互聯(lián)網(wǎng)時(shí)代，產(chǎn)品是否能夠成功，用戶體驗(yàn)越來(lái)越變成一個(gè)關(guān)鍵，用戶買(mǎi)了你的產(chǎn)品，并非是與你結(jié)束了交易。恰恰相反，當(dāng)用戶拿起你的產(chǎn)品，使用你的產(chǎn)品的時(shí)候，用戶體驗(yàn)之旅才真正開(kāi)始，而用戶的體驗(yàn)之旅是否愉快，將直接影響到你的口碑，影響到你的銷售。

極客公園創(chuàng)始人張鵬與錘子科技「產(chǎn)品經(jīng)理兼 CEO」羅永浩進(jìn)行了一次深入的訪談。在這場(chǎng)接近三個(gè)小時(shí)的訪談中，我們有很長(zhǎng)的時(shí)間是在討論 Smartisan OS 中的各種產(chǎn)品細(xì)節(jié)和用戶體驗(yàn)。我們發(fā)現(xiàn)老羅熟知每一個(gè)產(chǎn)品細(xì)節(jié)的來(lái)龍去脈，一個(gè)產(chǎn)品決定背后有怎樣的考慮、經(jīng)歷了怎樣的取舍、未來(lái)會(huì)怎樣進(jìn)一步優(yōu)化、有哪些突出優(yōu)點(diǎn)、還存在哪些遺憾，他都可以對(duì)你娓娓道來(lái)。

在這次訪談中，羅永浩詳細(xì)地闡述了自己對(duì)產(chǎn)品經(jīng)理職責(zé)、素養(yǎng)、原則和重要性的看法，并輔以清晰明確的案例分析。極客公園對(duì)這些觀點(diǎn)整理如下：

「交互體驗(yàn)問(wèn)題，其實(shí)都是微妙的心理和生理問(wèn)題」

實(shí)際上，羅永浩的產(chǎn)品經(jīng)理生涯要遠(yuǎn)長(zhǎng)于錘子科技僅僅兩年出頭的歷史。對(duì)用戶心理的重視和揣摩，是老羅一直以來(lái)極為注重的東西。發(fā)現(xiàn)用戶潛在的心理需求并加以滿足的過(guò)程，貫穿了老羅的整個(gè)創(chuàng)業(yè)史。

從創(chuàng)辦英語(yǔ)培訓(xùn)學(xué)校開(kāi)始，老羅就經(jīng)常在各種公開(kāi)場(chǎng)合強(qiáng)調(diào)讀懂用戶心理的重要性，他樂(lè)于推薦相關(guān)書(shū)籍和分享自己的實(shí)踐經(jīng)驗(yàn)。「一塊錢(qián)聽(tīng)八次課」的傳播策略，和「給廁所隔間加裝門(mén)板和鎖」的人性化關(guān)懷，至今仍被人反復(fù)提起。老羅對(duì)用戶需求的準(zhǔn)確定位和對(duì)用戶體驗(yàn)的創(chuàng)造性改進(jìn)，從那個(gè)時(shí)候就已經(jīng)成為廣泛傳播的大眾話題。

藍(lán)藍(lán)設(shè)計(jì)是一家專注而深入的設(shè)計(jì)公司，致力于提供有效、經(jīng)典卓越的設(shè)計(jì)，在工作中，目前有很多客戶選擇購(gòu)買(mǎi)了Bootstrap ui的框架，客戶們選擇Bootstrap的原因是因?yàn)樗目蚣苤性S多組件已經(jīng)寫(xiě)好，js等很方便直接引用，程序員們只需直接用就可以，可以把工作的重心放在后臺(tái)程序的開(kāi)發(fā)上。但是Bootstrap ui只是提供了各種元素，無(wú)法直接使用，需要進(jìn)行二次設(shè)計(jì)和開(kāi)發(fā)。藍(lán)藍(lán)設(shè)計(jì)做了許多這樣的工作，包括整合客戶的業(yè)務(wù)和需求重新設(shè)計(jì)頁(yè)面的風(fēng)格和布局，最后切圖修改Bootstrap ui的css，這里是我們工作前收集的國(guó)外各種風(fēng)格扁平化后臺(tái)管理界面,做成系列欣賞，與大家分享～～～～

第一、常見(jiàn)蜘蛛：蜘蛛其實(shí)就是搜索引擎用來(lái)訪問(wèn)頁(yè)面的程序，英文叫spider，也稱為機(jī)器人，英文為bot。有時(shí)候查看IIS日志就能看到各種蜘蛛訪問(wèn)網(wǎng)頁(yè)的情況，對(duì)網(wǎng)站的優(yōu)化起到一定的指導(dǎo)作用。當(dāng)蜘蛛訪問(wèn)一個(gè)網(wǎng)站時(shí)，會(huì)發(fā)出頁(yè)面訪問(wèn)請(qǐng)求并返回HTTP狀態(tài)碼，然后蜘蛛會(huì)把這些狀態(tài)碼存入自己的數(shù)據(jù)庫(kù)，為以后的各種計(jì)算做鋪墊。常見(jiàn)的蜘蛛有百度蜘蛛(Baiduspider)、雅虎蜘蛛(Mozilla)、微軟Bing蜘蛛(msnbot)、搜狗蜘蛛(Sogou+web+bot)、Google蜘蛛(Googlebot)等。一般情況下，IIS日志都會(huì)有顯示，站長(zhǎng)們應(yīng)該多花點(diǎn)時(shí)間仔細(xì)看下蜘蛛對(duì)自己網(wǎng)站的訪問(wèn)情況，然后對(duì)自己網(wǎng)站做出調(diào)整。

第二、文件存儲(chǔ)：文件存儲(chǔ)是搜索引擎的一個(gè)技術(shù)關(guān)鍵所在，同時(shí)也是面臨的一個(gè)挑戰(zhàn)。當(dāng)搜索引擎爬行和抓取完成后，會(huì)把這些數(shù)據(jù)存入原始頁(yè)面數(shù)據(jù)庫(kù)。在這個(gè)數(shù)據(jù)庫(kù)存放的數(shù)據(jù)和用戶在瀏覽器中看到的頁(yè)面是完全一樣的。每個(gè)URL都會(huì)有一個(gè)獨(dú)特的編號(hào)。除此之外，還要存儲(chǔ)各種計(jì)算權(quán)重所需要的數(shù)據(jù)，比如各種鏈接的關(guān)系，PR的迭代計(jì)算等。這些數(shù)據(jù)量是巨大的。很多網(wǎng)站不存在時(shí)，我們可以訪問(wèn)搜索引擎的快照頁(yè)面，這些頁(yè)面就是存在搜索引擎自己的數(shù)據(jù)庫(kù)中，與站長(zhǎng)網(wǎng)站本身的數(shù)據(jù)沒(méi)有關(guān)系，是獨(dú)立存在的。平時(shí)的快照更新、排名波動(dòng)都和搜索引擎的文件存儲(chǔ)有著直接的關(guān)系。

轉(zhuǎn)載一組追波上設(shè)計(jì)大師 Virgil Pana 的動(dòng)效作品

“儀表板”、“大數(shù)據(jù)”、“數(shù)據(jù)可視化”、“數(shù)據(jù)分析”——越來(lái)越多人和企業(yè)，開(kāi)始運(yùn)用他們的數(shù)據(jù)來(lái)做一些有趣的事情。在我的職業(yè)生涯中，有幸參與一大批數(shù)據(jù)為重的界面設(shè)計(jì)，我要在此分享一些觀點(diǎn)，講講如何造就這種特殊且有意義的產(chǎn)品。

藍(lán)藍(lán)寫(xiě)

不要匆忙著手設(shè)計(jì)，理解核心問(wèn)題需要時(shí)間。乍一看到某個(gè)問(wèn)題你會(huì)覺(jué)得很簡(jiǎn)單，其實(shí)你并沒(méi)有理解其復(fù)雜性，當(dāng)你把問(wèn)題搞清楚之后又會(huì)發(fā)現(xiàn)真的很復(fù)雜，于是你就拿出一套復(fù)雜的方案來(lái)，實(shí)際上你的工作只做了一半，大多數(shù)人也會(huì)到此為止，但是真正偉大的人還會(huì)繼續(xù)向前，直至找到問(wèn)題的關(guān)鍵和深層次原因，然后再拿出一個(gè)優(yōu)雅的堪稱完美的有效方案。——喬布斯

簡(jiǎn)化的4個(gè)策略。

怎么判斷什么是不必要的復(fù)雜性，怎么簡(jiǎn)化這種復(fù)雜性。有時(shí)解決一個(gè)問(wèn)題會(huì)引出其他問(wèn)題來(lái)。

刪除：去掉所有不必要的按鈕，直到減到不能再減。

組織：按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組。

隱藏：把那些不是最重要的按鈕，安排在活動(dòng)艙蓋之下，避免分散用戶的注意力。

轉(zhuǎn)移：只有遙控器上保留具備最基本功能的按鈕，將其他控制轉(zhuǎn)移到電視。

這本書(shū)內(nèi)容組織比較散，目錄條理不是太清晰，讀完一遍后，沒(méi)找到“交互式設(shè)計(jì)四策略”，看章節(jié)大概明白了，簡(jiǎn)約的四個(gè)策略是：刪除、組織、隱藏，轉(zhuǎn)移，圍繞這四點(diǎn)展開(kāi)了一段段小章節(jié)，書(shū)的前二章說(shuō)的是關(guān)于“簡(jiǎn)單”，明確認(rèn)識(shí)簡(jiǎn)單，最后一章是再叮囑，簡(jiǎn)單的不易和好處。

讀這書(shū)本思路需要宏觀跳躍，才能把一篇篇連接起來(lái)，讀明白。否則很容易陷入一小節(jié)一小節(jié)的細(xì)節(jié)中。如果能把目錄名稱與書(shū)名呼應(yīng)，寫(xiě)的更明確，每個(gè)章節(jié)有重點(diǎn)總結(jié)，會(huì)更容易讓人記住和理解。

 話說(shuō)簡(jiǎn)單

寫(xiě)作者摸索中簡(jiǎn)單的切實(shí)可行的策略，并舉例說(shuō)明簡(jiǎn)單的威力，復(fù)雜的產(chǎn)品不可持續(xù)。

在做技術(shù)產(chǎn)品的設(shè)計(jì)時(shí)，至少有3個(gè)角度：管理人員、工程師和用戶。這本書(shū)討論的是怎么樣讓用戶感覺(jué)用起來(lái)簡(jiǎn)單，而非減少管理人員、工程師的工作量。

簡(jiǎn)單并不意味著最少化，樸素的設(shè)計(jì)仍然具有自身的特征和個(gè)性。簡(jiǎn)單的特征和個(gè)性應(yīng)該源自你使用的方法、所要表現(xiàn)的產(chǎn)品、以及用戶執(zhí)行的任務(wù)。

譯者紀(jì)：本片文中包含大量的動(dòng)態(tài)頁(yè)面（原網(wǎng)站是視頻鏈接，本網(wǎng)站上傳視頻不能排序，故人工轉(zhuǎn)為動(dòng)圖），加載較緩慢，請(qǐng)各位多點(diǎn)耐心，么么噠

---

一個(gè)好的交互設(shè)計(jì)師可以很容易的解釋設(shè)計(jì)里面的決定背后的邏輯。這包含著信息架構(gòu)，頁(yè)面內(nèi)容的層次結(jié)構(gòu)，流程和所做的解釋。

遲早，動(dòng)效將會(huì)應(yīng)用到線框圖原型中，這個(gè)時(shí)候，再去對(duì)設(shè)計(jì)做決定或者是解釋，將會(huì)變的難一些。例如一些這樣的理由：太狂拽酷炫了……太潮了……太雞凍了……這將是設(shè)計(jì)失去其力度的領(lǐng)域（Reasons such as “It will be cool!” or “It’s trendy” or ”exciting” are exactly the areas where a design starts to lose its strength.）在我們的設(shè)計(jì)中，動(dòng)效理應(yīng)占到更多的比重。我們應(yīng)該去定義動(dòng)效，并且闡述他們的目的——像我們闡述一個(gè)設(shè)計(jì)中其他的元素一樣。

什么是功能動(dòng)效？