我上周參加了一個工作坊，也算是ThoughtWorks與我所在團隊的交流活動。如果你有了解過IXDC，你能夠在15年的活動中找到四個由他們團隊組織的工作坊，其在一個就與我上周參加的那個相同——《從1到100》。如果我今天把這篇文章發出去，就算是這個工作坊的劇透了吧（也是經過他們允許了的）。

這個工作坊講的是一個完整的設計方法，即拿到一個項目需求，如何從設計思考（DesignThinking）開始，確定用戶畫像，構建場景地圖，頭腦風暴，繪制故事版，設計產品，直至用戶測試。他們把整個流程分為四個階段：

• 探索：用戶、需求
• 定義：目標、資源
• 設計：產品形態
• 驗證：測試反饋

我們現在所面臨的網絡安全問題一直都很嚴峻。無論是更改社交媒體帳號，注冊新論壇，還是下載新的APP，我們都的數字身份一直都存在各種各樣的潛在安全風險。開發團隊花費了大量的時間精力投入到開發和設計當中，改進流程，優化加密方案，來規避這些問題。

黑客攻擊有網絡安全專家和開發者來應對，而用戶所面對的多數問題，則更多的需要設計師來動腦筋解決。通過流程和UI優化，設計師能夠讓用戶盡可能地規避一些潛在的安全問題，即使這個過程中可能會產生體驗上的障礙和不適。

1、不同內容的交互界面應該看起來不同

每當用戶要執行關鍵性的任務或者操作的時候，比如更改賬戶設置與密碼，這個時候用戶應該保持緊張和專注，那么設計上就應該幫助他們進入這樣的狀態。因此，UI 應該讓用戶清楚他們應該做什么。

上篇文章簡單的介紹了數據可視化的基礎，將數據進行設計可視化后，可以讓我們有一種全新的方式去認識數據，改變對數據的呈現和思考方式。那現在就讓開始做一份數據的可視化表，一步步的來看下我們如何獲取數據，以及如何進行可視化的展示。

在上章內容中，提到了關于【數據可視化迭代過程】的步驟，這也能看出整個過程包含的步驟，大致有：

1. 確定主題 - 2．數據獲得 - 3.圖表選擇（表達）- 4圖表繪制

當然了我們也可以看到可視化是要一個不斷迭代的過程，步驟之間都需要多次的迭代修改的。

確定主題

這肯定是第一步了，在做數據可視化的時候，首先你要明了你要做什么，想要從數據獲中取什么信息，有了目標才能明確的往下做。

那我們這次還是來做關于空氣質量PM2.5的數據展示，了解歷年來PM2.5的實際情況和發展趨勢。

為了借助社交產品的流量，讓用戶主動分享APP中的內容到社交平臺來達到拉新和促活的目的，市場上絕大多數APP都有第三方分享的功能，它是內容分發的最有效途徑，并且大大降低了企業的營銷成本。

作為用戶和產品之間的橋梁，社交分享在產品的發展過程中扮演了重要的角色。尤其是剛上線的產品，很難通過產品的內部體系來實現快速的用戶增長，所以會更加依賴于分享來達到廣泛的傳播，獲取目標用戶。

在常用的社交分享組件中，微信（微信好友和朋友圈）、微博、QQ（QQ好友和QQ空間）是三大主要平臺，而其中微信憑借高達9.38億的月活躍用戶以及高達29%的日均手機應用使用率，成為各款APP選擇最多、排位最靠前的分享途徑。即便同樣是騰訊系下的QQ，也在QQ空間中加入了分享到微信好友和朋友圈的功能。

用戶分享內容到社交媒體或好友，不應該是一種粗暴的強制行為。我們應該在保證產品本身內容有吸引力的核心前提下，仔細揣摩用戶心理，結合產品本身的特色，在不同情境下提供給用戶最合適的分享平臺及方式，讓用戶分享成為一種水到渠成的自然行為，甚至在某些時候還能給用戶帶來一些小的驚喜就更棒了。

下面我們會從不同維度來分析一下APP的社交分享功能設計，看看這里面有哪些值得探討之處。

這是我近期獨立完成的一個紅包分享項目，暫時入口在滴滴app里的積分商城，我也跟著同步上傳份項目總結吧

以下圖片都為設計效果圖，具體內容，具體文案以線上為準。

項目背景

1. 增加滴滴紅包樣式，拓展商業化渠道，促進滴滴紅包變現。
2. 實現商家品牌推廣。
3. 為滴滴用戶獲得滴滴優惠乘車券提供新的渠道。
4. 豐富滴滴產品形態，實現用戶拉新同時提升用戶使用頻次及活躍度。

項目目標

1. 形成滴滴商家紅包購買生態，增添滴滴商業化的新形式
2. 讓商家為乘客的優惠出行助力
3. 進一步提升滴滴口碑，增加滴滴良好的社會影響力
4. 新用戶拉新，老用戶活躍度提升
5. 同時為普通用戶提供紅包購買渠道，促進普通用戶之間的社交

信息圖

信息圖本身是一個合成詞，由信息和圖兩個詞組成多稱之為（Infographics或Infographics Graphics），在40年代的時候就開始出現，使用在報紙及新聞類雜志方面，其中杰出的代表阿根廷的信息圖先驅Alejandro Malofiej，在1993年西班牙設立了以他為名的主要針對信息圖表設計的Malofiej獎。

在報紙、雜志等紙質媒體中，為了讓讀者感到新奇且直觀容易的理解，運用了大量的信息圖解的表現。

如下圖所示：

每一個選項都是一個tab ，tab 的形式千千萬，但今天只講這種選中后下面帶橫線的。（我們給這個橫線起個名字叫做小短線吧，下文都這么叫了哈！）

今天的大綱如下：

• tab是用來干嘛的
• tab 的分類
• 幾種常見的小短線
• 小短線的注意事項一
• 小短線的注意事項二

今天，大數據已無所不在，并且正被越來越廣泛的被應用到歷史，政治，科學，經濟，商業甚至滲透到我們生活的方方面面中，獲取的渠道也越來越便利。通過本系列的前面幾篇文章，我們已經了解了數據可視化的必要性，而目前市面上也已經具備了非常多成熟的BI繪制工具，如畫面，QlikView的的和魔鏡等等。雖然這些工具正在變得越來越自動化，然而，隨著大數據時代的來臨，信息每天都在以爆炸式的速度增長，其復雜性也越來越高;其次，隨著越來越多科學可視化的需求產生，地圖，3D物理結構等技術將會被更加廣泛的使用。所以，當人類的認知能力越發受到傳統可視化形式的限制時，隱藏在大數據背后的價值就難以發揮出來，如果因為展示形式的限制導致數據的可讀性和及時性降低，從而影響用戶的理解和決策的快速實施，那么，數據可視化將失 其價值。

然而，所幸的是，技術的快速發展和不斷變化的認知框架正在為人類打開新的視野，促使藝術與技術相結合而產生新型的數據可視化形式。

如果要深究近期網頁設計趨勢的變化，這些變化更多是關于用戶模式，色彩和排版設計的。但是不論是其中哪種，都牽涉到一些微妙的設計技巧和復雜的影響因素，將它們納入6月的設計趨勢，似乎略有不足。在過去一個月所出現的新網頁設計作品當中，最顯著的設計趨勢還是體現在一些設計元素上，風格獨特的底部導航，自由隨性的Box元素，裝飾性極強的豎線元素。

近期如果你在糾結怎么設計網頁的話，這些設計趨勢可以用來看看~

隨著APP設計的逐步成熟，游戲化設計成了這幾年圈內的流行語。不過，和普通的AP設計的思路不同，游戲化設計并非這個領域內的原生設計，它是將游戲應用中的設計思路，移植到普通的APP的設計當中來，對于許多“傳統”的APP產品設計師而言，游戲化設計無疑是舶來品。

今天的文章中，我們將會基于目前的主流設計來探討APP的游戲化設計思路和五個基本原則。