Material Design Guidelines (MDG) provides several patterns in designing Responsive UI when transforming desktop web page layout into a tablet computer and smartphone screen, i.e., Reveal, Transform, Divide, Reflow, Expand, and Position . In maximizing the available space on a small screen size, MDG Reveal pattern suggests UI element be hidden entirely or partially as if in a hamburger menu. The Transform pattern transforms one UI appearance into another look, such as converting the grid view into a linear list view. MDG also suggests a guidance to organize column conversion into one, two or three columns. The Divide pattern converts columns by arranging layout elements, such as layers, side navigations, list contents, detailed contents, left and right panels, and tab controls. Reflow pattern provides a concept of how to convert multiple columns into a smaller number of columns by changing the layout combination. As the screen size is changing, the Expand pattern enables resizing and reshaping the contents. Lastly, the Position pattern moves web page contents and elements to a specified position to be fit in the available space. Asp Dotne C# Project Ideas Titles 2020
User-Centered Design (UCD) is a term used to describe a design process that involves end users to engage in the design process of web page design . UCD is a user-centered approach to support the system development process. To build a system that is easy to use for the user, this concept is very suitable to implement. It put an added value to the user, because of user's needs, wants, and interests become the focus of a usability in web page design User's familiarity with the user interface will provide a better experience in mobile application usability . However, in determining the target of users, users can be selected from any category but must still be following the user criteria , and they should not know about the being evaluated products. Web Design
This study aims to compare the effectiveness and efficiency of a web page content delivery that is displayed on a computer, tablet, and smartphone screen. This research presents on how the effectiveness and efficiency of content delivery in a web page content layout, which is designed using Google Material Design Guidelines (MDG) and User-Centered Design (UCD) approach, might be improved on smaller screens.
Nowadays, websites are not only be accessed by computers with a large screen. They were mostly accessed via mobile devices such as tablets and smartphones that relatively have smaller screen size. Almost every website has their different style and visual appearance concerning content and information delivery. Even though they were visually looked different, they were mostly designed and developed by using one of one column, two columns, or three columns layout. The way to properly deliver content and information on a smaller screen size becomes a challenging matter. Responsive Web Design approach allows a single web page to be differently visualized based on the screen size of the accessing device. Such layout changing may affect the amount of information to be displayed on the screen, hence affecting the effectiveness and efficiency of information delivery in a web page. Arms10 - Android
Comments