These report is aimed at providing analysis and report on different test results of websites that are Mobile friendly and Mobile unfriendly. The report also outlines the test for websites responsiveness using various tools including Website based tools, automated testing tools, Browser tools and User testing on actual device.
Below are different results and solutions after every test.
1. Test a website’s mobile friendliness/responsiveness
Mobile Friendly Websites
Mobile Unfriendly Websites
Simple Test Report
Etsy is an ecommerce website where people can buy and sell vintage or handmade items.
Results:
The page is friendly in mobile, For Galaxy S5 viewport, the width is large and The content of the page fits well in the screen. Text on the page is also readable
In Iphone X, The Results is the same with small screen content compared to Galaxy S5. Links can be clicked and it is touch friendly.
The site is very adaptive to the change in the screen width. ![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
screen coordinates. Without Viewport meta tag, mobile devices will render pages with Desktop default screen widths, and then they scale the pages to the mobile device screens. They help in making a webpage respond to different screens.
- Apple-Specific Meta Tag
“apple-mobile-web-app-capable” meta tag name in included in mobile optimized version defines whether the web application webpage will run in full scree mode or not. If the content property is yes, this set the application webpage to run in full-screen mode.
- Cascading Style Sheet(CSS) Styling
The code in mobile optimized version is included with style that for the body and the input that allows separation of document content written in HTML from Document presentation. They Include width that defines a full width for all inputs elements. Style helps in detailing the presentation of a webpage content such as colors, fonts and general layout. It also improves the design of the web application consistent.
- Input Type
The type of the input element in the mobile optimized version is set to number as opposed to the one for Desktop version. The type “number” has inbuilt validation that rejects non-numerical entries. It is used to let the user to enter number values only.
Conclusion
Website Testing is a very wide phase of website development and ensures that the final product offered to the client meets all the requirements and covers everything. It is a broad topic or rather phase that requires keen looking on it. When developers want to test website, they need to come up with techniques and method that will ensure accurate results. With the testing done above, It clearly shows that different methods can be used to provide Website Quality and Assurance. Therefore, Testing should not be ignored in any process of development.
References
Chopra, R. (2015). Challenges of Website Testing. IJIACS, no, 4.
Maguire, M., & Isherwood, P. (2018, July). A Comparison of User Testing and Heuristic Evaluation Methods for Identifying Website Usability Problems. In International Conference of Design, User Experience, and Usability (pp. 429-438). Springer, Cham.
Dishman, M. (2015). Website Usability Testing Software-Improving User Experience and Satisfaction with Community College Websites. The Community College Enterprise, 21(1), 84.
Raman, J., Umapathy, K., & Huang, H. (2018). SECURITY AND USER EXPERIENCE: A HOLISTIC MODEL FOR CAPTCHA USABILITY ISSUES.
Al-Qeisi, K., Dennis, C., Alamanos, E., & Jayawardhena, C. (2014). Website design quality and usage behavior: Unified Theory of Acceptance and Use of Technology. Journal of Business Research, 67(11), 2282-2290.
Gorny, T., Conrad, T., Lovell, S., & Feather, N. E. (2018). U.S. Patent No. 9,900,337. Washington, DC: U.S. Patent and Trademark Office.