Saturday, 28 January 2012

Designing a website- Part 5 - MS Visio Vs MS Word



Comparison between MS Word and MS Visio


I have used both programs for designing my 13 page site maps on I have found out that....

Easier to use:


I am much more familiar with the tools on Word making it easier to find the shapes, the writing and navigating the boxes around the screen, but saying this when I used Visio these functions where also easy to find on the screen because in Visio a design needs to be selected in order to make boxes and draw lines.

Boxes:


In Word there are only 4 designs to make boxes where as in Visio there is many more. In Visio the user can select what type of box they require this way they can select a range of group boxes or just a plain box so this way it’s easier to understand. They where used to separate each of the pages showing the matrix map clearer. I used it just for that to indentify more clearer the pages. 

Lines:


Drawing the lines which connect between boxes is critical, they show how the website will navigate not having these lines where necessary it could resolve in the website not functioning as it should be. Having broken links between pages or not being able to go back to the home page. In Word these lines could be draw dead straight with one bend in the middle or free hand by the mouse where as in Visio the option of drawing it free hand is simple not possible. I have used the free hand option in my design in word yet in Visio I had to find another way of doing the same job, pop out messages saying where they should go. When moving the boxes around in word the lines do not go with the them, in Visio they do which makes the whole process of positioning so much easier because later when the design needs improving not everything would need to be moved manually. The arrow at the end of the lines defines the direction of which way the user can and can’t go, in word when right clicking on the line this could be selected pretty easy but very time consuming in Visio it was done through the top menu bar which I found to be quicker and less time efficient.

Colour:


When using both of the programs for the first time I didn’t use any colour any parts of the designs, but on both programs colour can be used for both the lines and the boxes to identify their group or connections between each of them. This makes it much easier for the user to understand what’s going. I used the colours for the lines just so it can make it easier to read and for the boxes so when i draw the bubble it made it easier to understand what's going on.

Background:


Visio allowed the background to be changed from the standard grey to something more interesting, making the sitemap look better in every way. Word does not have this kind of option. I used this fuction to make the design look better. 

Speech Bubbles:


Although both programs have this kind of option of making speech bubbles, Visio’s version is better because once is put in place they will stick to the object, so when the object is moved the speech bubble will move with it. I used a speech bubble so I can describe what coloured boxes mean. Using such bubbles made the map look simpler by making some of the line disappear.

Measurements and precision:


In Word when making adjustments of the way things are positioned it its quite hard to get the result looking for so if I was to make the same size box from scratch it will be very hard to get the right size. Where as in Visio there is measuring tool at around the screen so when doing this it’s easier to create. By that moving the boxes around the screen I was able to makes them at the same level this way  they look identical and all in all better looking.


To conclude Visio is the better program to draw this kind of maps on but Word is still good as it mostly designed for word processing. I the future I will only use Visio.



Designing a website- Part 4- Evaluation of 13 page sitemap

The site map has many potential problems since it doesn’t have any arrows telling us what goes where, on the brighter note it makes some sense. I like the way it matches my one and all the pages link to the homepage, Remy’s sitemap also links all the pages to the home page, and mans, woman and the accessories are on a different page (i.e.  They are linked through the product page) which in my opinion is very essential since it would make the designs better and easier to use by everyone. I’ll ask Abdul and see if he may consider making the page like that in order make it that way.  We should not change this.
Looking back to my graph I feel that we need to further discuss, from where we should consider putting the registration page as Remy’s and Abdul’s suggests that it should be a link from the home page where as I think it should be in the log in page.  After a short rethink I think that we should make it from the home page just as Remy’s design.  Yet Remy’s design does not show a line going back to the home page which I think is important so the users can go to the home page.
At this point I would like to add that in future designs we should be use colour to draw such sitemaps, this way it would make the whole the graph more comprehendible.  


We have agreed the Product, About Us, Contact, log in, software download, website policy and accounts page the user will be able to access them from every where.


I have emailed Abdul and Remy asking them what they think may be right thing to do. 

Thursday, 26 January 2012

Designing a website- Part 3- 5 Page sitemap and 13 page sitemaps update


Description of site map
The site map which I have created is missing one of Remy’s pages (accounts) this is because I have rushed it but I have re-done it and now it has its 13 page site map instead of 12 pages as previously have done. This may of moved us away from the dead line but the obstacle was over come.


Basically all the pages link to the home page, this is important since the user may need to go back home, as far as I am aware all the webpage on the internet are based around this. Our webpage needs to do this so any one can have the benefit of knowing their way around the website, this way it will make it easy for the user and keep them on the site. The registration page is the exception where the user will not be able to go straight to it, instead they will have to go through the log in page. In order to get to the man, woman and accessories page the user would need to go through the product page. This is the way which most big site work so it would be good for the user since the will understand it. This will make everything so much more simpler and tidier.

Wednesday, 25 January 2012

Designing a website- Part 3.1- 5 Page design


25/1/12
During the last weeks lessons I have designed the 5 page for the website, Index, Registration page, Products, Men’s Page, Check out, this was done in word by using simple square images and colours which mage the foundation designs what the website could look like. Referring to our project plan we are still on schedule, but also recording to the project plan we should get the evaluations done all by Monday the 30/1/12, which may mean we are going to need to work over the weekend and make evaluations over then so we can meet the dead line on Thursday 2/2/12.

5 possible designs