USERFLOW:2018設計工具新品類
題圖來自Overflow
今年以來，Adobe、Sketch、inVision這些巨頭們頻繁進行重大更新，忙著向其他現有領域擴展，都希望自己能控制全場。在他們急著變大變強的同時，也讓自己變得越來越一樣。好在設計工具這個領域，從來不缺乏初生牛犢，今天要介紹的，就是幾個小公司在今年開創的一個新的細分類工具——用戶流Userflow工具。
做過原型和彙報的同學都會有感觸：雖然現在的原型工具能夠真實地呈現每個頁面和交互，但碰到團隊內部討論整體的交互流程和框架、原型評審，或者向上級（或甲方）展示作品時，這些工具就會顯得很啰嗦，無法給出一個完整的交互視圖，讓對方能很快理解整體的框架和流程。常用的做法都是用AI和Sketch做一個巨大的畫布，來展示完整的邏輯流程。這個時候，需要一個能鳥瞰全局的視角，到具體細節時，又可以快速切換到具體頁面。
用戶流Userflow工具，就是能提供這樣一個上帝視角的工具。同時還可以支持上帝視角和用戶視角的靈活切換。下面就介紹幾個今年最新發布的用戶流工具：
http://Overflow.io
Overflow是第一個出現的用戶流工具，來Alexis兄弟，在此之前他們還創辦了原型工具http://Proto.io。http://Overflow.io跟http://Proto.io是分開的，而且需要安裝客戶端，目前只支持Mac。但是http://Overflow.io可以從http://Proto.io直接導入原型，另外還跟Figma合作進行了對接，支持從Figma導入設計稿。國內外已經有同行對其進行了介紹。
官網：
Meet Overflow
演示項目介紹：SurfsApp-User-Flow - Made with Overflow
螞蟻團隊介紹：
鹿園：「工具」四分鐘認識一款用戶流程工具：Overflow
Protoypr介紹：https://blog.prototypr.io/meet-overflow-9b2d926b6093Marvel Userflows
Marvel本身也是一個原型設計工具，今年也剛剛增加了用戶流功能，可以將Marvel原型轉變為互動式用戶流。與http://Overflow.io不同的是，Marvel不需要另外安裝客戶端，如果是在Marvel設計的原型，可以直接轉成用戶流，另外還支持通過Marvel API的方式，嵌入API後支持將發布的原型直接轉化成用戶流，只需要輸入原型發布鏈接即可。
官網：
The design platform for digital products
Marvel Userflows官方介紹：
Introducing Userflows – Made with the Marvel API ??
FlowMapp
與Overflow、Marvel不同，FlowMapp不是一個原型工具，而是一個網站和APP的前期架構與地圖（Sitemap）設計工具，提供網站地圖、信息架構、內容架構的設計，最近有添加了用戶流功能。不過目前還不支持從其他原型工具導入。
官網：
https://flowmapp.com/END
推薦閱讀：
