Unit 3 Reading Response

Chapter 6 “Navigation”

Steve thought it would be nice to torture Scott’s students by writing a really long chapter about website navigation for them to read. He brought some theory of using conventions into play and related that to looking for a chainsaw. So it didn’t actually suck. Chainsaws are fun!

Frustration was a big point of this chapter, and that is a really good thing to keep in mind. When designing a website it is important to think about how the user is going to go through your site, no matter if it is their first time accessing it or 500th time. Albeit, the person using your site for the 500th time probably know what they want already, but they can easily find it thanks to your awesome navigation! This is where the frustration can come in. If a person goes to your website, they have come to expect things to be in a certain place or way, and if not, they better be easy to figure out or you’ve just lost a customer or client. The demographic that uses the site needs to be thought of and considered HEAVILY when designing navigation or anything for that matter. Make it easy for the old folks out there (scott, I’m looking at you) to find out if Walmart sells fixodent or not. Thinking of this and implementing into your design shows your client that you can think about more than just aesthetics and really shows you are on their side.

In the end, navigation is important and should be organized effectively and logically, and that applies to the first level of navigation all the way to the last, if you have time. Priorities are priorities…

  1. Must haves
  2. These would be nice..
  3. Only if there is extra time

Robin Noguier

Robin has his portfolio laid out in a very interesting way, including hero images in for the display of his projects. They are not cropped like other portfolios, it is just a continuous scroll to look at each project. The type is sans serif and easy to read, very contemporary. The project presentation is slick as ell, with the continuous scroll being used to display each project. The project display was designed to fit on the website, something to take into consideration, which shows the effort this designer goes into. There is a side bar navigation for each level and I actually didn’t notice it until I took a screenshot of the page.

Information should be found, not seen. – d. danioth

landing page
landing page
project
project
project innards
project innards

Irene Demetri

Portfolio websites can look different but I find some break the conventions but still make it easy for a user to locate items they are looking for on a website.  The line is ridden pretty close here with Irene’s website. Its framed subtlety and doesn’t have the standard navigation bar, although the hamburger is used for the menu. The layout is structured like a grid and has little animations for most of the boxes. Now each box isn’t labeled directly, but with a little thought, you could figure it out. This is true throughout most of the website, the breaking of conventions, but it is easy to figure out, and that is important. As long as the broken convention is easy to use and understand, you can use it.

landing page
landing page
projects
projects
project innards
project innards

Bethany Heck

Heck House is awesome. I like the little usage of icons, the shout outs to the developer who helped her make the site, and the way the projects are laid out. It has sort of a newspaper feel, and i really enjoy just scrolling through to see each one. There is a description for each project right under it, which is very helpful. The Headers are slab serif and the body is a nice sans serif that pair very nicely. This website has a lot of information to digest but is designed so elegantly in each project that i would like to sit with a fresh cup of coffee and look at each project. This one is a winner. This one is a winner my friends.

landing page
landing page
project page
project page
project innards
project innards
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s