User Experience 1 – Week 7

There are lots of files this week, and a good number that are new.  First off, we were asked to reframe what our project could be and how we could approach it.  This wasn’t asking us to redo the entire semester, just to think critically about how we approached the need and if it how it could be approached differently.  Next, we each presented as if we were presenting our Final Presentation to the thesis panel.  This was a great exercise to get my presentation materials up to speed and I received lots of good feedback. Another thing I worked on was creating three key High Fidelity Design Specs out of the entire project.  These design specs will be used in my high-fidelity prototype I will post next week.  Last of the new files, we each had to create a Project Timeline and outline our goals and needs before we graduate.  This is not a timeline we will be held to, it’s a timeline to help us stay on track and see where we are at.

Files that were updated include: Content Inventory v6Personas v3Information Architecture v9Navigation Wireframes v8Storyboards v4Test Plan v5Testing Report v2, and Usability Test Task Worsheet_v5.

Reframing

 

Final Presentation

 

High Fidelity Design Specs

 

Project Timeline

 

Content Inventory v6

 

Personas v3

 

Information Architecture v9

 

Navigation Wireframes v8

 

Storyboards v4

 

Test Plan v5

 

Testing Report v2

 

Usability Test Task Worsheet_v5

User Experience 1 – Week 6

As I have been moving towards user testing I have tried to finalize my user testing plan and refine all the documents I’ve created up to this point.  Early this week I created: Information Architecture v6Navigation Wireframes v5StoryboardsTest Plan v2, and a Usability Test Task Worsheet v2.

Later on in the week I revised a whole lot of the documents and actually performed user testing.  This last part of the week I revised and created: Usability Test Task Worsheet v3Testing ScriptTesting ReportTest Plan_v3Storyboards v2Navigation Wireframes v6Information Architecture v7, and my Content Inventory v4.

 

Late Week Documents:

Usability Test Task Worsheet v3

 

Testing Script

 

Testing Report

 

Test Plan_v3

 

Storyboards v2

 

Navigation Wireframes v6

 

Information Architecture v7

 

Content Inventory v4

 

Early Week Documents:

Information Architecture v6

 

Navigation Wireframes v5

 

Storyboards

 

Test Plan v2

 

Usability Test Task Worsheet v2

 

Motion Graphics – Week 6

I’m a little behind this week, but I was able to produce the timing cut.  I refined a few items, but this is the final timing cut as I move into actual animation.  There is no music here, only voice over and production boards.

http://youtu.be/C87vGh9N-8E

 

Motion Graphics – Week 5

Phew, another intense week of creating visuals. I think I finally created everything necessary to move into the animatic stage.  All the production boards are done, but I’m sure I’ll have to adjust a few things once they are in After Effects. On to prepping the files to make them usable in AE.

03 - Parallax-Roads-Toxic-v4
Finished long pan shot.

04a---Toxic-Icons 04b---Toxic-Icons---Diversity 04c---Toxic-Icons---Environment 05---Toxic-Clean_v2 07---Street-Scenes-01 08---Street-Scenes-0209---Street-Scenes-03 10---Street-Scenes-04

Icons about urban farming: healthy food, community, jobs, and environmental impact
Icons about urban farming: healthy food, community, jobs, and environmental impact

12---Map-v2 12b---Map-v2 13---800-Million 14---30-40-Saved 15---30-40-Saved-MANY 16---Plant-Seed 17---Seed-Grow 18---End-Zoom-Out

User Experience 1 – Week 5

Wow, so big changes this week.  First, I started off with creating some high-fidelity mockups (see bottom of post) and updating the information architecture (v4).  I had a good looking interface going, and I think this could be a great app someday, but after a discussion with Ryan (our program director) I was inspired to reimagine what this project could be.  I redid almost all of the files from the previous weeks in a few days and created a new way of communicating this information.  It’s basically going to be a one page scrolling site, and there will now be interactive infographics and an attempt to focus in on the core of the material.  I reduced the personas by one, created new wireframes, updated the content inventory, updated the SSNiF Chart, created a Usability Test Task Worsheet, and completed a UX Personas Scenarios Spectrum.  Lots of work this week, but I think the end product will end up being more exploratory and less formulaic.

Content Inventory_v3

 

Personas v2

 

Information Architecture v5

 

Navigation Wireframes v4

 

SSNiF Charts v2

 

Usability Test Task Worsheet

 

UX Personas Scenarios Spectrum v2

 

Information_Architecture_v4

 

Navigation Wireframes v3

 

Find Index - Mock Up (Unfinished)
Find Index – Mock Up (Unfinished)
Find Ideas
Find Ideas – Mock Up
Plan Maker - Intro
Plan Maker Intro – Mock Up

Motion Graphics – Week 4

This week I recorded my voice over script and started work on a few of the production boards. It turns out that my storyboards helped out immensely in planning my production boards. I don’t think I’ve ever pumped out illustrations so fast and still consistently likely them. I must be improving before my very eyes, because I’ve never been able to work this fast and maintain my quality and standards. I’m posting a few examples of my production boards.

Storyboard 1
Storyboard 1
Storyboard 2
Storyboard 2
Storyboard 3
Storyboard 3

User Experience 1 – Week 4

This week included card sorting with fellow class mates, a completed customer journey map, an updated information architecture, and brand new wireframes. I was a little frustrated with the card sorting exercise because I felt my class mates weren’t my target audience and they didn’t actually understand some of the words in English. Even though the card sorting didn’t go so well, I was able to gain a few points that I thought would be helpful to all users. Mostly, using possessive language like “My Plan” in some places confused people when it sub-sections included “My…” as well. My completed customer journey map shows the current state of a user who attempts to begin their own garden. It’s shows the high points and the low points, but mostly it shows the opportunities my app has to help the user out along the way. My new information architecture shows when a database of items will be needed and when storage of information to the database will be necessary. Lastly, the wireframes were created to start showing the very basic idea of what this app will be laid out like. So far it’s just been in my head, but it’s nice to finally have the skeleton in place.

Card Sorting - In Class
Card Sorting – In Class

Customer Journey Map_v2

Information Architecture_v2


Information_Architecture_v3

Navigation Wireframes


Navigation_Wireframes_v2

User Experience 1 – Week 3

This week I created a concept map, two mind maps, started a customer journey map, and completed an information architecture. The concept map is used to help simplify and understand what my app intends to actually do, and what someone might expect to see in different sections of the app. The first mind map I created was slightly off-style from the version we were replicated so I was encouraged to redo the assignment in the exact same style. The main issue with my first version was that I wrapped the items in bubbles and instead they should be simple lines connecting lines. The second time around I was able to simplify the process and be more specific in my goals, so it worked out. My incomplete customer journey map is posted just to show I;m making progress on it, but I was discuss it more next week. My information architecture shows exactly where someone will find the different items in my app. I have four main sections: Get Started, My Plan, Idea Board, and About the App.

Concept Map v2

Mind Map v1

Mind Map v2
Mind Map v2

Customer Journey Map v1 (UNFINISHED) 

Information Architecture v1

User Experience 1 – Week 2

This week we spent our time on creating a SSNif chart, content map, persona list, and content inventory. My stakeholders include: a high school graduate, a middle school teacher, a homemaker, and a college student. My four personas are: Sarah Fennema (26), Althea Kemmer (30), Nick Smith (22), and Darryl Gilland (19). My content inventory includes lots of items, but some of them aren’t actually needed for the final thesis project. The “…” on the content map illustrate that there is more than could be listed on the white board.

SSNiF Chart
SSNiF Chart – In Class
Content Map
Content Map – In Class

Download the PDF file .


wpid-teater_mark_UX_Personas_Scenarios_Spectrum-2013-06-22-13-20.pdf

Download the PDF file .


wpid-teater_mark_farmur_SSNiF_charts-2013-06-22-13-20.pdf

Download the PDF file .


wpid-teater_mark_farmur_personas-2013-06-22-13-20.pdf

Download the PDF file .


teater_mark_farmur_content_inventory

Mark Teater's Graduate AAU Thesis Journal