頭條楓林網
文章摘要： 9.如何引導使用者完成任務設計任務——招募使用者——進行測試——分析問題 設計測試任務該注意什麼
1. 設計師如何參與一個具體的專案
需求分析，瞭解需求，清楚我們要做一個什麼樣的產品，目標使用者是誰，要達到什麼效果，具體有什麼內容、功能…
然後我們開始進行設計，在草圖上梳理資訊架構，設計任務流程，設計介面，確認沒有問題後再用專業的軟體工具把設計方案呈現出來。
經過設計評審後，設計師要去跟進後續的視覺、前端、開發、測試環節，確保最後的產出物和自己的設計方案一致。
2. 在專案中設計師容易遇到的問題
團隊成員的專業能力
外界因素的影響
團隊凝聚力
3. 和 產品經理 一起做需求分析
由於產品經理揹負各種產品績效指標，壓力大，這種情況下難以避免的要站在商業/專案角度考慮問題，很難再去心平氣和的考慮使用者的需求。這樣就難以做到商業價值與使用者需求的平衡。產品經理應該在初始階段和設計師一起合作，通過融合各自的專業方法，共同完成需求分析，這樣更好的平衡商業價值和使用者需求，同時也保證最好的產品產出不會過於偏離產品方向。
4.產品定位的內容：
例： 專為攝影初學者使用的簡單易用的修圖軟體。
使用人群： 攝影初學者
主要功能： 修圖
產品特色： 簡單易用
產品定義的作用： 迫使產品經理努力去思考產品的方向和機會，在激烈的競爭中殺出一條血路；其次產品定義為產品限定了大致範圍，讓團隊成員不至於在千頭萬緒中感到無從下手、難以取捨；最後產品定義使團隊成員的凝聚力更強、思想更統一，而不是各自為政。
5.需求文件應該包含什麼內容：
文件修改與稽覈記錄。
背景描述：為什麼要做這個產品＼模組、市場行情、業務目標、產品定位等。
使用者型別特徵：簡單的描述目標使用者情況或現在使用人群的情況。
專案時間安排：何時啟動，何時完成等。
資訊結構：這裏可簡單理解為內容或頁面的層級。
整體業務流程說明：對於涉及較多的產品＼功能，需要業務流程圖，幫助設計師和專案成員理解具體的業務邏輯。
需求詳細說明：每一條需求的詳細說明。一個文件裡會有若干條這樣的說明。
6.如何搞定資訊分類：
邏輯歸類： 人們生活中熟悉的分類邏輯對內容進行組織。（例如：衣服的男裝女裝。或者是幼兒學習課程按照年齡分類）
7.好的導航設計：
導航的自我解釋。
iPhone的官網導航，左上方的網站logo告訴使用者正在訪問iPhone家的服務，無論什麼時候點這裏都能回到首頁，右邊的mac字型成淺灰色顯示，與其他同級元素有差別，下方icon形象顯示mac的產品，告訴使用者整個頁面資訊都是屬於這個分類下，banner右下方顯示新款按鈕。清楚的解釋了「我從哪裏來？」、「我現在在哪裏？」、「我能去哪裏？」
深廣度平衡。
相較於滑鼠不停的點選，眼睛在頁面上掃視的成本要低很多，比起深層次的導航結構，廣度導航更利於使用者發現資訊。但廣度超出使用者接受範圍人們要閱讀很多選項才能選擇，如vivo家的導航廣度平衡，但哇點的就有些多。
使用者所需資訊與商業推廣資訊平衡。
智聯的推廣資訊就特別多了 使用者有時候都在網站上找不到輸入框。
為重要功能和常用功能設定快捷入口。
淘寶的購物車設定的快捷入口。
8.如何突出主要任務？
分解使用者任務： 首先要明確使用者使用web產品時，要完成的任務有哪些，並詳盡地分解出這些任務；
排列任務優先順序： 子任務所對應功能的優先順序進行排列。
組織合併相關任務： 需要將這些任務按一定的意義組織起來，便於使用者理解和使用。
圖一購票任務分解：選影片、電影院、觀影時間、座位、輸入手機號、確認訂單。
圖二任務優先順序：瀏覽影片詳情、評論詳情，觀看地預告片優先順序最低
圖三組織任務：將內容組織後得到8個檢視介面：瀏覽影片列表、票房排行，優惠推薦、影片簡介，詳情、觀看預告片、選區域，影院，日期，場次、選座、輸入手機號、確認購票。我們圖五可按優先順序分成三個頁面，列表頁、詳情頁、選座頁。
9.如何引導使用者完成任務：
相似性引導：如果大小，顏色，形態，視覺元素等因素相似，那麼這些相似的因素可以牽引著使用者的視覺。
方向性引導：對於操作步驟較多的任務，可以利用具有指向性的箭頭，進行方向性引導。
運動元素引導。加入購物袋利用運動元素引導使用者去購物車結算，垃圾桶蓋揭起引導使用者點選刪除。
嚮導控制元件。
10.如何簡化複雜的操作？
減少冗餘步驟和干擾項。
將複雜操作轉移給系統。
簡化操作方式。
優化操作過程。
鬧鐘的設定，直接在介面上上下滑動選擇，減少跳轉頁面與輸入步驟 介面大量留白 減少干擾項。
qq郵箱的郵箱號可在輸入一次後自動儲存。將複雜的操作轉移給系統處理。
Pages的內容選擇後可右鍵彈出用百度搜索，不用再複製貼上開啟瀏覽器，簡化操作方式。
百度的註冊，清晰準確的提醒、合適的選項、適時的幫助、合理的預設值，可幫助使用者降低出錯率。
11.資訊量太大，頁面怎麼擺？
讓頁面層次不言而喻；（分解－排列－組織）
讓重點資訊跳出來；
將次要資訊藏起來； 網易的模組與模組，段落與段落，標題與正文之間劃分高度，使整個頁面之間層更架清晰，合理。
qq的郵箱界而，對使用者來說，未讀郵件是需要被首先看到的，所以字型加粗顯示，而己讀的弱化顯示，採用了較弱的黑灰色。
ui中國將次要資訊放在更多的下拉選單隱藏起來。減少了複雜資訊對使用者的干擾。
12.捕獲使用者的芳心：
擬物化的視覺；
隱喻化操作；
可控的感受；
積極的反饋；
貼心的提醒；
互動的樂趣；
驚喜的力量；
情境的烘托。
13.標準原型應該包含什麼內容：
簡要說明與資訊結構；
任務流程與頁面流程；
線框圖&互動說明； 互動說明有以下幾種型別： 限制： 包含範圍值、極限值等。範圍值主要指資料的取值範圍。極限值主要指資料的顯示限制。
狀態： 包含預設狀態、常見狀態、特殊狀態等；
操作： 包含常見操作、特殊操作、誤操作、手勢操作等；
反饋： 使用者操作後得到的反饋動作，包含提示、跳轉、動畫等。
14.線框圖繪製心得：
通過明暗對比表達；
不使用截圖和顏色；
合理的佈局；
遵守柵格規範；
標記第一屏高度；
表達清楚ui邏輯；
考慮視覺實現後的效果；
瞭解視覺趨勢。
15.寫互動說明的決竅：
儘量使用真實、符合邏輯的資料內容；
不遺漏特殊狀態的描述；
避免過長的說明；
關於重複出現的模組，可獨立出來取個名字。
如原型有修改不要口頭溝通，而要更新互動說明並告知大家。
16.關於設計規範。（規範不是隨產品的形成而形成的，而是在產品逐漸成熟、發展的過程中慢慢建立起來的。 ）
設計規範是對設計的具體細節、技術要求，是設計工作的規則和界限，是一種模板化應用的方法……（包含互動規範、色彩規範、logo規範、ui圖示規範、控制元件規範……）
17.設計評審的目的：
檢驗目標 ：在專案初期的需求分析階段，產品人員和設計人員就已經一起分析出了產品定位或設計目標。
發現問題：設計評審集中了專案且中的各個角色，可以及時發現問題與風險。
達成共識：設設評審需要讓專案成員達成共識，這樣才能順利進入下一個環節，為下一個流程分配任務。
18.評審前的充足準備：
事先考慮所有可能的方案。
準備各種設計依據。（使用者調研結果、支撐資料、競品分析、設計實施前制定的目標）
做好會議邀請工作。（真正開始會議前，要晝保證設計方案已經通過產品經理及最主要的專案成員認可，至少要保證大方向是對的。正式的邀請郵件。告知會議時間、地點、陳述自己設計理念、參考哪些數據資料、設定每個環節時間。）
19.如何稽覈視覺稿？
對互動稿理解是否正確；
拒絕毫無發揮的視覺設計；
關注視覺層次是否清晰；
關注互動細節和狀態標；
在審美方面不要過分干涉。
20.開發階段，設計師該做些什麼？
勤於溝通；（設計階段，瞭解是否會有技術難點，設計完成後，當面溝通設計要點，開發階段，持續跟進、解答問題。）
統一的規範和標準；（進行標和規範整理，與前端彩用相同規範和標準，如行高是文字高度＋上下空隙高度。）
設計走查；（在前端和後臺開發完成後，確認環節是必不可少的，不經過確認和走查就上線的產品，可能會在細節上存在疏漏）
21.什麼是可用性測試？（定性分析）
簡單地說，就是通過觀察使用者使用產品，發現產品中存在的問題的一種方法。
可用性測試流程： 設計任務——招募使用者——進行測試——分析問題
設計測試任務該注意什麼？
給出使用目標，而不是直接操作；
儘量選擇最重要、最頻繁的任務進行測試；（時間控制在1小時內，5～8個功能點，簡易可用性測試時間更短）
符合正常的操作流程。
測試使用者的選擇：
選擇有代表性的使用者；
使用者數量的選擇；（有調查表明，5名左右使用者可以發現大約85%問題，隨著使用者數量增多，發現新問題會逐漸減少。小功能3～5名使用者，新產品、較大、重要功能5～10名使用者。）
測試過程中的注意事項：
切忌引導性過強；
操作行為永遠是重點；
不要忽視現場反映；
考慮使用場景；
感謝被測者，並給予一定報酬。
問題的分析與改進： 可用性測試（定性分析）：樣本量小，結果未必完全可靠，但可以瞭解到使用者想法。
A/B測試（定量分析）：樣本量大，結果較為客觀，但很難直接通過資料瞭解到背後原因。
22.設定衡量標準： 根據產品靈活考慮，一般由產品經理根據產品要求確定，從產品目標角度出發，將PV、UV、點選量、轉化率、跳出率、二次返回率等。電子商務類網站，也可以考慮下單數、支付數、支付金額等。
始發於簡書：阿萌是個大清新
