How to Design Proper Website for Mobile Access--多伦多Report代写作业
2016-10-20 来源: 51Due教员组 类别: Report范文
多伦多代写作业Report范文:“How to Design Proper Website for Mobile Access”，这篇论文主要描述的是随着智能手机的不断更新换代，手机也已经成为了人们生活中不可缺少的一部分，手机也逐渐的成为人们访问互联网的重要途径之一，但是目前市面上有许多的网站的设计主要针对的是电视电脑或笔记本电脑，并不适合手机用户进行浏览，因此为网站来特别定制一个适合手机设备浏览的网站是非常有必要的。
Under the circumstance that mobiles are becoming significant devices visiting the Internet, this business report will focus on the phenomenon that for most of time it is not comfortable for mobile users to read websites since most websites are designed for desktop devices. There are mainly two purposes of this report: one is to compare the differences of an existing website through laptops and mobile devices, and the other is to give suggestions redevelop content and relocate elements to make it comfortable for mobile visitors. In this report, the need of mobilizing content will be firstly illustrated and then the report will follow the need mentioned before to analyze different types of website. In addition, this report will propose a restructure plan for special tailoring website for mobile devices. At the very last of this report, both advantages and disadvantages of the special module for mobiles will also be clarified.
1.1 The need of mobilizing content
With the development of electronic devices recently, mobile phones help us with multi-tasks. One of the most significant usages of mobiles is searching the Internet due to its convenience. We see people visiting various websites on mobiles almost everywhere and commercial information is everywhere on the websites to attract potential customers.
According to Gessler and Kotulla (1995), the first mobile browser for a Personal Digital Assistant (PDA) was PocketWeb in 1994. Gradually, we see searching the Internet has become a major function of mobile phones.
However, most websites are designed for devices with big screens, like for instance, personal computer, tablet and etc. It would be uncomfortable for people to visit such websites with their smart phones since all the content is zoomed out to very small size. Besides, it is also inconvenient for reading due to half-displayed information on small screen. And that is why redesign of websites for mobile devices is become increasing important.
The redesign of mobile tailoring websites includes changes in many fields such as selecting, arranging, adapting, altering, and optimizing content for mobile devices (Salinas, 2008).
1.2 Report structure
It is illustrated in the former part of report why redesign of webpage for mobile users are vital. In the following part, two different types of websites for mobile phones will be describes: one is slight differences from regular webpage, and the other is specific design for mobile devices. Different visual impressions will be illustrated and explained. Redesign plan for the regular webpage will be offered in the third part of this business report. Finally, advantages as well as disadvantages of the redesign will be illuminated.
2 Case Analysis of Hamleys’ and Benz’s Webpage
2.1 Hamleys’ webpage design for desktops
As seen in Figure 1 below, Hamley’s design webpage for desktops are simple and clear. Logo is at the top of page, followed by navigation linking to other detail information as well as searching function. A few of advertisement can be seen below the navigation. Toys, products’ of Hamley, are listed in categories in the center of the webpage. At the right part of that webpage, some specialties are recommended. The theme can be easily gotten from that page and font size as well as image size is just comfortable for people to read.
2.2 Hamley’s webpage design for mobiles
As Figure 2 shows above, Hamleys’ mobile webpage design is basically same as design for desktops. Performance was poor on mobile browser as users expected similar experience as on desktop (Shrestha, 2007). Traditional platform size for devices like desktop is much too large for smart phones. Once readers zoom in one part of the webpage, other parts will disappear. To read a paragraph of words, mobile users have to drag the page left and right a few couples of time to finish reading, which make it difficult for users to be patient enough to understand information totally.
2.3 Benz’s webpage design for desktops
Figure 3 shows Benz’s website design for desktops. Same as Halmays, logo is put at top left of that page and navigation linking to sub-website is at the top of the page. At the center of page, a few of pictures of commercial advertisements are displayed to introduce and popularize the product. At the bottom, visitors can read news, propaganda and other detail information.
Fig. 3 Benz’s webpage design for desktops Fig. 4 Benz’s webpage design for mobiles
2.4 Benz’s webpage design for mobiles
Obviously, huge differences between desktop website and mobile website can be seen based on Figure 3 and Figure 4. The aesthetic as well as usability (Schenkman & Joensson 2000) are both critical in displays. Companies like Benz handle this problem properly. Width of Benz’s mobile webpage design is small enough for small smart electronics. A few of attractive images are shown in category at the top and visitors can choose their interest to know more. Due to the small size, menu is hided to save space. But people can still visit menu by clinking “menu” button. Useful detail information is located at bottom, links as well. Specific mobile webpage design makes it convenient and comfortable for visitor to read information provided.
3 Redesign Plan for Halmays’ Webpage
3.1 Key sections on webpage
Key section such as logo of company, latest product commercial, favorite product, useful links should be emphasized and displayed in order on the webpage.
3.2 Useless elements to be excluded
In Figure 2, in the center of mobile website design, eight products are displayed. However, it may be too many products to display in the same place on phone. It is suggested that around four wonderful products are displayed on the first page. Besides, too many commercials or too many broadcasts should also be avoided. In addition, detail information should be simplified. Like for instance, address and contact information of the company should be simplified as a button, CONTACT, and visitor can get this information on a new page by pushing “CONTACT”.
Structure is described in three fields: size, page’s first sight and useful link and important detail information.
Proper size for mobile screen
The first step of redesign specific webpage for mobile devices is to achieve proper size for small screen because traditional webpage size it too large for mobiles making customers uncomfortable to read.
Attractive pictures on first sight
Unlike languages, pictures always leave further impression on visitors since reading sentences is more time-wasting than looking at a picture. Even seeing the same picture, people have various feelings upon it. These are the two reasons why pictures are more attractive than words when being put on the first sight of a webpage. For the sake of more information to attract potential customers’ eyes, it is suggested that the Internet server provide around four pictures and people can see different pictures when zipping across mobile screen.
Useful links and important detail information at the bottom of the webpage
Due to the shortage of small screen, information on specific mobile website is limited. Therefore, useful links and important detail information should be provided at the bottom of the webpage to indicate more information for potential customers.
4 Advantages and Disadvantages of Redesign Plan
4.1 Advantages of Redesign Plan
The current state of wireless technology increases the opportunity for mobile commerce (m-commerce) applications (Chan, 2002). Through redesign plan, people would feel comfortable to visit specific webpage via small electronic devices and hence increases sale of pruducts. Information is shown rightly on the screen so that they do not need to zoom in webpage to read words or look at images. Some hided information can still be seen by pushing buttons.
4.2 Disadvantages of Redesign Plan
There are basically two disadvantages of redesign plan. On the one hand, extra cost is needed for server to identify different visiting devices. To indentify access from mobile devices, a system requires an optimization server to receive response data that correspond to the request (Melnyk, 2012). On the other hand, some valuable information is hindered for the sake for concise display on mobile phones.
Through this report the purpose of the development of specific webpage through mobile access has been discussed. The use of a mobile website is basically same as desktop website to attract more people. However, a slight difference should not be ignored. Most people visit websites by mobiles at gaps of their days and the time is little. Thus, the other important use of mobile website is to make people interested.
To attractive more visitors and to create a cozy visual impression for potential customers, website providers should consider how to present the website for mobile users. As mentioned in former part of this report and concluded here, there are mainly three factors that contribute to the design of information delivery via mobile electronics.
- Proper size for mobile screen
- Attractive pictures on first sight
- Useful links at the bottom of the webpage