The nominated website https://www.qut.edu.au/ has been designed for Queensland University of Technology (QUT), Australia. QUT is an Australian University that offers high quality learning, teaching and research capabilities to the students. The courses that are offered by the university are high on demand and there are 50,000 students that are engaged with the university. The university earned total revenue of $ 985 million in 2016 (Qut, 2018).
The website of the university offers the students to look for the courses offered, understand the research processes, and get connected with the Alumni and many more. The report includes an evaluation of the website.
There are various features that are offered by the website and are as listed below.
The first resolution that is used to evaluate the QUT website is the desktop resolution at 2500×1450. The large display presents all the options clearly and allows the user to execute the offered features and functionalities of the site. The use of color scheme and the layout of the website are as per the theme of the site. The navigation between the elements of the site on a page along with the flow between the pages is smooth. The color of the textual elements is consistent.
Home Page of the Site
The logo of the website is displayed at the top of the site on every page.
The website is then evaluated in the medium display and there are two orientations used for this evaluation. The first is the portrait orientation with the resolution as 415×750.
The problem of whitespaces in the large display is avoided in this resolution and all the menu options are visible on the right. Every menu option is easily accessible and the features of the site can be executed in this display. The placement of the elements is even and the layout of the pages is also adequate (Webdesignerdepot, 2016).
The landscape orientation is then used with the resolution as 750×415. The aspects are the same in this orientation are the same as that of the portrait orientation in the medium display.
The tiny display for the evaluation of the website is chosen in the portrait as well as the landscape mode. The portrait mode has been set up at a resolution of 360×640 and that of the landscape mode has been set up at 640×360. The positive aspects of the site in this resolution are the same as the ones highlighted above for the medium display in portrait and landscape orientation.
The large display has a few loopholes in terms with the responsiveness of the site and the UI aspects of the same.
There are too many white spaces on the left and right sections of the web pages which should have been avoided.
Whitespaces on the Web Pages
It is necessary to have all the web pages to maintain consistency in terms of the placement of the elements. However, the Research page on the site does not include the header and menu areas.
Research Page
The consistency principle is violated in this case.
There are a few negative aspects in the site as highlighted in the section above. There is an issue of consistency on the Research page of the site.
The Login option is also not visible at the first glance and it becomes necessary to browse the menu to login to the site.
Login Option on the Site
The tiny display for the evaluation of the website is chosen in the portrait as well as the landscape mode. The portrait mode has been set up at a resolution of 360×640 and the landscape mode is set at 640×360. The negative aspects of the site in this resolution are the same as the ones highlighted above for the medium display in portrait and landscape orientation.
The first user that has been included to review the website is John. He is a fashion designer and is 35 years of age. John does not have technical expertise but uses the web for his work and social networking.
John evaluated the website on his iPhone in the portrait mode with the resolution as 414×736. He liked the color tone of the site and could understand the theme of the site from the logo and the content placed on the site. He, however, was looking for the login option on the site and was disappointed with not finding the option on the main screen.
He also believed that the main screen had too much scrolling and overloading of the content which led to a bit of confusion. He loved the integration of the site with the social media connections and networks placed at the bottom.
The second user that has been included to review the website is Margaret. She is a friend and business analyst in a leading marketing firm. She is 28 years of age. She holds a degree in management and also has technical knowledge of the web services and applications. The primary motive of her use of the web is to carry out her business operations and services.
Margaret evaluated the site on her desktop and liked the color tone used. She liked the placement of the logo of the site as she understands the importance of branding and marketing in the competitive world. She also liked the security feature included in the site on the login page; however, the design of the login page did not impress her much. She wished to see the footer section on the page with the same consistency as that on the other pages. She also browsed through the different courses offered by the site and looked through the several social media connections integrated as well.
The overall design of the website is good and as per the user interface design principles. However, there are certain loopholes that are present that shall be improved for the overall website improvement. The recommendations are as listed below.
The implementation of all of these steps will enhance the usability and performance of the site.
The tool that has been used for the evaluation of the website is Google Chrome simulator. It is the device that provides the users with the ability to have a virtual experience of the desired device. The developers, designers and testers may use this tool to view the behavior of the site in different aspects. The custom resolution can be set up as per the requirement (Microsoft, 2016). There are specific pros and cons that are associated with the tool that has been included in the section below.
MobiReady is the tool that is similar as Google Chrome device simulator and offers a set of interesting features. The tool comes with the features, such as customizable screen resolution, flexible images, customer layout, and many more (MakeUseOf, 2010).
The tool provides the users with the ability to test the application on the different resolutions. This prevents the business units to invest in the specific tools for this purpose. There are several responsiveness principles that have been defined along with the UI principles and guidelines. The flexible images can also be validated and verified with the aid of the tool. CSS media queries and layouts can also be verified using the tool.
Conclusion
Responsive Web Design (RWD) is an approach that is followed in the design of the web sites and web applications (Knight, 2011). The approach is followed to enhance the user experience and usability of the web applications. In case of the website of QUT, a website evaluation has been done on the basis of the user interface and responsive web design principles. The website includes the required set of features and there are positive aspects on the site in terms of the color scheme, layout, and content placement. There are a few areas of improvements as well that shall be included to enhance the website performance. These include the placement of login option, avoidance of the whitespaces, consistency of the elements and scrolling on the main screen. The website shall be modified as per these points so that the user experience and user behavior is improved.
References
Beverly, B. (2016). 1st ed. [ebook] Available at: https://www.cc.gatech.edu/projects/PageSleuth/references/p309-zimmermann.pdf [Accessed 8 Jan. 2018].
Cavoukian, A. (2016). 1st ed. [ebook] Available at: https://www.ipc.on.ca/images/Resources/pbd-user-interfaces_Yahoo.pdf [Accessed 8 Jan. 2018].
Hpe. (2012). Emulators vs. Real Devices for Mobile Application Testing – The Answer Might Surprise You. [online] Available at: https://community.hpe.com/t5/All-About-the-Apps/Emulators-vs-Real-Devices-for-Mobile-Application-Testing-The/ba-p/5506993#.Vy9qBDB97IV [Accessed 8 Jan. 2018].
Google (2016). Simulate Mobile Devices with Device Mode | Web Tools – Google Developers. [online] Available at: https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/?hl=en [Accessed 8 Jan. 2018].
Guru99 (2016). [online] Available at: https://www.guru99.com/real-device-vs-emulator-testing-ultimate-showdown.html [Accessed 8 Jan. 2018].
Knight, K. (2011). Responsive Web Design: What It Is and How To Use It – Smashing Magazine. [online] Smashing Magazine. Available at: https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/ [Accessed 8 Jan. 2018].
MakeUseOf. (2010). MobiReady: Test How Mobile Friendly Your Website Is. [online] Available at: https://www.makeuseof.com/tag/mobiready-mobile-friendly-websites/ [Accessed 8 Jan. 2018].
Microsoft (2016). Simulate Popular Mobile Devices for Testing. [online] Available at: https://www.asp.net/mobile/device-simulators [Accessed 8 Jan. 2018].
Qut (2018). QUT: A University for the Real World. [online] QUT. Available at: https://www.qut.edu.au/ [Accessed 8 Jan. 2018].
Webdesignerdepot. (2016). The opportunities and challenges of responsive design. [online] Available at: https://www.webdesignerdepot.com/2012/11/the-opportunities-and-challenges-of-responsive-design/ [Accessed 8 Jan. 2018]
Essay Writing Service Features
Our Experience
No matter how complex your assignment is, we can find the right professional for your specific task. Contact Essay is an essay writing company that hires only the smartest minds to help you with your projects. Our expertise allows us to provide students with high-quality academic writing, editing & proofreading services.
Free Features
Free revision policy
$10Free bibliography & reference
$8Free title page
$8Free formatting
$8How Our Essay Writing Service Works
First, you will need to complete an order form. It's not difficult but, in case there is anything you find not to be clear, you may always call us so that we can guide you through it. On the order form, you will need to include some basic information concerning your order: subject, topic, number of pages, etc. We also encourage our clients to upload any relevant information or sources that will help.
Complete the order form
Once we have all the information and instructions that we need, we select the most suitable writer for your assignment. While everything seems to be clear, the writer, who has complete knowledge of the subject, may need clarification from you. It is at that point that you would receive a call or email from us.
Writer’s assignment
As soon as the writer has finished, it will be delivered both to the website and to your email address so that you will not miss it. If your deadline is close at hand, we will place a call to you to make sure that you receive the paper on time.
Completing the order and download
