Record Wireframe
Newspaper wireframe
Homepage wireframe

Reflection: We created three wireframes for main pages. We were planing to build a user flow wireframe, it is a simple visualization of how users would flow their activities, for example, the different avenues they can take to get different pages, if they click on certain buttons where would they go. Nevertheless, considering the shortages of displaying user flow wireframe for presentation, we finally decided to build low-fidelity wireframes, thus would help audience to have a better understanding of contents layout and visual representation. Generally it is fairly easy to create a low-fidelity wireframe, either using pen and pencil or basic drawing software, it can be used for rapid iteration because of the simplicity, it mostly focuses on the structure of the contents rather than details. Wireframe is basically a sketch of the website, before any kind of the design element or development even take place, it is a basic visual representation of elements on a website, creating wireframe is essential before creating or developing the real website, that because wireframe allows the developer to establish hierarchy of information on the page, mapping out where the most important elements are gonna go and helping people to comprehend what they gonna do when arriving at the website. Otherwise, wireframe can simplify communications between developers and target audience, audience would not distracted by design elements, there is nothing to focus on other than where things are located.

Interface storyboard

Reflection: Storyboards are extremely useful, I find a very useful scenario for them is: When I am creating a project just literally like what I am doing now, the visual representation of my website is the crucial thing to consider. The storyboard we created is named interface storyboard which displays all primary interfaces and their layout at current stage, we would definitely build more fancy web pages, adding visually aesthetic and interactive elements in the near future, but so far all primary and compulsory functions are included and clearly exhibited in the storyboard. Creating a storyboard is like I have a long narrative to tell and there are some kind of visually important scenes, it would mostly help people to understand the usage, interactivity and functionality of the website from user perspectives, and it is easy to make changes and alterations before going for the high-fidelity prototype as well as final product. Storyboards are remarkably helpful cause we got to create the visual representation of what the final scene will be laid out like and how things will be ordered visually without necessary building actual testing product.

Scenario

Reflection: we also established a scenario. Scenario is an outline of the plot of a dramatic or literary work, an outline or model of an expected or supposed sequence of events. We made up a persona and see how the concept will be working in probable situation, the major objective of creating a scenario is developing the potential problem as well as development space.

)

    Written by

    Gin Huang

    sd

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade