鄭州網頁設計培訓教程：用戶流程設計

云和教育作為云和數據旗下高端泛IT職業教育品牌，開設有UI總監班、PHP高薪班、JAVA大數據班、HTML5專家班、Unity虛擬現實大師班五大精品課程。

課程設置緊跟時代“前端”發展和“后端”需要。采用小班教學，金牌講師面授輔導，采用沉浸式的教學模式，8+2的學習模式，學員畢業即擁有1-2年工作經驗，貼近企業需求，保證高薪就業!

在激烈的比賽中取勝的往往是那些把技能鍛煉得更深刻的選手。我們能成為頂尖選手并沒有什么秘訣，而是對可能是基本技能的東西有更深的理解。每天都要學得更深一點而不是更廣一點，因為學得更深可以讓我們把潛力中那些看不到、感受不到但又極具創造力的部分挖掘出來?！獓H象棋大師&業余太極推手世界冠軍，喬希?維茨金

最近在Udacity學習老美的產品設計課程，我以為會吸收不少先進的產品理念，但只是一再強調那些我早就「看不起」的基本概念、基礎注意事項。

他們特別強調對于這些基本功的嚴格執行。就像一開頭我引用國際象棋大師說的那句話一樣，「我們能成為頂尖選手并沒有什么秘訣，而是對可能是基本技能的東西有更深的理解」。其中一個讓我印象深刻的是關于用戶流程圖的設計。

流程圖，我相信在互聯網公司待過的同學再熟悉不過，產品會用到流程圖、設計會用到流程圖、開發測試也會用到流程圖。

在我工作的時候，沒有做出過一次讓設計/碼農0疑問的流程圖，我把大部分的精力放在了產品/網站的視覺表現上，甚少思考流程里有什么改進空間，甚至有時候因為功能簡單連流程圖都懶得去想去弄了。

這個課程里提到我們在產品設計開始時會犯的兩個典型錯誤：

PM因為舊版本不夠時髦/好看，進行產品設計;

PM用堆積木的方式來設計產品，比如LOGO放上邊，登錄模塊右上角，界面采用左右布局等等。

看了以后內心特別慚愧，自己就是這么干的。

順序錯了。我們應該從「完成商業目標」和「幫助用戶完成任務」開始，你希望用戶來到這里干什么，他們要經歷多少艱難險阻的操作才能最終完成你的任務，你怎么設計這些操作使得用戶減少用戶投降放棄的比例。

設計不只是設計它長得漂不漂亮，更重要的是設計它好不好用。當我們設計一個頁面/功能時，先從設計用戶流程開始吧。

時刻提醒自己的兩件事情：

產品/項目目標是什么，這是你讓一堆設計師程序猿加班加點圍著你團團轉的原因;

用戶目標是什么，他們有什么需求要滿足。

留意用戶的來源

用戶從四面八方過來，質量參差不齊，對于產品和信息的了解程度也不同，設計流程的第一步就是為不同的客源設計流程(也許到后面你發現他們的流程都一樣)。

他們可能是：

搜索引擎主動找過來的;

你發布的廣告騙過來的;

被朋友圈微博吸引來的;

正在使用你網站/產品發現的;

……

這些人各自「心懷鬼胎」，你得把他們的需求和你的訴求想辦法匹配起來，提升轉化率。

舉一個之前迅雷會員開通(但我們沒做好的)的流程為例，我們的流程是：

高速通道試用→ 試用效果展示/會員介紹→點擊「開通會員」→登錄/注冊→支付頁面→完成支付、開通會員

這里我們思考得就不夠勤快，沒有針對不同用戶設計流程，也不愿意給自己添麻煩。我隨便舉一下針對不同用戶群改進思路：

1、曾經是會員但現在沒續費的

沿用上面流程，但在支付時候可以記住上次支付方式，或者是在支付時提供給老會員買年費的折扣;

2、沒有賬號的用戶

他可能只是想看看價格再決定買不買，但登錄/注冊的流程會擋掉一大部分人。

提供用QQ登錄的接口，或者是直接直接到支付頁，在頁面填寫自己的郵箱/手機，支付完成給他們的郵箱/手機發送密碼(當然涉及到已經有賬號或者這個郵箱手機被注冊了怎么辦的邏輯分支)。

如果把流程圖更細化、更多一點思考，我相信還能想到更多提升轉化率的改進方法。

一些改進用戶流程的思考方法：

用戶來這里有什么需求?他們有什么問題要解決?(空虛寂寞孤獨冷的夜晚怎么打發)

他們為什么需要你提供的東西?(提供給他一段美好的個人時光)

你的產品/服務對于他們最重要的特性是什么?(速度快?立即能看片?)

用戶有什么擔心，他們猶豫什么?(太貴了，有沒有效果?)

什么信息能夠幫助他們做決定?(3天無效退款)

有什么情緒或者沖動能幫他們做決定?(精蟲上腦)

這些問題靠自己YY肯定是不夠的，這就促使你要多跟用戶交流了。交流的時候，你發現會有千奇百怪的用戶，如果你為每一類人定制專門的流程，就算你不累死設計開發也會把你打得半死.

這其中的取舍就依賴于你的判斷了(要不然老板給你的工資是干啥用的啊)。

「流程」里要有些啥?

我自己以前畫的用戶流程，著重點是不同狀態間的邏輯跳轉。課程提供了另外一種方式提升可用性，我覺得非常贊。它將一個流程分成上下兩部分，上面是「用戶看到什么」，下面是「你要用戶做什么」。比如：

使用這種方式，可以讓你專注于怎么提升用戶的行動上。給其他同學看的時候可讀性也更好(不像我之前的流程圖，實際看的人沒幾個)。

做的時候可能會比較痛苦，以往的流程只需要考慮狀態之間的跳轉就好，而這種方式增加了用戶可見內容跟要用戶行動的內容。但這種工作量的增加是值得的，我自己在做練習的時候，就會時刻提醒自己不忘最后的目標，這些信息是不是有助于提升用戶的點擊、哪些動作要簡化哪些要增加。

值得模仿的網站

作者提供了兩個在用戶流程方面很不錯的網站作為學習對象，一個是tastebuds.fm，一個是codecademy，都不需要翻墻就能直接訪問。計算是花個5分鐘瀏覽一下，也能給你帶來不少的收獲哦。

1、https://tastebuds.fm//

2、https://www.codecademy.com/

作者：黎晨，英文名LC。00年開始接觸互聯網，可是很年輕。在互聯網牛市造福浪潮中連小小的牛尾巴都沒沾到，不過，我會繼續努力的。

來源：微信公眾號【黎小晨想太多】