iact.in redesign


Team: Ashwath, Chen, Menghai and Richard.
Duration: 1 week.
My role: Build wireframes for user testing and building the html mock up.
Softwares: Notepad++ & dreamweaver(html, CSS), Balsamiq.

Responsive image

The issue

SCAD's Interaction Design programme is offered as a minor under the School of Design. The department had a poor online presence and no sense of identity as it is still fairly new. The blog, iact.in was very generic and failed to add any value to the course. So we decided to change that.

Responsive image

Research

Research involved looking at blogs that were good at being blogs and ones that were bad. This varied from general to focused blogs, private and college blogs.
Responsive image
Responsive image

Our direction

We realized we needed to push iact.in towards becoming a better school focused blog which had quality posts about the current and previous projects.

Responsive image

Reframe

Our new information architecture was created to get better quality posts from people. We envisioned a dynamic grid webpage. Better posts with more hits would stay on top of the webpage and appear in bigger tiles. We also incorporated methods to be able to navigate invidual classes and projects easily.
This was our process:

Responsive image

Sketch + Wireframe
We came up with sketches for how the new lay out should look.



Wireframe + Balsamiq Next we created interactive wireframes based on our sketches for user testing.
Responsive image



Responsive image
Responsive image

Balsamiq + User Test = Feedback
We used the wireframes to conduct some user tests. The feedback was very valuable as it came straight from the students who actually post in the blog. We then took all the feedback and built an html mock up to show our new information Architecture for iact.in

Click here to see our Balsamiq wireframe

Refresh

With the feedback we got, we made an html mockup to present our ideas

Responsive image
Responsive image


Since summer 2013, the iact.in blog has seen two iterations of redesigns based on our recommendations and is now a much more active blog with better quality posts fuelled by the passion of students and a desire to inform others and show off awesome student work from SCAD's Interaction Design minor.