2. Briefs and Wireframes
- Claire Smith
- Mar 1, 2016
- 1 min read
Briefs and Wireframes
A design brief is usually the first port of call for any major project. A brief usually states what you are hoping to achieve and sets the parameters of what you expect your designer to do (Sumo, 2013).
Based on a brief constructed by a peer, the designer was asked to create a wireframe for a website. Lim (2012) believes that wireframing is an important step in any screen design process. Wireframing allows the designer to create an information hierarchy, making it easier to plan a layout according to how you want your user to process information.
Based on this brief, the designer produced the wireframe below:
The Brief:
Charlotte Robinson
Colour scheme - minimal, black & white
Production company (freelance) - homepage
Social media links - homepage
Work portfolio - link on homepage
Contact info, about me, email, phone number - homepage
Navigation at the top.
The Wireframe (click link for annotations): https://wireframe.cc/URFz8s
Potential Design:
References:
BELICOVE, ME 2010, 'Frame it out', Entrepreneur, 38, 11, p. 65, Business Source Premier, EBSCOhost, viewed 28 Feb 2016.
Frasco, S. (2013). 6 Reasons Social Media Is Critical To Your SEO. [online] Social Media Today. Available at: http://www.socialmediatoday.com/content/6-reasons-social-media-critical-your-seo [Accessed 2 Mar. 2016].
Lim, W. (2012). A Beginner’s Guide to Wireframing - Envato Tuts+ Web Design Article. [online] Web Design Envato Tuts+. Available at: http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399 [Accessed 28 Feb. 2016].
Nielsen, J. (2006). F-Shaped Pattern For Reading Web Content. [online] Nngroup.com. Available at: https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/ [Accessed 2 Mar. 2016].
Sumo, (2013). How to write a good design brief - Sumo. [online] Available at: http://www.sumodesign.co.uk/impact/how-to-write-better-briefs-for-design-agency/ [Accessed 28 Feb. 2016].
Comments