网页Mobile Web Design Trends and Best Practices

Mobile Web Design Trends andBest Practices

移动网页设计趋势及优秀案例

Web designers are wel l aware of the fact that the industry is in the process of continuousprogress and adaptation and special ization of ski l ls is required in orderto remain in touch withthe modern technology Recently a huge amount of change has been noticed in the field ofinternet services because nowthe users can access it through the mobi le devices网页设计师很清楚这样一个事实在工作中保持不断的学习、适应精益求精是为了与最新技术紧密相连。最近人们注意到互联网服务领域出现了巨大的变化用户能够通过移动通信设备上网了。

Consequently there is a need fortheweb designers to bewel l equipped in this arena and theweb designers must be able to design websites that satisfy these customers Different mobi leshave come up in the market with different screen sizes and they differfrom those of desktopsand therein come the mobi le designers potential as to how he is to convince the browsersbecause the mobi le user’s environmental status is different from that of the laptop owners因此 网页设计师需要有专业的设备设计出移动通信设备上能访问的网站来满足用户的需求。不同的移动终端有不同大小的屏幕针对不同的市场人群细分因此网页设计师需要设计出能适应用户终端设备浏览的网页。

One needs to keep in mind before he designs websites forthe mobi les that he has to confrontwith a lot of chal lenges and he should develop a strategic outlook from the designeranddeveloper point of view This article wi l l help you learn the present trends, tips and chal lengesand wi l l also provide you with a showcase of mobi le websites Furtherthe given article is animportant source forthe newbie’s who are interested to design mobi les

设计师在设计网页之前认识到这将会有很多新的挑战因此必须从开发者和设计角度去勾画大的设计思路。这篇文章将帮你了解目前的流行趋势、技巧、挑战还将为你提供一些网页设计做参考。

1.Simple options

The vital aspect of the mobi le websites includes the scale down properties made avai lable tothe customers Considerforexample the mobi le home page of Digg which reflects just 17 lucidheadl ines and l inks It also has very few navigation choices The key is the simplest functionaltool whereby the mobi le websites can be operated Howeverthe visitors must be intel l igent tosurf the prime pages first because the mobi le screen reveals less space and sometimes thenet services are very slow Wel l in this age ofjumbled up pages,a clumsy mobi lewebsite isnot preferred!The simple option al lows a userto become handierwith the mobi lenetworking via internet but the main point here is to cut the immaterial stuff out

1尽量少的选择项

2保持页面的清爽 留有空白

3尽量少放图片

4单独的wap域名空间

5做好内容

另外几个要注意的

1 设计能适应在不同尺寸的屏幕中显示的网页。

2 迅速的了解新型产品

。

Variety of screen sizes

The web designers meet with various screen size problems and theirconsequent results butparticularly the mobi le designers face a variety of chal lenges as it is different from deal ing withdifferent kinds of desktop monitors!The designers are at ease to deal with the problems thatarouse out of the different screen sizes of the desktop monitors but it needs a special ized ski l lto handle the screen size problems of mobi les Mobi le technology is frequently developingand so are screen sizes No doubt the designers now are lucky because primari ly the modernmobi le devices are having big screens but the olderones are sti l l in existence With thedemand of the iPhones and its competitors in the market, the recent trend is towards bigscreens

Lack of understanding

You need to have proper knowledge in this field before you step into mobi le designing Agood amount of research in this realm is required lest you might land up into problem Alwaysrememberthat it’s a newform of designing and if you have not interacted with mobi lebrowsers and visitors in your earl ier design work then the present one might get affected!Thedesigners must understand that the environment of the mobi le browsers is quite different fromthat of the desktop browsers He should be aware of these technical ities before entering thefield of mobi le designing Awel l equipped mobi le designerultimately launches a product in themarket which is widely appreciated and the product reveals his know-how!

Rapid change

Technology changes every now and then and mobi le web technology is no exception to itTherefore the need arises forthe web designers to study the market situations and developthe designs according to it The mobi le web designers simi larly need to be alert regarding themobi le technology changes and ultimately launch a product which the modern scenariodemands The designer needs to be more focused and work according to the changingcircumstances; he has to rememberthe key points pertaining to the tastes of the mobi lebrowsers and learn to keep pace with the change graph lest he wi l l face a tough competitionby his business partners

Testing chal lenges

The desktop designing involves chal lenges which are different from those of mobi le webdesigning The prime chal lenge in the mobi ledesigning includes the different forms of mobi lephones in use The fol lowing methods would help you test chal lenges relating to it Simple

mobi le websites makes testing convenient because there are negl igible chances of goingwrong A properdesign and wel l organized testing ensures that the website wi l l be shownproperly and its importance l ies on the fact it can be used on a vast numberof mobi le devicesThe mobi le version needs to be tested first before they are released in the market Certainthings that needs to be kept in mind whi le testing the mobi le version are as fol lows–By disabl ing the CSS/images that are contained in the site as the mobi le versions doesn’tsupport them heavi ly This would repl icate an environment that is closely associated with themobi les and can be a good tool to test its layout and functional ity

Also another mode might be to use the Opera browserand using the ‘View’and ‘smallscreen’menu options which takes you to a narrow screen which again recreates the look andfeel of the mobi le site

Deciding on what isessential

Deciding what is necessary is important forthe website designerto decide specifical lythecontent The websites highl ight the essential elements The simplerthe stuff, images orvideos, the easier it is to decide the essentials However one must keep in mind the mobi levisitor’s status Some queries are needed to be considered regarding the browsers Forexample what they are doing presently?What is the reason behind theirsurfing net at that time?What is their interest in doing so?You have to keep in mind that the objectives of the desktopbrowsers differ from those of the mobi le visitors So the priority part of the process is importantforany web designerand it helps the mobi le web designeralso to categorize the significantmatterfrom that of the trivial ones whi le imparting a designer look to the mobi le!

Whi le looking at the above chal lenges it is advisable that the designers developing suchmobi le based sites give properthought tothem We can have a much optimized mobi le site ifthe designers face the above chal lenges head on and find the required solutions

Examplesof Mobi le Web Design

Source: http://designmodo com/mobi le-web-design-trends/#ixzz1TINbSoOn