Web Design 2 #3 Chapter 15 and 16

For this blog i am going to solely focus on Chapter 16 which discusses redoing a website. This really interested me because I love the idea of fixing things such as a out of date website or a poorly designed website. As a beginning web designer i feel this is a great thing to start with because you have the content you need all you have to do is figure out a better solution and an overall solution to the problem of the original website. All in all it is just problem solving .  I found an excellent video for this. The video is sort of long but the idea behind it is where to start. It tells you to get an overall look and feel for your website by doing these three steps : 1. Define it in words first2. Use visual metaphors
3. Know the history & the rules of design. http://www.youtube.com/watch?v=P8QQ_WMX2x8&list=SL&feature=sh_e_se In other words the three steps are telling you to know design and know it well . Know how to describe what you are trying to do , use metaphor to help get your idea across visually, and know the rules of design. You can not expect to design a website and not know the basics. Being in web design two this should be fairly familiar. However i was just using this video as something to catch people up. Another helpful link that i found was http://www.universitybusiness.com/article/10-tips-successful-website-redesign This also gives you steps to a successful website redesign. Those 1o steps are : Define strategic goals, do your homework, don’t forget ADA and web standards, Put on your project manager hat, spend quality time with your content, invite feedback, don’t forget to test , Get a CMS when you redesign, Embrace incremental redesign, and don’t worry. This is basically telling us to know what you are design and know it well. If you are redesigning a housing companies website know how they talk , and know what they mean when they use logistics. That link is pretty straight forward so i wont reiterate it all. All in All you need to know your content well when you choose to redesign.

Web Design 2 #2

Typography seems like such a simple concept , but yet there is so much to understand with this term. When it comes to websites and coding, typography can become very tedious and cumbersome. The book gave us 6 guidelines for using typography when designing a website. You must first limit yourself to two fonts. If you use anymore than two it can become very distracting and lead to someone leaving your website. Such as this example : http://www.soccergiftshop.co.uk/ . The next thing that the book said about typography was how we should restrict color. Meaning if the page uses unnecessary color it may confuse the viewer. Although this is an interesting website this use of color on this website becomes confusing and unnecessary : http://www.posttypography.com/. The third guideline that the book gives us would be matching font size to margin width so that it is easily readable. This website does the complete opposite which is why this is a great guideline to follow:http://www.giftshop.ed.ac.uk/site/index.cfm?killnav=1. The fourth guideline would be using a grid format. As suggested in chapter 12 the grid can be your best friend. It will allow for your viewer to follow your page easily. An example of a great grid website layout would be : http://www.wilsonminer.com/. The fifth guideline would be to design to encourage reading. This means that you are to use things such as pull quotes or oversized opening paragraphs to get the viewer engaged. This website does an excellent job with that: http://99designs.com/ . And last but certainly not least the sixth and final guideline would be to set your type to a baseline grid. This will bring overall harmony to your page. An example of this would be :http://www.alistapart.com/d/settingtypeontheweb/example.html. This video that i found on youtube emphasis this whole set of guidelines very well: http://pixeldreams.com/2011/. So as you can see with following all of these guidelines you can create an interesting and dynamic website and keep the viewer engaged .