QQ在很多人眼里是聊天的工具，那么在聊天這個看似簡單的領域，究竟還能做什么創新功能？在此分享一下QQiPad版v6.7版本的主功能，同時也是設計側主導的創新功能——“來斗”的設計總結，希望給大家一些靈感和啟發。

Wayfinding / 尋路 / 空間導引

我們通過「標識系統」在街道，機場，停車場這些場所進行方向和位置的識別，這種導引指示系統被稱為「Wayfinding」，詞語來自「建筑領域」，由 Kevin Lynch 在 1960 年提出，中文名是「尋路」或「 空間導引」。

之前有和大家分享過無線端表單一些設計原則，本周設計群小伙伴@竹溪，也幫忙分析了PC端常用一些設計原則，和設計規范！希望可以幫助到在做BS/CS的一些朋友，也歡迎更多朋友加入我們一起交流設計，研究設計，最近我們也在研究VR的一些設計方向，歡迎交流探討

表單設計中，各種設計模式和技巧已經越來越成熟了。在諸多設計技巧當中，懸浮標簽這一設計手法，應該是對于用戶體驗提升最明顯的一種。早在2013年8月的時候，我第一次考慮在自己設計的表單中運用懸浮標簽，這個想法很簡單，在占位符文本中，借助動畫加入一個圖標顯示，確保用戶不會在填寫過程中迷失。

淘寶的商品品類（SKU）是以數十億計的，天貓和京東也應該在數千萬的級別。海量的商品品類、魚目混雜的商家以及參差不齊的商品為消費者的購物帶來了極大的選購時間成本。消費者在這樣的購物環境中找到適合自己的商品有時并不比大海撈針容易多少，而其中假冒偽劣商品的大量存在更是增加了購物的難度。

不知道大家有沒有這樣的情況發生，自己設計的作品，“乍一看不怎么樣，仔細一看，還不如乍一看”！

其實不耐看，或者不敢放大看的原因都是細節做的不到位。

最近在做手機OS的主題圖標，對細節的感觸很大，今天結合主題圖標來和大家聊聊，我們可以從哪些方面注意自己的設計細節，大綱如下：

• 給造型加點細節
• 多加點質感的細節
• 不要讓圖標看著灰灰的
• 風格特點的運用

1. 給造型加點細節

造型是所有設計執行的第一步，造型做不好，說別的都沒用。

那如何能給造型加點細節呢？

打個比方，我們要畫一個圓角矩形：

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

很多設計中，我們付出20%的精力就可以應付80%的 Normal Case，而剩下20%的 Special Case 卻會花費我們80%的精力。換言之，普通情況誰都會處理，而為了應對一些少數派，我們將要付出更多。

Loading 失敗時的錯誤提醒、搜索無少結果時的空白頁面、打了車卻沒車接單……除了這正常流程下的失敗反饋以外，最耗時間的是那些特殊流程或所有情況同時在一個頁面堆砌出現的情況。

在設計前期，我們就應該盡可能地羅列特殊情況，即便它們出現的概率很低，也應留足設計時間。而應對非常規 Case 時，有一條原則幫了我很多次：

確保多數人體驗的前提下，才去解決少數人的問題。

這不是說要為了多數人放棄少數人，還是造例子來說吧。

案例一：重復利用的物流單號

如果你在天貓有過退貨經驗就會知道，申請退貨并得到商家確認后，需要填寫退貨的物流單號，當商家收貨后才會把錢退給你。這里有個奇妙的問題，設計上是否允許多個用戶填寫同一個退貨單號？

先來看看如果允許，會出現什么非常規情況：消費者AB兩人各自在同一個商家C處購買了兩臺 iPhone，并且商量好分別發起七天無理由退貨流程，商家C均同意。然后，消費者A先將手機按要求寄出，獲取物流單號一個后填寫到退貨系統；同時，消費者B直接使用消費者A的退貨單號填入系統，但不寄送自己的手機。

極端情況體現在，許多商家的店鋪與倉儲是分開的，當倉庫收到A寄來的手機并確認收貨后，店鋪工作人員收到系統通知兩個退貨流程都已收貨（其實是同一個單號），若不進行額外確認，就會把錢都退回去了。

再來看不允許重復填寫同一個物流單號的情況：很簡單，AB兩個消費者是好人，但希望節省快遞費，就商量好把兩個手機放在一個包裹里寄回。此時若規則只允許一個單號只能填寫一次，這種做法就無法實現。

錯誤的設計方法是這樣的：用戶填寫退貨單號時，新增一個流程詢問用戶該單號是否只關聯了一個訂單，訂單號是多少；或者在原有基礎上新增一個聯合退貨的功能，讓多個用戶合伙拼單退貨。

正確的設計方法是這樣的：消費者端流程全部不變，允許重復填寫物流單號，但必須在后臺記錄一條單號被使用的次數。對于被多次填寫的單號，在商家端告知商家須額外注意，一定與倉庫確認好包裹內物品再進行退款操作。

錯誤方法的錯誤原因很簡單，我們不能為了一些極端情況就去修改主流程，也不能為了少數人的需求就影響所有正常用戶。

案例二：互相沖突的 Toast 提醒

天貓客戶端的商品詳情頁中，當點擊“收藏”按鈕會有一個 Toast 告訴用戶“收藏成功”，同樣當點擊“加入購物車”后，也會有 Toast 告訴用戶“加入成功”。這樣看好像沒什么問題，但若用戶點完“收藏”后馬上點擊“加入購物車”，就會出現兩個 Toast 相互沖突的情況——視覺上互相重疊，或后一個 Toast 無法出現。再極端一點，如果出現了一個腦殘用戶，為了測試反復快速點擊兩個按鈕，甚至會導致代碼錯誤。

為了追求設計和代碼邏輯的嚴密，我和開發同學花費了不少時間討論對于這種極端情況，要如何設置 Toast 的出現和沖突機制。甚至為了應對極端情況，還需要調整 Toast 出現消失的動畫過程與邏輯。但最后，我只設置了2個 Toast 在極短時間內前后觸發的交互，也就是新的 Toast 慢慢把舊的推上去，并各自做淡入淡出動畫——畢竟兩次短促的操作是比較可能會發生的。

什么？你問我那個腦殘用戶怎么辦？不好意思，為了滿足所有正常用戶的訴求，腦殘用戶的體驗就只好先放一放了……

案例三：神出鬼沒的 Loading

我們在客戶端上做了一個比較酷的動畫，對一個模塊長按后可以彈出一張卡片，并在卡片中閱讀一些詳情（有點像 3D Touch）。問題在于，彈出卡片中的信息是觸發卡片后才向服務器請求數據并加載的，正常情況下沒有問題，但是弱網條件下，數據加載可能會花費不少時間。為此，第一版我們為這個數據請求設計了一個 Loading 的小動畫（好吧，你就當是轉菊花）。

這樣做的結果是，對于網絡非常流暢的用戶，他們喚起這張卡片時，會看到一個菊花飛快地閃過，然后才看到數據加載——再流暢的網絡下，數據也需要加載時間，哪怕是1ms，都會讓菊花快速閃爍。

當然，不要 Loading 也明顯不合理。弱網條件下，必須避免用戶盯著空白的卡片發呆而不知道系統正在干什么。

所以，合理的做法是，為 Loading 動畫的出現時間設置一個延遲：在卡片彈出的200ms內（卡片不可能突然閃爍出現在用戶面前，必須有一個進場過程），如果數據加載完畢，則不顯示 Loading 動畫，直接顯示數據。如果卡片進場完畢（200ms后）數據還沒回來，則開始顯示 Loading 動畫。

這樣，我們保證了正常用戶的正常體驗，避免他們每一次操作都為弱網這一極端情況買單。同時，也保障了弱網用戶的體驗。

最后，再總結一下我們的設計原則：確保多數人體驗的前提下，才去解決少數人的問題。

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

網頁中的header，一般我們稱之為頂部導航欄，這里為了行文方便，以下都簡稱頂部欄。頂部欄對于一個網站的用戶體驗來說是至關重要的，因為根據用戶的瀏覽習慣（從左到右，從上到下），當他們進入一個新的網站，頂部欄通常是他們看到的地方。我們都知道用戶對于你產品的第一印象是很重要的，因為它會一直伴隨接下來的使用過程，而且第一印象無法更改。

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

即使你遠離設計領域，對于用戶體驗這一詞也不會陌生。用戶和產品之間進行交互過程中，產生的一般態度和情感反饋就是我們常說的用戶體驗。在用戶體驗設計中，有幾個關鍵性的因素的是設計師所關注的，比如可用性（usability）、工具性（utility）、合意性（desirability）、吸引度（attractiveness）等。如今，用戶體驗設計和視覺設計幾乎達到了同等重要的程度。雖然仍有一些企業和團隊在懷疑用戶體驗設計是否有必要，但是總體上，大家對于它的認可度還是非常高的。

用戶體驗設計為何重要？

許多公司為了讓產品產品的體驗和效率更高，而花費更多的時間和金錢?，F代商業競爭背景下，事實已經證明，產品和服務的成功很大程度上是取決于用戶對于產品的喜愛程度。UX設計旨在通過讓產品更易于使用而提高用戶的滿意度。

有些人可能還認為用戶體驗設計的核心是視覺設計，其實它的范疇遠不止于此。UX設計是一個復雜的過程，涵蓋了用戶研究，線框圖、原型、視覺稿、動畫、開發、測試等許多不同的環節和階段，其中許多環節甚至是并發和交叉的。真正有效的用戶體驗需要時間來開發，也需要足夠的知識來作為支撐，這種復雜的開發體系使得它或多或少地需要超出預期的額外投資。然而，UX設計對于初創和非初創公司而言，同樣有益，它確確實實從不同的方面幫助企業創造成功的產品，無論是參與度、可用性還是轉化率。

如果你擁有一個復雜的電商網站系統，那么用戶體驗一定是影響它實際效用的重要因素。內容組織是否系統，導航是否清晰，都會影響到產品的銷售，用戶的黏度。太復雜、不便捷的產品會讓用戶流失，這是肯定的。

有數據表明，近年來95%的移動端APP 在上線一個月內就宣告失敗而退出。這很大程度上是因為激烈競爭之下，沒有足夠優秀的用戶體驗來留住用戶所造成的結果。結合現有的研究和我們自己的經驗，我們在今天的文章中總結出了優秀產品的7個關鍵的用戶體驗設計要素。

1、有效的可用性設計

現如今，“簡單”一詞和無聊的設計并無關系，而是成功產品設計的關鍵性要素。在Don Norman 的《設計心理學》系列教材中指出，良好的設計通常都會具有易于發現和易于理解兩個特性。用戶期望他們所使用的產品是簡單明了的，能夠讓他們不花費太多精力就可以搞定，也可以從中獲得自信。而這些都是用戶體驗設計的工作范疇以內。

用戶體驗設計師的目標是為數字產品創造一致的體驗，讓用戶能夠安心使用。有效的用戶體驗設計能夠通過網站和APP為用戶循序漸進、有效地展示內容。而UX設計人員則可以通過數據分析和案例研究，消除不必要的設計、搞定問題、去除隱患，提升產品的可用性。UX設計師還能通過不同環節的引導服務來幫助用戶更加快速的熟悉產品，讓用戶感到貼心而不會緊張。

2、驅動用戶深度參與

參與度是衡量用戶有效行為的度量，而它也是產品價值的重要體現之一。每個企業都希望有高素質的用戶參與到產品建設當中來，而他們也知道，最終還是要通過創造優秀的用戶體驗來解決這一問題。

UX設計有一個熱門的解決方案是游戲化設計。將游戲化的元素應用到非游戲類的使用場景中來。游戲化設計讓網站和APP擁有更多有趣的元素，吸引用戶，提升參與度。游戲化設計的具體方法和策略有很多，設置任務、發放獎勵都是很常見的手法了。挑起用戶的好奇心和激情，他們會堅持不懈地執行任務，在你的網站和APP中花費更多的時間。

3、產品的獨特性

很難說市場上到底有多少APP存在，但是絕大多數的應用和網站在起步的時候，就已經失敗了。當你要開始投放一個APP到市場的時候，可能已經有好幾十個同類的產品已經存在了。所以，企業和開發團隊一直在尋求讓用戶選擇他們產品的原因和方法。UX設計師能夠通過分析目標受眾的需求和實際市場狀況，來判斷和預測用戶對于自己產品的反應。如果你想給別人帶來愉悅的體驗，滿足用戶的需求，并且力圖讓自己的產品擁有足夠的特性從競爭中脫穎而出，那么你的產品就具有了同其他產品區分開來的獨特性。

4、省錢

UX設計的成本并不低，但是相比于修復可用性的問題，它的花費依然很低?；谟脩粞芯浚琔X設計師能夠準確地挑選出功能組合，并且規劃用戶的交互過程，排除可能存在的問題。通過對目標受眾的研究和測試，分析和改進整個產品的流程與細節，而這些過程對于產品開發和運營的補充，相比于在產品上線過再根據反饋進行調整，要省錢省心得多。

5、用戶忠誠度

用戶的口味越來越刁鉆了。令人不快的體驗會讓他們很快不耐煩，然后迅速和你的APP說拜拜，然后再也不會回來了。用戶的忠誠度要維持起來并不容易，你需要創造足夠優秀的產品，要讓人喜愛、沉迷，還得足夠快速地幫用戶排查問題。這種局面下，用戶體驗設計的價值無疑是不可估量的。如果你的產品能夠始終保持令人舒服愉悅的體驗，用戶習慣了就很難轉向別家了。另外，別忘了，快樂的用戶更喜歡向朋友推薦你的產品。

6、高轉化率

采取設計者預期行為的用戶所占總人數的百分比就是我們常說的轉化率。最典型的轉化率就是購買產品的用戶數所占打開電商網站的用戶總人數的百分比。用戶體驗設計師通常會掌握一系列的分析技術，來幫助產品提高轉化率。通過深入分析用戶行為和用戶離開產品的原因，找到痛點，解決問題，從而提高轉化率。

7、積極的品牌體驗

品牌識別不僅僅取決于視覺形象設計，還和體驗息息相關。許多用戶在第一次使用產品的時候，會記住品牌給他們的感覺。這種第一次的體驗對于用戶和品牌本身都至關重要，如果處理不好，可能會失去不少潛在用戶。良好的UX設計可以保證品牌擁有積極而良好的用戶體驗。提供用戶喜歡的產品，可以提升品牌的認知度，因為用戶不會忘記他們喜歡的東西。

結語

優秀的用戶體驗設計對于企業無疑是有利的。很多時候，它的價值并非是一眼可以看出來的，但是事實上，優秀的用戶體驗是成功產品中不可剝離的組成部分。令人信服的UX設計能夠節省資金和精力，這比起投資解決低質量的產品要來得有效得多。更重要的是，現代產品一旦初次互動不利，后面想要扭轉過來就很難了。

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

iPad 在很長一段時間內對于筆者來說，都是看視頻玩游戲的工具。但由于手機更易攜帶且功能接近，iPad
就逐漸被我忽略在了角落里安靜地吃灰。直到 iPad Pro 發布，我突然意識到了 iPad 是可以畫插畫的，即使是我的舊 iPad
也可以老樹逢春。于是我懷揣著「舊物利用」的環保理念開始了 iPad 插畫的研究之路。下面我把總結的入門經驗分享給大家。（教程適用于所有版本的
iPad 哦）。篇幅可能有點長，be patient, 好伐？