diff --git a/content/notes/08-personas-and-scenarios.md b/content/notes/08-personas-and-scenarios.md index 08ec55614..4f97dde7b 100644 --- a/content/notes/08-personas-and-scenarios.md +++ b/content/notes/08-personas-and-scenarios.md @@ -9,3 +9,5 @@ tags: --- [personas-and-scenarios](notes/personas-and-scenarios.md) +[storyboards](notes/storyboards.md) + diff --git a/content/notes/cosc-202.md b/content/notes/cosc-202.md index ccd167787..1a13f6350 100644 --- a/content/notes/cosc-202.md +++ b/content/notes/cosc-202.md @@ -6,7 +6,7 @@ tags: - course - cosc202 --- -links: [[_index]] +links: [_index](_index.md) - [[notes/cosc-202-lectures]] - [[notes/cosc-202-outline]] diff --git a/content/notes/info-201.md b/content/notes/info-201.md index 0f14d8c22..9f3bf7cb8 100644 --- a/content/notes/info-201.md +++ b/content/notes/info-201.md @@ -6,7 +6,7 @@ tags: - course - info201 --- -links: [[_index]] +links: [_index](_index.md) - [[notes/info-201-outline]] - [[notes/info-201-lectures]] diff --git a/content/notes/info-203.md b/content/notes/info-203.md index 3a177934a..4490d49fb 100644 --- a/content/notes/info-203.md +++ b/content/notes/info-203.md @@ -6,7 +6,7 @@ tags: - course - info203 --- -links:[[_index]] +links:[_index](_index.md) - [[notes/info-203-outline]] - [[notes/info-203-lectures]] diff --git a/content/notes/storyboards.md b/content/notes/storyboards.md new file mode 100644 index 000000000..6db5fc754 --- /dev/null +++ b/content/notes/storyboards.md @@ -0,0 +1,59 @@ +--- +title: "storyboards" +tags: +- info203 +--- + +mockup of user scenarios + +problem with sketches +- hard to capture dynamics of interation over times= +- captures user interface not user behaviour + +a good storyboard should tell a story +short and concise +low fidelity +not about pretty picures. ⇒ about communicating ideas + +![](https://i.imgur.com/dyZIPH9.png) +![](https://i.imgur.com/YE27hWp.png) +![](https://i.imgur.com/uOqAl4o.png) + + +# 1 pros ++ holistic focus ⇒ helps emphasoze how an interface accopmlishes a task ++ avoid commitment to a particular UI ++ helps get all the stakeholders on the same page in terms of the goal + + +# 2 Tips +tell a story +![](https://i.imgur.com/NTpXK14.png) + +- base it off the scenario + +play with the angle/perspectives + +![](https://i.imgur.com/aJ11kgo.png) +![](https://i.imgur.com/aBSoHwJ.png) + +simplify and develop vocabulary/your own style +![](https://i.imgur.com/jwDROAW.png) + + +using tracing and templates +![](https://i.imgur.com/wwf7ab3.png) + + +- setting + - people + - environment + - task being done +- sequence + - what steps + - what leads someone to the app + - task task +- satisfaction + - what is the users motivation + - what does it enable people to accomplish + - what need does the system fill