Module 9 – Design, Wireframes, Story Boards

Design

There's a lot of talk in this about having everything 'above the fold' – interestingly today on the radio say that on the web there is no fold – different people have different browsers, screen resolutions etc so you can never really know where the cutoff line is – and further, people are much more accustomed to scrolling now than they were just a few years ago. That being said, I tried to keep Trip Takers generally within the space that the majority of users would see without scrolling. Certainly the map and main navigation items will be.

I thought it was interesting that they mentioned the 'What If' in relation to travel planning. The functionality to change search options is one of the reasons I use Kayak and will implement it on Trip Takers.

I'm not so worried about restricting data input as the site is specifically geared towards the US.

Well – I guess I'm going to break the pages that link to themselves rule – I want the navigation to be clear and consistent so pretty much all the pages will have a link to themselves. C'est la vie.

 

Wireframes

I'm usually rather anti-wireframe as it seems like an uncessary step – but I found it interesting that the notes said that 'much time and money can be saved in developing a Web site if you can get your client to understand and appreciate the usability of the proposed elements on your site before becoming emotionally involved in the visual style'. I've been developing in a vacume here quite a lot but I can see how this would be useful with clients. I could have used this way back when as I was designing access database programs and clients always got stuck on what color something was going to be and then when it was all put together change their minds. What's that saying – 'Form before Function'.

 

I ended up dividing my navigation into three sections, as suggested. What was interesting was people still wanted there to be some sort of other defining feature. I used different colors.

 

• Use a Hierarchical Structure – Place items of higher importance at the top of the page in easy to find places. Well – I did put the login and start here what would be near the middle of most screens – and the Logo and map at the top. I think this is the best weighting for the site
  
• Text Links in Lists vs in Paragraphs – Better to keep links separate from textual content.
  
  • I have a few links in paragraphs – but they are also navigational links. Better than just telling something like 'we have these great video tutorials' without the link there.
    
• The Home Page Is the Doorway to Your Site – As with feng shui, the entry of your site has the power to make people feel welcome or scare them away. You home page design is very important. Be sure it clearly identifies your site.
  
  • I think the logo/map/navigation clearly does this
    
• Keep Pages Short and Concise – Long scrolling pages are difficult to read online.
  
• Provide a Link to a Site Map on Each Page – This would normally be part of your administrative or utility set of links.
  
  • I don't plan on doing this – with the same navigation on every page it's virtually the same thing
    
• Use Consistent Navigation Cues – Keep your link sets in their same locations on each page. Think about conventions you see in the outside world and how they're consistent followed: road signs, street addresses, page numbers, book indexes, etc..
  
• Use Links Thoughtfully – Label your links using clear and obvious terminology. Bury your external links deep in the site to force visitors to use your site before they leave it. Sending external links to new browser windows allows your visitors to easily pick up where they left off on your site. – I don't know what this means
  
• Test As You Go Along – Even at the wireframe stage, you should be getting feedback from others. Show them your pages and see if they can understand how you use your site.
  

 

 

Story Boards

I do all of my story boards in Power Point and find it's the easiest way to arrange/rearrange things. I might at times be guilty of making them more attractive than the final site will be though.