Monday, February 23, 2015

Homework 3: Paper Prototype of an Interface



     Deliverable for PART A 

 


Differences between the Versions.

1. Menu Bar
Version 1 - Here the menu bar is at the top.
Version 2 - Here the menu bar is at the left and it goes down.
Version 3 - The menu bar goes down in both sides of the page.

2. Recent Headlines
Version 1 - It’s a moving horizontal bar which is located below the menu bar.
Version 2 - It’s a moving horizontal bar which is located below the top story.
Version 3 - It’s a moving horizontal bar which is located in the top of the web page.

3. Top Story
Version 1 - It’s more highlighted and it’s animated. 3 images moves continuously.
Version 2 - It’s in the left top corner.
Version 3 - It’s highlighted than the version 2.

4. Feedback
Version 1 - It’s in the menu bar as a link.
Version 2 - It’s in the menu bar as a button.
Version 3 - It’s in the menu bar and in the left hand side as a button.

5. Last updated date and time
Version 1 - It’s in the top left corner of the page.
Version 2 - It’s in the middle and next to the recent headlines.
Version 3 - It’s in the middle below the top story.

6. Separate news categories
Version 1 - It’s a separate square shaped categories.
Version 2 - Separated categories. But more highlighted than the other two.
Version 3 - Separated categories and it’s spreading all most whole the page.

7. Advertisements
Version 1 - Here advertisements are in the left side of the page and they contain in a vertical                    section.
Version 2 - Advertisements are in the middle and also at bottom.
Version 3 - Advertisements are at the top of the page below the heading.

8. Alignment of the page
Version 1 - The whole page is taken.
Version 2 - Two vertical lines are left in both sides.
Version 3 - It’s pretty much like the version 1

9. Gallery
Version 1 - It’s more like a button and located near top story.
Version 2 - It’s a link and it’s located at the bottom.

Version 3 - It’s a button and it’s in the menu bar.




Best Version out of all three versions in each feature

1. Menu Bar
Here Version 1 is much better than the other two versions. Because it’s more visible to the user and also it doesn't take much space in the page.

2. Recent Headlines
Here also Version 1 is the best. Because it’s more visible to the user. So he can easily read those moving news headlines.

3. Top Story
Version 1 represents the best way of the Top story. It’s more highlighted than the other two versions.

4. Feedback
Feedback is much better as a button in the menu bar. So Version 2 represents the best way of it.

5. Last updated date and time
Again this also better in Version 1 than the other two versions. Because it’s in the left top corner of the page in small letters. So it’s more visible and also it doesn't take any space from the page.

6. Separate news categories
When consider this feature Version 2 represents the best way to do it than the other two versions. Because it’s more attractive and it makes the page less complex.

7. Advertisements
In version 2 all the advertisements are in the later part of the page. So it’s the best way to display advertisements. Because of advertisements usually the page gets messy. But if we changed it to a page like in version 2 then users won’t have difficulties when reading news. Therefore Version 2 is the best.

8. Alignment of the page
It’s also better in Version 2 than the other two versions. Because it leaves some space from the both sides of the page. So it’s more visible and also it can maintain a good shape in the page.

9. Gallery
Here Version 3 is better than the other two versions. Because it’s there in the main menu as a button. So it’s more user friendly.