看到知乎上的一個問題：如何找到一家好的高端網站設計公司？

       把回答的內容也轉過來記錄一下。

       首先回答：何為高端？



       高端與低端是對應的，目前網站設計，中低端基本是用模板改改，相對價格低，有一些小型公司或不依靠網站運營收入的公司，“有個網站就好”，所以可以用這種低投入，內容有就行的網站建設公司，特點是馬上就能用，三五天把內容發布進去就可以。備案可能需要一定時間。



       高端設計公司，一般是量身定做，為企業做網站策劃、分析，按照用戶研究、網站建站的目的來進行網站的定制欄目頁的設計。做競品分析、研究對方的優缺點，設計的色系和企業標準色、情感表達、人物場景、用戶體驗思維，越深入，思考越成熟，做的網站品質越有保障。所以需要的時間、精力、投入相對多。



       因為投入相對多，所以經營業績好的企業、集團公司、營銷類大型網站來定制的比較多。



       我們公司“北京藍藍設計”就是為定制的高端企業用戶、政府網站、軟件公司來服務的。我們挺喜歡要求高的客戶，這樣能體現出專業設計的水平，這也是我們和其它建站公司區別開來的地方。



       我們主要是給大型軟件公司平臺、系統做UE、交互設計、視覺設計，用戶體驗優化，這個，比網站設計更難，更專業。 往往一個公司的核心產品，值得把精力金錢投入到上面，產出最大的回報。近年來，除了做軟件UI，大屏大數據可視化項目外，我們也擴展了“愿意把公司網站做成核 心產品”這樣的公司成為合作伙伴，更好的為客戶提供全方位的服務。



       一旦成為我們的客戶，設計無憂。

       我們一定會把該做的事做好，并提供超值服務和額外附加值的。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

作者：藍藍

表格，是一種最常見的信息組織整理手段，常用于信息收集、展示、數據分析、歸納整理。

      UI軟件設計中最常用、最基本的是表格的設計，有些軟件中80%都是表格類頁面，可以說，設計開發的是否易用，很影響口碑和用戶的使用感受?；A的東西一定要做好，就像我們吃的主食一樣，雖然都是米和面，但是各地出產各種品種口味都不相同，要根據食客的喜好選擇、烹飪。今天就聊一聊最基礎的表格設計、變化和常見問題。

一、基礎的表格設計美化

      基礎的表格可變化的地方很少，可以根據當前軟件開發選擇的框架控件（ext/vue/jequery不同框架會有一些不一樣）做色彩和風格的變化，如：加表格不同粗細的線、斑馬格，中間無豎線種種的設計，有的表格需要標題很突出，有的內文突出，這就和內容焦點相關了。

為了操作直觀便捷，在操作區放一些圖標“刪除、編輯、審核”，配合文字來使用，有的把操作類的圖標放在最左邊，有的放在最右側，按行業用戶習慣而定。

可以用固定表頭（標題位置不變），允許用戶排序，單元格內有很長的文字，設定最大字節，多內容用……替代避免轉行，有小數點的數字右對齊，每列的大小可調整，這些也是設計開發中可以做好的細節部分。

二、特別寬的表格怎么設計？

有的表格的寬度，達到了屏幕的兩屏和三屏，出現寬寬的橫向滾動條，又有長長的豎向滾動條，但工作的人又必須看，可煩人了！很多軟件都因為這個原因被吐槽。下面就介紹三種方法解決這個問題：

方法一

如果表格的標題是可以定制的，允許省略的，可以從業務角度取舍去掉無關緊要的，不常用的內容，把這部分放在點開的詳細頁內容中即可。這就像一個房間的斷舍離：挑選、丟棄、分類、收納，思考哪些物品是不要的，哪些是必不可少的？哪些是可有可無的？依次排序放在順手的位置，ui設計的道理也是相通的。

方法二

如果表格里面的內容是確定的，不可省略的，比如銀行的報表就是這么長，這么多，那我們就可以從設計的角度來優化，做一個加高版的表格。

表格為什么一組信息只能一行呢？完全可以一組三行四行，在組中進行重點信息，非重點信息以及符號化的直觀轉變。用大小、對比、濃淡、色彩、間隔這些平面設計的基本原則，讓一個普通的“山里娃”土土的表格變成一個“青春靚麗、人見人愛”自帶明星氣質的表格。

方法三

大表格里面嵌套小表格，利用交互設計，巧安排空間。當用戶光標移至感興趣的那行的時候，關于它更多的內容，在下方滑動撐開出現或者右邊浮動出現。這個方式雖然比較土，但也確實管用。早年在看某一招聘網站的時候，每一個人的簡歷只要點名字就可以看到一組關鍵信息，便于迅速篩選，而另外一個招聘網站，就沒有這個功能，每個人都要打開之后才能看見整體信息，我后來就不怎么看那個網站了。多一步操作，對典型用戶就多了許多的工作量，網站和軟件的使用口碑，用戶粘度就是這樣在為用戶考慮中一點一點積累起來的。

 上圖：大表格里面嵌套小表格

     方法不會只有這三種，其他的方法要根據當時的業務，用戶使用的習慣、重點，因地制宜的去設計了。軟件中的表格節省了許多程序工程師的工作量，如果做大的改動或許是巨大的工作量，如果要做變動，一定要在開始的時候就要讓ui設計納入開發體系，一生二，二生三，在前期第一批實施時越注重細節，后期就會越輕松，甚至省去幾倍甚至幾十倍的時間挨個頁面的去糾偏、修改。

      一個系統總是需要業務擔當，顏值擔當的核心部分，重要的頁面要額外的對待、花更多的精力和時間。如果千篇一律，也就不能顯示出軟件產品的獨到之處了。

第三 與表格配合的部分設計

第一種  “搜索查詢”和“過濾”部分的設計

     大多數表格的前面都有搜索過濾功能，如果搜索條件相當多，可以精選一部分主要的排成一行，其他的隱藏，點箭頭再出現。整個搜索區域也可以有隱藏／顯示的按鈕，來給下面的表格更多的空間。

     過濾條件區域可以定義好“條件名稱”一致寬度，一般在八個字左右，避免有的字節多，有的字節少，行數多了，參差不齊，區塊和區塊之間也要定義好統一的間距，這樣整體頁面就顯得整齊劃一、條理清晰。

上圖：搜索和卡片式信息的組合

第二種  表格操作部分的設計

       對表格的操作“導入，導出、批量導出”有的時候這類操作有10—20個，有的時候才幾個，多的時候很占地方，可以用隱藏的方法，over到表格上再出現，以節省空間。

       也可以分組把同類的操作聚合在一起，把常用的放在目之所及，不常用的點后下浮出現，以節省空間，

還可以光標跟隨表格的某一行，點選自動浮出一群小跟班，各種操作按鈕。即節省空間，操作移動路徑又很短。只是不支持批量操作。

第三種  表格和卡片式設計、統計圖的整合切換

       表格是可以轉換成卡片式設計的，用一個卡片代替一行的展現信息，改變一種閱讀的方式。

有的也可以轉換圖統計圖表：曲線圖，柱狀圖讓用戶直觀的去解讀，而不必一直看枯燥的數字。

藍藍設計 魏華寫

     在承擔ui設計項目中，常常碰到一些客戶不給設計師看己往的軟件或本公司設計師設計但沒有被客戶認可的設計方案，怕限制設計師的思路。那究竟給設計師參考會不會限制設計師的思維呢？

     實際上不會的，這是更多維度了解客戶的思考和角度，排除己被嘗試過的選項。

     在進行一個ui 設計前，深度方面應該要了解業務，用戶角色，環境生態，交互流程，關鍵功能，核心價值，用戶體驗的峰值點和難點在哪里…….總之了解的越深越好。

     寬度方面，要看到競品分析，行業趨勢，國內外優秀案例欣賞，專業文章觀點，應該是可以拓展設計師的思維。

     設計最核心的目標應該在于解決問題，而不是單純的讓界面好看。

      優秀的設計師要明確解決問題的目標，博采眾長，獨立思考，看眾多的競品是看眾多的解題思路，多方位角度看問題。各產品資源，核心技術不同，取舍不同，理解信息架框，運營思路，用戶特征，技術實現可能性，不會只照著您給的資料比貓畫虎。

       因此，我認為，放心的給設計師參考資料吧，互相的了解，溝通越多，越容易出好的作品。

這五張圖是最近藍藍設計的稿件，展現從一個模糊的概念性需求到一個可視化概念性方案的設計過程。

藍藍寫及整理

最近聽了林敏老師的用研課，有一些記錄，從書上網上又找了一些資料補充。

這篇文章從用戶調查概況到方法，都有提到。為了更好的體會這個過程，也給我們公司寫了一份調查問卷，很喜悅，感覺綜合能力在提升，希望更了解公司客戶。

為了更好服務客戶以及滿足客戶需求，藍藍設計邀請您填寫份調查問卷，大概占用您5分鐘時間。

凡是有效問卷，藍藍設計還會贈送價值300元的設計優惠券，可用于今后的合同金額減免。

用戶體驗的核心是用戶需求

如果脫離了用戶需求，一個再漂亮的產品也無法和用戶共鳴。

用戶在什么場景下來用，是用戶體驗最重要的。用戶調研、用戶分析、用戶訪談，都不是用戶上來看界面漂亮不漂亮，而是調查用戶什么場景下才會用，這個產品能帶來什么價值？

痛點越大，產品就越受歡迎，受到歡迎，就會有用戶，用戶不斷提要求，就能成長，就有機會改善產品，體驗越改越好，最后就成功了。

如果是弱需求，產品將來推廣很難，如果是強需求，這個需求會帶來很大的成功。

注意事項：一些產品談O2o.b2b的概念，不要談概念，概念害死人，概念離用戶很遠，忘掉概念，去觀察用戶。超出預期的才叫用戶體驗。功能不叫體驗，功能和競品一樣，只是及格，用戶不會形成真正的體驗。如果你做的體驗能超出用戶的預期，就能形成口啤。

如何了解用戶需求？如何做用戶調查？

第一  確定目標和類型

從工作中選取當下關心的一個問題。如果要通過研究獲得進展，請討論確定研究目標，以及研究類型。

第二 確定假設和顆粒度

列舉出待研究問題的各種可能答案，討論每個可能的影響程度，確定最關心的可能，并擬定相應的顆粒度。(顆粒度指最小緯度)

第三  確定方法組合

針對所關心的每個可能回答，討論用何種方法可以得到需要的數據，從而能夠判斷每個可能是否成立。

第四 確定地域和人群

討論在收集數據環節，根據地域的顆粒度選擇城市和地區，同時確定獲得所關注人群樣本的甄別因素。

第五 確定樣本量和時間計劃

估算一共需要的樣本量，結合樣本量和地域的選擇，討論所需要的時間

第六 簡化時間和成本

重新回顧以上每一步，討論是否可以采取措施縮短時間后降低成本

用研的價值層次

數據  圖表   洞察   決策

最有價值的角度就是決策的角度

用戶研究的方法（可以選擇的部分組合）

方法組合推薦

探索產品方向組

案頭調查+調查問卷+競品分析+人物角色

用戶行為剖析組

實地考察+用戶訪談+用戶體驗地圖

挖掘產品痛點組

可用性測試+競品分析+ 用戶反饋

數據專項分析組

數據分析+漏斗模型+AB測試

競品對標走查組：

可用性測試+深度訪談+競品分析

根據用戶研究的方法，可以分為定性研究和定量研究兩種。

定性研究

定性研究是一種相對開放性的研究方法。定性研究是需要研究者針對少數個體，根據研究者的觀察、經驗、分析來進行研究在方法。定性研究并不要求統計意義上的證明，更多的是研究者本身憑借自身經驗和觀察對用戶進行研究。

定性研究無法針對大規模的用戶進行，通常只針對10到20個的典型用戶。

首先，通過研究目的對用戶進行分類。在研究前必須先明確我們研究的目的，再根據目的，可以選擇按用戶目的、行為等來對用戶進行分類。

舉個例子，某問答社區需要針對不同的用戶進行有區別設計，選擇了按用戶行為來劃分。有的用戶喜歡寫文章并和其他用戶進行互動、有些用戶只是上來閱讀文章等。所以可以將用戶分成：內容貢獻者、參與者、閱讀者等幾個分類。

其次，在每個分類中選擇若干個典型用戶進行研究。在對用戶分類后，為每個分類選定若干個典型用戶，然后進行用戶研究。

選擇典型用戶的方法有很多種，有特定目標的選擇，也有完全隨機的選擇。在這里就不展開細講了。

最后，確認是否需要新增分類或增加用戶。在進行了一輪用戶研究后，在通過研究的結論判斷是否需要新增用戶分類或者增加用戶樣本。

如果在研究過程中發現有用戶出現明顯不處于這個分類的特征，那么考慮是否增加新的分類。如果在用戶身上發現了新的觀點，那么可以考慮適當增加用戶數量進行研究。反之，如果在一個分類用戶身上已經沒有新的行為或觀點出現時，則可以考慮結束這個分類用戶的研究了。

定性研究方法

一對一訪談

一對一訪談是采用與用戶進行一對一的談話的方式，通過跟用戶面對面的交流來認識和了解用戶的一種方式。

一般一次只選擇一個用戶進行訪談，一是因為這樣容易聽清用戶的觀點，同時也避免了多個用戶之間觀點相互影響。但是，在有條件的情況下，鼓勵多個研究者針對一個用戶進行訪談，這樣能從多個不同的角度了解用戶。

這里列舉幾個用戶訪談過程中會遇到的一些問題：

1. 1. 照本宣科的提問。事實上在訪談過程中，經常會聽到用戶提出了我們毫無準備的問題，要善于從這些問題中挖掘出新的問題?？梢蕴崆皽蕚鋯栴}，但切記不要照本宣科。
2. 2. 用戶講別人的觀點。“我認為他們可能會……”，這個是用戶經常出現的表達方式。當用戶提起他人的觀點時，我們要適當的引導“那你遇到這種情況時會怎么做？”
3. 3. 試圖說服用戶。適當引導用戶，但不要試著說服用戶接受我們的觀點。當我們認為用戶說錯了，也不要試著去強硬地去糾正。要去理解用戶為什么犯錯誤了。更何況當我們認為用戶錯的時候，很有可能錯的是我們。
4. 4. 訪談離題太遠。要讓用戶說出他自己的故事，但是要避免離題太遠。用戶經常會發散地講述他們的故事，從產品使用，到日常生活，再到街頭八卦。我們雖然允許用戶小范圍離題，但要注意引導用戶。

現場調查

現場調查就是到真實的現場去看用戶怎么使用產品。

現場調查經常可以看到一些場景和習慣是用戶覺得沒必要說的，甚至我們覺得沒必要問的問題。

現場調查也有一些注意事項：

1. 1. 做現場調查，應該盡量讓用戶從事他日常處理的事情，除非有必要，盡量避免構造一個場景讓用戶去執行。
2. 2. 在用戶操作過程中，調查人員要盡量避免干擾用戶。碰到有疑問的可以先記下來，等用戶執行完成后再進行詢問。
3. 3. 用戶在被詢問或觀察的情況下，很有可能為了迎合調研者而刻意改變日常行為。

在用戶演示完成后，我們還應該針對一些問題和用戶進行交談。這部分內容有點類似于用戶訪談的形式，但是內容變成了針對于用戶行為的訪談。

可用性測試

可用性測試類似于現場調查。調研者通過設置目標讓用戶完成，觀察用戶在完成目標過程中遇到的障礙或困難，以此發現我們產品設計過程中存在的問題。

在這個過程中也可以收集到用戶在使用過程中的建議。

焦點小組

焦點小組是一種調研者和用戶通過做座談的方式進行的一種用戶意見收集的形式。調研者作為座談會的主持人，引導用戶表達出他們的觀點。

作為主持人控制場面和話題很重要，避免用戶和用戶之間太廣泛的討論。

定性研究小結

定性研究實行的難度比較小，在某種程度來講，定性研究是可以隨時隨地的進行的。而且在定性研究過程中，我們往往面對的是真實的用戶，更容易讓我們理解和梳理出用戶的故事。

定性研究不需要特別專業的計算機知識，但是對調研者自身的分析和總結能力要求比較高。也應該看到，調研者自身的態度很容易影響到調研結果。要避免過于主觀的去分析用戶的行為和觀點。

定性研究的方法也有其缺點，定性研究一般研究對象在10到20個之間，樣本數量較小，所以個體差異對整個調查數據的影響較大。所以，定性研究缺乏數據的支撐。定性研究無法自證我們的調研結論的全面性。

但是特定情況下定性研究卻是可以發揮很大作用的。比如，在調研資源不足時，在我們沒有量化的數據時，在某些要求不太嚴格的小項目啟動時，都可以考慮采用投入成本不高的定性研究。

定量研究

定量研究是基于一定的用戶數據進行研究的方法。定量研究需要基于用戶的行為或觀點產生的數據，通過數學統計的方法來獲得研究結果。

定量研究步驟

定量研究面對的是成千上萬甚至于海量的用戶數據。所以，定量研究需要借助于數學的統計和計算機算法來完成。雖然近年來人工智能在用戶研究領域已經取得了較大的發展，但是用戶研究還是得從人為的假設開始。

來看一下如何開展定量研究：

• ? 首先，根據我們的調研目的，對用戶分類并進行假設。
  先根據調研的目的對用戶進行初步的分類。這一步跟定性研究類似，通常的做法是在定量研究開始前先進行一次定性研究，通過定性研究的結論來作為定量研究的分類假設。
• ? 其次，基于對用戶分類的假設，對數據進行計算和分類。
  根據我們既定的假設和已有的用戶數據，利用數學的方法進行統計和分類。這一步需要借助于數學和計算機的算法，所以這個步驟經常是需要工程師來完成。
• ? 最后，分析分類結果，并適當調整用戶分類。
  計算機分類出來的結果還需要進一步分析，分析一下計算出來的結果是否符合預期。這個步驟可以驗證我們對用戶分類的假設。

數學的統計可以避免人為主觀的影響，有時候甚至能發現一些意想不到的問題結論。你可以知道“原來還有每個月成千上萬購物的用戶”，“原來那么多用戶在擠地鐵時使用產品 ”……

但是也要警惕一點：數據也是會騙人。例如數據顯示“某功能男人比女人多一倍的打開概率”，當你知道女人打開概率是1%時，這個結論多么可笑。再次提醒：數據是死的，關鍵還得看你怎么解讀數據。

定量研究的方法

日志和用戶數據分析

日志和用戶數據分析是在產品已經上線的項目里面使用的方法。用戶在使用產品過程中會留下很多用戶數據或日志，我們以此為分析對象。

相比于其他的用戶調研的方法，日志和用戶數據分析是用戶在真實的場景下使用產品過程中留下的數據，是最全面也是最真實的反應用戶行為的一種方式。但是日志和用戶數據分析研究的是用戶的行為，并不能反映用戶的觀點。日志和用戶數據分析可以和問卷調查或定性研究結合使用，將用戶行為和用戶的觀點結合起來分析。

有效的問卷應該怎么做？

正確的提問

真實的數據

足夠的數量

有用的解讀

一般定量的問卷不少于30份。

問題盡量提的不要有傾向性，要客觀，易懂。

可以設置一些陷井來判斷問卷是否有效，比如前面問過的問題，后面換一種問法再問一遍，看看回答是否一致。

例：你怎么看待放長假景點人山人海的情況？

A光想著賺錢的結果

B管理水平落后導致的人為擁堵

C沒有辦法，有人就是愛扎堆，

D都是長假惹的禍

E愛咋咋,不關我事

(了解歸因)

你希望保留國慶調休連放七天的長假嗎？

A一定要保留，

B可以保留

C無所謂

D不一定要保留

E堅決取消

(了解態度十強度，這種問法有傾向性)

你希望保留國慶調休連放七天的長假嗎？

A希望保留，

B不希望保留

C無所謂

(了解態度)

哪一種假期模式更貼合你的生活方式？

A 1.2天的常規假

B 四天的短假

C到六天的長假

D七天或更長的長假

E無所謂

(了解需求，無傾向問題，客觀)

產品的驅動模式：技術驅動、市場驅動、體驗驅動、品牌驅動。

每個公司有自己的模式，技術驅動如百度，保持技術領先就是核心競爭力。

如何進行用戶觀察？

照片或錄像

觀察行為，從行為看動機

分析他們之間的關系及目的

闡釋為什么你們認為是這樣的關系和目的？

描述在觀察中發現的特別細節？

如何整理用戶畫像？

延伸資料：

用戶觀察方法流程總結

1. 用戶觀察方法列表：

用戶觀察方法

觀察方法 何時使用 輸出資料

現場觀察： 計劃階段、 開發和優化階段 用戶操作記錄、實驗錄像、用戶評估記錄

參與觀察： 計劃階段 背景資料問卷、錄像

眼動跟蹤： 開發階段 眼電圖、紅外線眼動圖

用戶圖片日記： 計劃階段 圖片、文字

影像故事： 計劃階段 錄像、背景資料問卷

現場觀察：研究人員觀察在用戶生活場景，提出觀測研究開放性問題。

用戶圖片日記： 用戶將一天中關于使用手機聽音樂的活動用圖片的形式記錄下來，寫成圖片日記的形式，供以后整理研究使用。讓用戶將圖片、日記任意的組合，則可以得到產品設計的靈感，而不是具體的設計。

2. 用戶觀察計劃

1）想觀察的人群：習慣用手機聽音樂的人群，對手機音樂功能有訴求的人群。觀察重點是用戶對手機音樂功能的使用情況或者在實地觀察中得到的更加個性化的資料。

2）采用觀察方法：現場觀察、影隨、用戶圖片日志

3）觀察情境：

a) 用戶使用手機聽音樂時：搭乘公共交通工具時、慢跑運動中、公交站候車時、在上下課路途中、在自習室溫習時

b) 觀察用戶和音樂手機品牌專柜售貨員之間的交談，來發現用戶在購買產品過程 中到底對哪些產品要素有實質性的關注。

4）觀察記錄方式：

a) 觀察卡片：觀察卡片或觀察表的結構與調查問卷結果基本相同，制作卡片時，根據觀察內容，合理編排項目。

b) 記憶：采用事后回憶的方式進行記錄。

記錄卡片

編號：_____ 觀察人員：________

觀察開始時間__________ 觀察結束時間_________

性別： 年齡估計： 職業或身份：

觀察情境 行為 軟硬件

地點 觀察距離 周圍環境 操作方式 使用頻率

5）觀察后訪談：研究人員通過步行、騎車、乘地鐵、巴士的方式跟隨用戶。研究人員將觀察后的結果用觀察卡片記錄，在獲得充分數據后，隨后進行訪談，提出一些開發性的問題。

您是否有使用手機聽音樂的習慣？

您會在什么場合使用手機聽音樂呢？

你購買手機的時候會特別注重它的音樂功能嗎？

以您的理解，音樂手機不同于普通手機之處在哪？

如果讓您設計一款新的音樂手機，您希望設計成什么樣子？提供什么樣的功能呢？

6）寫觀察報告：

a) 被觀察對象的自然狀況

b) 觀察過程出現的現象，（背景、統計結果、經分析和得出的結論）

c) 結論可以是發現的規律，也可以是發現的問題。

參考的資料：

林子的筆記、林敏老師的課堂筆記、互聯網。

最近藍藍總聽到朋友和客戶談起國民經濟衰退，經濟不景氣，生計艱難，失業率上升.....聽得好黯然。

那么，我們來想一想，三年來，原來沒有，三年來才有的，在中國的創新企業有哪些呢？

這些創新是不是讓您很驚喜呢？

做為一名設計師，我很欣喜看到由于設計，由于發明創新，改變這個世界，讓這個世界更美好!

我們做ui設計工作，也很喜歡客戶的產品在我們的創新、努力洞察工作之后，變的更好，為客戶增值，也為這個社會貢獻我們的力量。

走進大師系列專題——豐子愷

原創： 賀紅陽

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

每一個獨立自由的靈魂 都是生活的藝術家。