In the immerging technologies ,there are more innovations that come up ,however the technology is dynamic by nature where various fields keep on changing .Currently there is innovation in field of computers and the hand held devices like the mobile phones and the tablets ,these devices have new features in that they only supports well the HTML5 web applications.
As a result of rise of this new technology devices ,there is a need to come up with the website which is accessible to all devices without necessarily designing two or more websites separately.
In order to ensure that the websites developed are accessible well on the various devices ,there is use of a simulator software which is mainly integrated with the chrome browser and then it is used to view the appearance of the website as it get tested in various devices.
The process of testing the appearance of the devices is called the testing of the website responsiveness where we shall use one website to test its responsiveness using all the other devices.
However there is one website that has been nominated to test the responsiveness of the websites ,this will test the fitting of the device layout ,whether it is interactive and the appearance of the features of its interfaces.
The responsive testing for this case will be done using the simulation device called Responsive web design tester Chrome device simulator, this will show the user and developer how the website will appear in various devices.
After the simulation of the devices below is the various simulations results obtained which was obtained from medium, large, and tiny devices using both the landscape and the portrait display.
Simulation in Large displays using the desktop computer.
This is the responsive testing of the newsweek website ,this is using the desktop computer and a chrome web browser ,for this case the website is quite responsive and there user can be able to view most of the parts even after scrolling down the page.
In this case the features visible are the links in the horizontal menu bar,the banner images, the add-ons which links other websites foe advertisement purpose ,therefore this website is responsive to desktop computers .
The only challenge with this website responsiveness in the desktop computers is the low speed while loading the web pages or its content.
Simulation in Medium Display landscape using an android tablets Nexus 10.
This is the image where the responsive testing is done for medium size devices ,for this case our medium size device is the android tablets Nexus 10 ,this device has various features visible just like when using the desktop computer .
The responsiveness test is done when the device is in landscape view ,however not all features are visible but only a few but to view other can use the vertical scroll bar .
Currently the only available and visible features are the horizontal menu bar, menus, the news headlines links and the image banner.
Above that other feature like the forms for users login ,map features, and the logo image are also visible ,however the loading speed of the webpage also in this device is quite slow like in the desktop computers
Therefore the website is moderately responsive in the android tablets Nexus 10 while placed in the landscap
Simulation in Medium Display portrait orientation android tablet Nexus 10 model.
The above is an image of the nominated website being simulate in a android tablets Nexus 10 while positioned in the portrait form ,however some features like the menu bar are not displayed and not visible
The photos banner is however visible ,including the add-ons but the loading speed is still quite poor ,other visible features includes the headers which gives the title of the website ,the menu and the menu bars which directs the users to other websites while it is clicked and then the search field positioned on top of the page to allow users to search some contents ,therefore the website is not fully responsive.
Simulation in Tiny Display landscape android phone HTC ONE X model.
This is an image showing the responsiveness of the tiny devices, for our case the device used is called the HTC ONE X model ,the testing is done using the simulator ,however the result shows how the website can be displayed in some of the tiny size devices while positioned in the portrait form .
In this case just few of the features are visible while other are hidden or not available, some of the visible features includes the headers, banners and the hidden menu bar. In order to view other features on require to scroll down the page to view the part in the footer as well and the social media links .
Using the tiny devices in landscape form the view is of high quality ,although the web page could load slowly and it becomes discouraging to some of the users.
Simulation in Tiny Display portrait orientation android HTC ONE model
This above image is the display of the website on a tiny device for our case HTC ONE X model where the simulator is used to test the appearance of the website on the device used.
In this case just few of the features are visible while other are hidden or not available, some of the visible features includes the headers, banners and the hidden menu bar. In order to view other features on require to scroll down the page to view the part in the footer as well and the social media links.
Therefore in portrait form there is possibility of viewing more of the features which are quite more than in the landscape view ,however since not all features are visible one need to scroll page down to view more features (Mahatody, 2013).
The website loading speed is also quite low since it takes more than two minutes to display ,this show that the website is not fully responsive and it needs some improvements to increase the loading speed.
The websites Nominated.
The responsive testing involves use of a sample website which is selected ,this selected website is referred to as nominated website ,however the nominated website is named as https://www.newsweek.com/ and it mainly give news report ,businesses advices ,sports outcomes and the trends in the technology and political news (Sauro,2012).
Main features in this website.
In this websites there is variety of features and they are as follows:
- Horizontally and vertically placed menus bars ,these are in the upper side of the webs and the footer part of the website respectively and the place together the website page links.
- Horizontal and vertical Menu link tabs, these tabs has links that joins the current page to other web pages .
- Sign in forms – they are forms used to enter the authentication details to allow users to have access to the website details.
- Sigh up forms-These are the one used by new visitors to capture their credentials and then they use them for login in future.
- Links to Social media websites – These are linked icons and they allow the users access the pages for this websites just by clicking.
- Banners with photographs or an Image –The banner enable the visitors has a clear message about the news posted on the website respectively.
- Using the footers and headers, these are used for giving more related information to the visitor s of this website respectively.
Review by other two people about the nominated website.
There are other people who were involved in the analysis process of the website; they however drew different observations even if they used similar simulation tools.
The below are some reviewers details and their respective recommendations respectively.
The number of years is 36 .
The person sex is Female.
Her Professionalism is an IT specialists.
The above reviewer was a long time friend since he was my school mate ,he conducted the review and as a result he placed the recommendation to ensure the website speed of loading is highly improved to about two half a minute ,he recommended that the menu bars could be placed in a more convenient position to improve the interactions levels.
Number of years are 37 .
His sex is a male.
His Professionalism is computer technology.
The second reviewer has been a tutor in a nearby institution and as he conducted the research he came up with some suggestions which were that the website login form should be on the first home page of the website but the registration form should be linked to another form but the link to be below the login form.
He also recommended the website to be added the hover colors and the color for all visited links in the website.
The simulator (responsive web design tester Chrome device) characteristics.
The simulator is add-on software that is integrated with the chrome web browser; this will ensure that the devices can be able to view the websites and its respective features.
Below are some of the advantages and disadvantages of the web browser simulators
1. Raising of the mobile devices traffics.
The current trend there are many users of mobile devices ,these devices are able to access these responsive websites and as a result they increase that mobile traffics on the respective responsive devices.
2. Quick development of mobile applications and minimizing of the cost.
While developing a responsive website there is a reduced time taken during the development process ,however the time taken to develop a responsive website reduces the time used to develop mobile applications to be used by the users ,this is because the website is responsive on a mobile device and hence the cost of development is also decreased highly.
3. Reduced need for website Maintenance.
The websites are developed to be accessed by various users who uses various device ,however to ensure that the users access the websites easily the website developed should be responsive unlike the traditional method where the developers could develop multiple similar websites to be accessed by the various devices.
Therefore the responsive website reduces the cost involved in maintenance since only one website is used and is accessible by all the devices (Weinschenk, 2012).
4. Quick in the browsing speed.
When the website is responsive the devices are able to access them quickly and thus they tend to encourage the users to take more time while browsing ,unlike the irresponsive websites where the users do not access the website with ease and they are discouraged and end up moving to other websites.
5. Minimal rates of Bounce.
The website is tested for responsiveness this is reduce the rate of bounce by the customers or visitors ,the visitors bounces to other websites if the site is not fully responsive by any means and they cannot stay accessing the website for a quite long period of time ( Lewis,2014).
6. Increment in conversion rates.
The bouncing rates is considered insufficient enough to know the status of the website ,the responsive test in conversion rates to ensure that the website developed was up to standard and this could motivate the users to stick to that website without being taken away by the competing websites.
7. Analytical report is done with ease.
The analysis is done to the website in order to check the flow of traffic by the developers this helps them to see how many people could access the website within a given period of time.
The analysis will then help the developer to come up with changes strategies to come up with the most responsive websites.
8. Boosting of the Search Engines Optimizations.
The websites becomes more responsive when the search engine is fully optimized ,however this ensure all devices in each level can be able to access the website within a very short period of time.
9. Improvement in Online Browsing experiences
The users of the internet enabled devices are able to access the website when it is fully responsive ,as a result the users are able to stick on the website and this leads to increase in terms of web traffics.
10. Improvement in the offline browsing.
The use of the tablet ,phones and the computers is improved mainly when the users access the webpages which are developed using html5 language and thus they are highly responsive.
Disadvantages of the chrome simulator includes:
The following are some disadvantages.
1. Website loading speed.
The website developers uses the HTML5 language for developing the responsive design ,however the css style is used to format the web pages appearance and thus if the settings are required to be specified in the css style to ensure that all devices can be fitted by theses web pages.
In order to access the website quickly the users are recommended to use an network which is 3G enabled.
2. The mode of use.
The websites are meant to be used by various users ,these users could use the computers or even hand held devices therefore all the devices are required to be considered to ensure any internet enabled devices can access the website since it will be fully responsive.
3. Incompatibility in the web browser.
There are various types of browsers these browsers are of different versions ,however the browsers are able to access some website while the others don’t .
For the devices to be able to access the websites the developers need to ensure that the websites developed are fully responsive.
As a result of conducting the responsive test there are various observations made where a number of devices are simulated which includes the mobile phones ,tablets and the computers.
During the testing process it was discovered the website is not fully responsive in that they do not fit in the various devices displays,however these devices could load the website slowly with some delay ,also the website was found not interactive since the menus were being hidden in some of the devices therefore the website is not fully responsive due to those features .
As a result I therefore recommend the website to be improved by making change to the css style codes to ensure that the website pages can fit in the various devices, however to improve the quality and the loading speed the website should be improved in the search engine optimization.
The website responsiveness is tested in order to get to know the behavior of the entire website as being viewed or accessed through the various internet enabled devices which includes the tablets ,phones and the computers .
The testing is done using the chrome simulator and this helps one to test how the various devices could access the website ,as a result of testing there are various observations that are drawn from the various device.
Using the desktop computers the website was quite responsive since most of its features were observed easily, however in order to view all the parts of the webpage the users were required to scroll down the page using the vertical scroll bar.
While using the medium size devices there was observed that the features viewed iin the desktop were also visible to the users in both the landscape and the portrait display, for the tiny devices the users are less interactive with the websites this is as a result of hidden menu bars and the links .
For all the devices the website was loading quite slowly and this could discourage most of the visitors therefore it is recommended for relevant adjustments to improve the speed for website loading .
In conclusion the website is partially responsive and therefore some adjustments in the search engine and the loading is required to be adjusted (Nielsen, 2012).
Lewis, J.2014. Psychometric evaluation of the PSSUQ using data from five years of usability
studies. Boston, MA: Allyn and Bacon publishers.
Sauro, J.2012. Quantifying the User Experience. Wellington, New Zealand: McGraw
Mahatody, T.2013. State of the art on the cognitive walkthrough method. Farnham, England:
Nielsen, J.2016. Heuristic evaluation of user interfaces. New York, USA:
Weinschenk, S.2012. Designing Effective Speech Interfaces. New York, USA :