Sunday, February 22, 2015

Paper Prototyping

In human–computer interaction, paper prototyping is a widely used method in the user-centered design process, a process that helps developers to create software that meets the user's expectations and needs in this case, especially for designing and testing user interfaces. It is throwaway prototyping and involves creating rough, even hand-sketched, drawings of an interface to use as prototypes, or models, of a design. While paper prototyping seems simple, this method of usability testing can provide a great deal of useful feedback which will result in the design of better products. This is supported by many usability professionals.
Here is 3 paper prototypes for our software.(News Room of Infolanka.lk).
Paper prototype 1


Breakpoints and supposed solutions.

1.      Find older news articles.
Finding older articles is implemented on the top left hand corner of the site. The user can enter a year and press the Go button. If there are older news articles of the specified year in the site, it will be shown on the post column else an error message will be displayed. Since viewing of older articles option is implemented at the top, it is clearly visible and understandable to the user.

2.      Unable to find the link to go to chat room.
The user can go to the chat room by clicking on the Services tab; a drop down list, which will show listed other options of the site (other than viewing news articles). In this tab, a link to chat room is provided. This drop down list is implemented at the top for better viewing for the user.

3.      View the entire description of the post.
The user can view the entire description by pressing on the Read link which is clearly provided with the post description. Since the provided name “Read” is understandable, the user can straight away click it without doubt to view the entire post.

4.      Unable to find the link to view local songs.
By pressing on the Services tab; a drop down list, the Local Songs can be viewed. This provided option is much understandable to the user than the option of “Miyuru Gee” which is stated at the site, which probably might cause confusion.

5.      Date and time is not clearly visible.
The current local date and time is provided at the top of the page. It clear states the time in the correct format and the date. Since it is at the top with clear font, it is directly visible to the user and the user doesn’t have to look for it.

6.      No option to save post.
The option to save a post is given at the end of the news post as a Save button. Hence, the user can press on this if he/she desire to save a news post. The provided Save button is clear to the user since such an option is not given at the implemented web site.

7.      Unable to find a link to view advertisements featured by the site.
Advertisements featured by the site can be viewed by pressing on the Services tab; a drop down list, which clear provides a link to Advertisements. This provided option will not cause any confusion for the user if he/she needs to view only the advertisements of the site.

8.      Unable to find the number of views of a news post.
The number of views of the news post is given at the end of the post. The user can easily find out the exact number of people who have viewed the article.

9.      Unable to find the author of the news post.
The author of the news post is provided at the end of the description of the post. It is clear and visible to the user.

10.  Unable to find the date of the news post.
The date of the news post is provided at the end of the description. Therefore, the user can easily find the date relevant for each news post.

Paper prototype 2


Breakpoints and supposed solutions.

1.      Find older news articles.
The user can find older news articles by selecting a year and pressing the Search button. This is implemented at the left hand corner of the site. If there are posts under the selected year, it will be shown on the news post column else an error message will be displayed.

2.      Unable to find the link to go to chat room.
The link to Chat Room is provided at the top right hand corner of the site. The user can click on it and visit the chat room. This is implemented with visible font so it can be easily seen by the user.

3.      View the entire description of the post.
The user can read the entire description of the news post by clicking on the Full Description link provided at the end of the description. This will show the entire news post. This implementation is understandable to the user.

4.      Unable to find the link to view local songs.
The local songs can be viewed by pressing on Local Songs tab implemented at the top of the page. This link is given at the top for clear visibility and the font is also visible to the user.

5.      Date and time is not clearly visible.
The date is provided at the left hand corner as a Calendar and the time is shown as a Clock. Since this is implemented at the top of the site and it is quite visible, the user doesn’t have to look for the local date and time.

6.      No option to save post.
The news post can be saved by the user if he/she wishes to do so by pressing on the Save Post option given at the end of the description. Therefore, saving of the post can be done without much hassle.

7.      Unable to find a link to view advertisements featured by the site.
The advertisements belonging to the site can be viewed by pressing on the Advertisements tab provided at the top of the page. This is implemented with clear font so that it can be easily spotted by the user.

8.      Unable to find the number of views of a news post.
The user can find out the number of views of the post by clicking on the Post Details which is implemented at the end of the description of the post. This will show the exact number of people who have read the news post.

9.      Unable to find the author of the news post.
The author relevant to the news post can be viewed by pressing on the Post Details which is implemented at the end of the post’s description.

10.  Unable to find the date of the news post.
The date of the news post can be viewed by pressing on the Post Details which is implemented at the end of the post’s description.

Paper prototype 3.

Breakpoints and supposed solutions.
1.   Find older news articles.
The user can find older news articles by selecting a year and pressing the view icon. It is implemented under the left side menu list.

2.      Unable to find the link to go to chat room.
There is a set of clear icons on the top of the page. Chat room icon can be notify there with an image of two talking people.

3.      View the entire description of the post.
Users can view entire description of a post by clicking on Read button which appear in each news post.

4.      Unable to find the link to view local songs.
Icon to go the local songs page is on the top of the page. It is in the list of icons on the top of the page.

5.      Date and time is not clearly visible.
In this prototype, a digital clock and date is on the top of the page. It’s located below to the name of page.

6.      No option to save post.
In each post there is an icon with down arrow. It’s usually used to download something. So with that meaning users can clearly identify place to save the post.

7.      Unable to find a link to view advertisements featured by the site.
This link also on the top of the page in top icon set with image with “ADS”.

8.      Unable to find the number of views of a news post.
In each and every post there is a number with a graph. This is usually used to show numbers of views.

9.      Unable to find the author of the news post.
In each news post, author can see beginning of the post with an icon of a man.

10.  Unable to find the date of the news post.
In every news post you can find date after the title of the post.

Tuesday, February 10, 2015