Learn how we created this site - Part 1
Posted on June 03, 2017
By Thomas Yung
Before we get started, you should read up on the reasons on why we built this site. Besides the obvious notion that all legitimate organizations require a website presence, there are other problems that we thought a website could help us with.
Back in the summer of 2016, we made a decision to build our website using a user centered design approach. We planned several design and coding workshops over the span of several months.
Workshop #1 - Kick off, project charter, roles/responsibilities, branding
Workshop #2 - Review logo design, persona exercise
Workshop #3 - brainstorm content / information architecture.
Workshop #4 - Wireframes, decide on what to prototype and test
Iterative Development - Develop -> Test -> Feedback -> Complete? Y/N -> Repeat if needed
Workshop #1 - Branding and mission statement
Before starting on branding, it was important to establish our mission statement and an official name for the group.
We did a brainstorm of what each of us thought the group provided as value for members.
Then, we posted on the board, and looked for common themes.
We came up with “UX Design Matters” as our group’s name.
As part of our homework, we brainstormed some logos for the next design workshop. Myself, Dana Palmer, Jan Hagenbrock came up with several designs. In workshop #2, we discussed them as a group and voted on the three best ones.
Then, we decided to put them up for public voting using a TypeForm survey. The survey was kept up for a month. The results were close, with A winning. Since Dana had the winning submission, she went ahead and posted the logo source files out on GitHub.
Workshop #2 - Personas
Personas are a UX deliverable (based on real user research) that helps all stakeholders keep the end-user in mind. This will help us with future design decisions. The exercise of coming up with them as a group will also help inform the features to provide in the website.
During the second workshop, the group spent a good portion of the hour on brainstorming assumptions and observations about people that would be most interested in our UX Design Matters group.
We then broke down all the items into three categories:
Demographics / Background
Behaviors / Actions
Needs / Pain points
Check out the whiteboard full of stickies. (Beautiful)...
Based on user research gathered from interviews and conversations prior to all the workshops, we came up with these 6 proto-personas.