phodal
diff --git a/‎docs/images/process.png
55.4 KB b/‎docs/images/process.png
55.4 KB
diff --git a/‎docs/images/shortand.png
12 KB b/‎docs/images/shortand.png
12 KB
diff --git a/‎docs/images/userflow-design.png
48.9 KB b/‎docs/images/userflow-design.png
48.9 KB
diff --git a/‎docs/images/userflow.png
9.82 KB b/‎docs/images/userflow.png
9.82 KB
diff --git a/‎docs/images/wireflows.png
445 KB b/‎docs/images/wireflows.png
445 KB
diff --git a/‎docs/ux.md
+39 b/‎docs/ux.md
+39
diff --git a/‎examples/flow.design
+3 b/‎examples/flow.design
+3
@@ -0,0 +1,39 @@
+# 资料
+
+
+[什么时候使用用户流设计](https://uxdesign.cc/when-to-use-user-flows-guide-8b26ca9aa36a)
+
+![UserFlow Design](./images/userflow-design.png)
+
+[任务流，用户流，流程图以及其它全新术语](https://uxplanet.org/ux-glossary-task-flows-user-flows-flowcharts-and-some-new-ish-stuff-2321044d837d)
+
+Userflows
+
+![Userflows](./images/userflow.png)
+
+Wireflows
+
+![Wireflows](./images/wireflows.png)
+
+Task flows
+
+
+
+## Old
+
+[A shorthand for designing UI flows](https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows)
+
+![Shortand](./images/shortand.png)
+
+ - See
+ - Do
+ 
+```
+ 
+What the            What the
+user sees           see Next
+---------     =>    ---------
+What the            What They 
+DO                  Do  Next
+ 
+````
@@ -0,0 +1,3 @@
+Goto HomePage -> Tap/Click "Photos" 按钮 -> 来到相册:看到全部的照片
+
+
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+Goto HomePage -> Tap/Click "Photos" 按钮 -> 来到相册:看到全部的照片`
	`2`	`+`
	`3`	`+`