Week 9…Getting one step closer.

What I learned from this module’s assignments is that you want the design to be somewhat predictable and consistent for the user interaction.

This ran contradictory to my initial impression of what the “design” of a site should be about.  In my original storyboards, I had navigation links on the right side of the page and then would switch it up on another page of the site because I didn’t want it to feel monotonous.  It just felt like it would be so boring!  But after watching a video on Adobe and reading a few articles, I realized that by making it predictable you are really making it intuitive for the user.  They don’t have to think about how to navigate, which allows them to give full attention to the content.

The pretty part should be in the aesthetics – but don’t mess with the interface.  No one likes a site that is complicated or hard to use.  If I get frustrated with a site, I just google what I’m looking for and go to another site.

So the other main thing that I am starting to understand is that print and web are totally different.  What I thought would look good on paper, ends up looking like too much on the screen.  I realized this when I started making a Style Tile of the colors and fonts I wanted to use.

Here are pictures of the storyboard compared to the Style Tile:

Storyboard for the Bio Page

Storyboard for the Bio Page

Style Tile

Style Tile

For example, I originally thought that I would make actual squares as buttons for the links.  But when I tried it out on the page it looked unnecessary.  I thought that just using the word itself was cleaner – and everyone knows that you click on the links.  When you are staring at a white page, it feels empty.  When I look up at a screen the small details just seem unnecessary.  It’s counterintuitive to how I like things to look on paper, but I realize now it is a different medium and I will just get used to it with practice.

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