tft每日頭條

 > 圖文

 > sketch怎樣創建路徑

sketch怎樣創建路徑

圖文 更新时间:2024-11-22 17:16:15

用戶流程将用戶在産品或網站中的不同選擇及路徑可視化。它是一個優秀的用戶體驗(UX)工具,設計師可以利用它評估和優化産品中特定任務的用戶體驗。總的來說,用戶流程可以用來改善産品(或整個網站)。

通過這篇文章,你将會掌握這三種流程的流程圖制作,就讓我們一起來看看具體用戶流程該如何創建吧!

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)1

用戶體驗流程有哪三種?

  • 任務流程
  • 畫線流程
  • 用戶流程

任務流程顧名思義,它記錄了用戶在産品中選取的不同路徑。由于這種流程是以任務為導向的,它通常被用來評估分析産品的特定功能,例如注冊。任務流程對優化特定任務體驗很有幫助。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)2

另一邊,畫線流程是由線框組成。線框圖展示了不同的布局概念,是用戶體驗設計的一個重要步驟。但僅憑線框圖,我們很難理解用戶從一個頁面到下一個頁面的流程。線框圖對于展示用戶在整個産品(或網站)中的線性路徑非常有用。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)3

最後是我們的用戶流程,用戶流程以一種更全面的方式關注用戶與産品的互動。它可以确定影響用戶路徑的決策點和變量,同時也依賴于特定的角色和場景。

為什麼說用戶流程是優秀的用戶體驗工具?

跟其他用戶體驗工具一樣,用戶流程确保設計師擁有高質量的設計産出。在用戶流程的幫助下,設計師觀察得會更加精确,從而洞察到如何進一步優化流程。

流程通過提供上下文内容來促進理解,一切低效、冗餘、路障或損害整體用戶體驗的死胡同都無處遁形。糟糕的用戶體驗意味着低績效,會導緻較低的用戶轉換率或保留率。

用戶流程是一個很好的工具,可以幫助參與項目的每個人--尤其是不熟悉用戶體驗設計的客戶或利益相關者--将産品可視化和概念化。它有助于團隊的溝通和理解。

第1步:選擇用戶流程套工具包

想要有一個用戶流程工具包,選擇有很多,你可以自己動手豐衣足食。但如果你需要馬上開始工作,這個過程會很費時。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)4

在這裡多提一句,除Sketch之外還有其他app可以實現用戶流程創建,例如FlowMapp、Overflow和Wireflow等,Sketch并不是唯一的選擇。不過,選擇Sketch的好處在于,你所有文件都會儲存在同一個地方。在Sketch中創建用戶流程的過程很簡單,下面我們将進行介紹。

流程圖的視覺設計

在我們開始創建用戶流程之前,我想再談一件事:品牌定制。如果你時間有限,需要快速交付,那麼品牌或顔色的定制就不重要了。請跳過這一部分,直接進行第二步。

不過,如果你是公司内部的在職設計師,你就得關注到顔色、排版,甚至是用戶流程界面的間距。這些将在很大程度上有助于加強公司的品牌效應,創建統一的視覺,并使你的用戶流程更加專業。所以,從長遠來看,視覺設計是很重要的。

同樣地,如果你是一個為各種品牌工作的自由設計師,那麼擁有一個更為中性風格的用戶流程界面會更好。或者,你也可以将其風格化,以配合你所服務的品牌形象。兩種選擇都不錯,而且都會給客戶留下深刻的印象。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)5

第2步:準備好畫闆工具

在連接不同屏幕之前,我們需要準備好畫闆工具。

不建議在正常頁面中添加用戶流程界面或注釋,因為這将為畫闆工具上的後續設計和編輯增添難度。用戶流程元素如果出現在畫闆工具上,導出工作無疑會成為一場噩夢。總之,不值得這樣做。

相應地,我們有一些替代方法。

選項1:将屏幕畫面導出為圖像

首先,把畫闆工具中的屏幕畫面導出為圖像,然後把它們導入到Sketch文件中(新建文件或已存在文件都行)。如果你趕時間,這不失為一個好辦法,但從長遠來看,這并不理想,因為畫闆工具随時都會更新和改變。時刻與更新同步對人的精力有很高的要求,特别是還需要關注到一些小的變化。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)6

選項2:将屏幕畫面變成符号

如果你的項目較大,這工作量可能有點多。但是,如果項目較小,這種方法還是能夠實現的。你可以根據需要編輯屏幕,且時刻保持更新。

選項3:為用戶流程創建一個新的頁面

可以在Sketch文件中再創建一個頁面。你可以在每次更新時,或根據需要手動複制和粘貼畫闆工具上的内容到該頁面。雖然從有些乏味,但至少沒有奇怪的依賴關系,而且一切都在一個文件中。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)7

第3步:開始建立連接

在大多數用戶流程工具包中,不同的流程元素會以符号的形式出現。一旦你準備好圖像,就可以相應地放置符号,創建流程,如下圖。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)8

現在,如下圖所示,将所有屏幕畫面連接起來。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)9

添加箭頭并不難,但同時還需要為用戶流程添加注釋和記錄。箭頭本身就能夠讓任何人隻看一眼便能了解事情的大緻流程。然而注釋和描述等可以提供更多關聯和相關選項的信息,讓你的用戶流程更加全面。

添加注釋、描述等内容

那麼我應該添加什麼樣的注釋内容呢?你可以添加:

  • 标簽
  • 成功/失敗指标
  • 腳注
  • 決策
  • 外部鍊接
  • 模式
  • 子頁面
  • 副任務
  • 說明
  • 标明缺失的屏幕
  • 額外的狀态
  • 功能解釋

如果繼續下去,我還能再列舉三天三夜。但我想你會明白的,具體添加什麼信息取決于你想要傳達的内容。當然,信息越多越好。看看下面這個添加了注解的用戶流程案例吧。

sketch怎樣創建路徑(怎樣利用Sketch創建用戶流程)10

接下來隻需要保存、分享和叠代就好了。

用戶流程是用戶體驗設計師為客戶創造良好體驗的又一大利器。用戶流程幫助設計師及其隊友,例如項目經理,獲得特定體驗或流程的視覺表現。它們是有價值的,可以催生新的見解,幫助設計團隊在設計過程中進一步完善用戶體驗。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved