2014騫達紝娣樺疂瀹ｅ竷寮�濮嬪緗戦〉鐗堟敮浠樺疂杞笎鏀惰垂錛屼絾縐誨姩绔漿甯愪緷鐒跺厤璐癸紝榪欎竴涓炬帾涓嶉毦鐪嬪嚭錛岄殢鐫�縐誨姩绔綉姘戞暟閲忕殑鏃ョ泭澧炲錛屽悇浼佷笟涓誨凡緇忔妸鐩爣杞Щ鍒頒簡縐誨姩绔紝縐誨姩绔綉绔欏緩璁句篃鎴愪負浼佷笟鍙戝睍鐩堝埄鐨勫張涓�涓繪敾鏂瑰悜錛岄偅縐誨姩緗戠珯寤鴻搴旇浠庡摢浜涙柟闈笅鎵嬪憿錛熷張闇�瑕侀伒寰粈涔堣鍒欏憿錛熶笅闈㈡垜灝辮窡澶у涓�涓�浠嬬粛錛?BR>In 2014, taobao announced to web page version of the alipay transfer fee, but the mobile end still free transfer, a move that it is not hard to see, is increasing in the number of mobile Internet users, the owners have transfer target in the mobile terminal, mobile terminal website construction has become a profitable enterprise development and the main direction, the construction of the mobile web site should from what respect to begin? What you need to follow the rules? Below I will introduce one by one with you:
1銆佷竴鐩簡鐒?BR>1, be clear at a glance,
涓�鐩簡鐒剁殑鎰忔�濆氨鏄彲浠ヨ鐢ㄦ埛鍦ㄧ煭鏃墮棿鍐咃紝鍙互鎶婂唴瀹圭湅鐨勬竻妤氾紝閭ｈ繖灝遍渶瑕佺‘淇濆唴瀹逛笌灞忓箷澶у皬鐨勪竴鑷達紝鏈夋暣榻愮殑鎺掔増鍜岃垝鏈嶇殑瀛楀瀷澶у皬錛屽寮虹敤鎴風殑浣撻獙銆?BR>Be clear at a glance is can let users in a short period of time, you can read the content clearly, it will need to ensure that content is consistent with the size of the screen, have a neat layout and comfortable font size, enhance the user experience.
澶ч儴鍒嗙殑琛屽姩瑁呯疆錛岀敾闈㈤兘涓嶅妗屼笂鐢佃剳閭ｄ箞澶э紝灝ゅ叾鏄槄璇繪枃瀛楁椂鏇撮渶瑕佸姞浠ユ斁澶с�傚嵆浣挎櫤鑳芥墜鏈哄叿鏈夌綉绔欐斁澶х緝灝忓姛鑳斤紝浣嗘槸瑙傜湅璧鋒潵杈冧負楹葷儲銆傚洜姝よ璁¤鍔ㄧ綉绔欐椂錛屽緩璁槸鑳藉浠ユ粦鍔ㄨ悿騫曠殑鏂瑰紡闃呰緗戠珯錛屽洜涓烘粦鍔ㄧ綉绔欐瘮璧鋒斁澶х綉绔欒鐪嬫潵寰楃畝鍗曞浜嗐�?BR>Most of the mobile device, the picture is as big as desktop computers, especially when reading the text more needs to be enlarged. Even smartphones have website zoom function, but more trouble to watch. Action site, so the design proposal is able to read the website in the form of sliding screens, because it's much easier to slide than amplification site to watch.
2銆佺畝鍖栧鑸?BR>2, simplified navigation,
涓洪伩鍏嶇敤鎴鋒í鍚戞粴鍔ㄩ〉闈紝榪欎釜灝遍渶瑕佹湁鏄庣‘鐨勭洰褰曠粨鏋勶紝鎻愪緵閱掔洰鐨勨�滃悗閫�鈥濆拰鈥滈欏碘�濇寜閽紝瀵逛簬瀵艱埅鐨勭洰褰曠粨鏋勶紝璋鋒瓕鍒楀嚭浜嗗洓縐嶅父瑙佺殑鎵嬫満緗戠珯鐨勫鑸艦寮忥紝鍒嗗埆鏄細妯潯寮忋�佸ぇ鎸夐挳寮忋�佸垪琛ㄥ紡鍜岄�夐」寮忋�?BR>To avoid user horizontal scrolling page, this will need to have the directory structure of a clear, eye-catching \"back\" and \"home page\" button, for the directory structure of a navigation, Google lists four common form of mobile web site navigation, respectively is: horizontal type, the big push button, list type and option type.
鎵嬫満緗戠珯涓庤窡涓�鑸殑緗戠珯涓嶅悓鐨勶紝鍦ㄤ簬褰撻槄璇繪枃绔犲埌鏈�鍚庢椂錛岃鍥炲埌鏈�鍓嶅ご鏄夯鐑︾殑錛屽洜姝わ紝緗戠珯鍒朵綔鍏徃錛岄櫎浜嗗噺灝戝嵎鍔ㄧ敾闈㈢殑鏈轟細澶栵紝涔熻鍔犲己瀵艱鐨勫姛鑳斤紝璁╃綉绔欏彉寰楁洿瀹規槗浜庤鍔ㄨ緗笂闃呰銆?BR>Mobile websites with general sites, at the end of is that when reading the article, it is trouble to back to the head, therefore, the website production company, in addition to the opportunity to reduce volume animation, also want to strengthen the functions of a tour, make the website more easily on the mobile device to read.
瀵艱璁捐鐨勯噸鐐規湁錛氬彧鍦ㄩ欏電殑閮ㄤ喚鍔犲叆鎼滃鐨勫姛鑳斤紝寤虹珛瀵艱鍔熻兘閿紝鍏朵腑浠ャ�屽洖鍒伴欏點�嶃�併�屽洖鍒頒笂涓�欏點�嶈繖涓や釜鏈�涓洪噸瑕侊紝鏈�鍚庯紝銆屽洖鍒頒笂涓�欏點�嶇殑鎸夐敭闄や簡棣栭〉浠ュ錛屽叾浣欑殑欏甸潰閮介渶瑕佹斁緗�?BR>Navigation design emphasis: only part of the front page to join search function, set up a tour function keys, with \"back to the home page\", \"return to previous page\" the two most important, in the end, \"return to previous page\" button in addition to the home page, the rest of the page needs to be placed.
3銆佹祦鐣呬綋楠?BR>3, flow experience,
鍏佽鐢ㄦ埛淇濆瓨鎼滅儲銆佷功絳俱�佽喘涔扮瓑淇℃伅鐨勫姛鑳姐�傝繖灝卞敖鍙兘鍦ㄦ墍鏈夊鉤鍙頒腑鎻愪緵鐩稿悓淇℃伅鍜屽姛鑳斤紝鍗蟲棤璁烘槸PC绔�佸鉤鏉跨榪樻槸鎵嬫満绔兘淇濇寔緗戠珯淇℃伅鐨勪竴鑷存�с�?BR>Allows the user to save search, bookmarks, purchase information such as the function. This is as far as possible, provide the same information and functions in all platforms, namely, whether it be a PC, tablet or mobile client to keep the consistency of website information.
4銆佸噺灝戞枃瀛楄緭鍏ラ儴鍒?BR>Part 4, the decrease of text input
鎵嬫満澶у娌℃湁瀹炰綋鐨勯敭鐩橈紝鎴栦粎鍙湁12閿殑鐢佃瘽杈撳叆鍔熻兘錛屽洜姝よ緭鍏ユ枃瀛椾笂浼氭瘮璧蜂嬌鐢ㄩ敭鐩橀夯鐑﹀緱澶氥�傚洜姝わ紝鍑忓皯浣跨敤鑰呰緭鍏ユ枃瀛楃殑鏈轟細錛屼緥濡傦細涓漢鐨勫笎鍙楓�佸瘑鐮併�佹悳瀵誨唴鏂囥�佷嬌鐢ㄧ紪杈戝櫒絳夌瓑錛岄兘鏄鍔ㄧ綉绔欒灝藉姏閬垮厤鐨勩�?BR>Mobile phone mostly no physical keyboard, or just only 12 key phone input function, so the input text will be compared with using the keyboard. Therefore, decreases the chance of user input text, such as: personal account, password, and search for text, use the editor, etc., are the action site will try to avoid.
寤鴻璁捐鐨勯噸鐐癸細鍏佽琛屽姩涓婄綉浣跨敤鑰呭偍瀛樿緭鍏ョ殑甯愬彿瀵嗙爜璧勮錛岃緭鍏ョ殑鍖哄潡灝介噺鍔犱互鏀懼ぇ錛屽厑璁歌鍔ㄤ笂緗戜嬌鐢ㄨ�咃紝杈撳叆綆�鏄撶殑瀵嗙爜錛屼緥濡侾IN鏁板瓧瀵嗙爜銆?BR>Recommended design key: allows action to Internet users to store input account password information, input of the block as far as possible to amplify, allow Internet user action, simple input password, such as PIN number password.
5銆佹媷鎸囨搷浣?BR>5, the thumb operation
閫氳繃杈冨ぇ鐨勬寜閽紝浠ラ檷浣庢搷浣滈毦搴︺�備負闃叉鐢ㄦ埛鍥犱負鎸夐挳杈冨皬鑰岃鐐瑰叾瀹冮�夐」鎴栧唴瀹硅�岄�犳垚鐨勪笉渚匡紝鍙互鍦ㄦ湁闄愮殑鎵嬫満灞忓箷涓婂啀閫傚綋緇欐寜閽仛浜涚暀鐧斤紝鎸夐挳涔嬮棿鐨勯棿璺濊鍔犲錛屼互姝ゆ墿澶х偣鍑昏寖鍥淬�?BR>By large buttons, in order to reduce the operation difficulty. To prevent users because of the small button was delayed other options or content for the inconvenience caused, can in the limited do appropriate to the button on the phone's screen space, spacing between button to widen, thus expanding the scope of the click.
6銆佺畝鍗曞揩鎹?BR>6, simple and quick
鎵�璋撶畝鍗曞揩鎹鳳紝灝辨槸瑕佸湪鎵嬫満鏈夐檺鐨勫睆騫曚笂浠ユ渶綆�鍗曟渶瀹炵敤鏈�蹇嵎鐨勫艦寮忓睍紺虹粰鐢ㄦ埛鏈�闇�瑕佺殑涓滆タ錛岃鐢ㄦ埛鏂逛究銆傚仛娉曟槸浼樺厛鎻愪緵鐢ㄦ埛鏈�闇�瑕佺殑鍐呭鍜屽姛鑳斤紝灝藉彲鑳界殑鍘繪帀鍦ㄦ墜鏈虹綉绔欎腑鍙互鍘繪帀鐨勫唴瀹廣�佸姛鑳姐�佹澘鍧椼�佹寜閽瓑錛屽彧鐣欎笅鏈�綺懼崕鐨勯儴鍒嗭紝璧峰埌綺劇畝鐨勪綔鐢ㄣ�?BR>A simple and quick, is to be on the phone with limited screen in the form of the easiest and most practical the fastest to show users the most need of things, let the user convenience. Practice is to provide users need the content and function of the most preferred, as far as possible to remove can be removed in the mobile web content, function, buttons, plate, etc., leaving only the most essence part, have the effect of lean.
涓�鑸殑鎵嬫満銆佸鉤鏉跨數鑴戠瓑琛屽姩瑁呯疆錛屼笉鏄撳綰充笅閫傚悎浜庝釜浜虹數鑴戠殑搴炲ぇ緗戠珯璧勮錛屽洜姝ゆ墜鏈虹Щ鍔ㄧ綉绔欑殑棣栬閲嶇偣錛屽氨鏄噺灝戝唴瀹癸紝涓嶈鏄浘鐗囥�佹枃瀛楁垨鏄獎闊熾�?BR>General mobile phones, tablets and other mobile devices, not easily accommodate large website information suitable for personal computers, so mobile web site top priority, is to reduce the content, whether it is a text, images or video.
璇瘋浣忎竴涓噸鐐癸細鍙灝嗘渶閲嶈鐨勮祫璁斁鍏ヨ鍔ㄧ増緗戠珯錛屽氨鏄渶涓昏鐨勫噯鍒欙紝閲嶈鎬ц緝浣庣殑銆佽鍙栭渶瑕佹椂闂寸殑鍐呭錛屽垯鍙互閫忚繃瓚呰繛緇擄紝榪炲洖鍒版甯哥殑瀹樻柟緗戠珯銆傝鍔ㄧ綉绔欏繀欏誨崄鍒嗙殑閲嶈鍐呭綆�鍖栬繖涓�鐐癸紝涓�涓婊″唴瀹圭殑琛屽姩緗戠珯鏃犳硶鑾峰緱緗戣礬瀹㈡埛鐨勯潚鐫愩�?BR>Please remember an important point: as long as one of the most important information into action version of the site, is the most important criterion, the content of the low importance, reading takes time, you can through the hyperlink, even back to their normal official website. Operation site must be very the attention of the content to simplify this, action a stuffed with content website don't have access to online customers.
鍙﹀錛屽緩璁綘鍙互浣跨敤棰滆壊鍜岄槾褰憋紝浠ヤ究鏉ュ嚫鏄炬寜閽�傝繖涓�鐐逛笉浠呬粎鏄拡瀵規悳绱㈠紩鎿庣殑浼樺寲璁捐錛屾洿鏄墜鏈虹珯閽堝鐢ㄦ埛浣撻獙鐨勪漢鎬у寲璁捐銆?BR>In addition, suggest you can use color and shadow, so that to highlight button. This is not just for search engine optimization design, but also the humanized design of mobile station on the user experience.
7銆?瑙︽帶钀ゅ箷涓庨潪瑙︽帶钀ゅ箷璁捐
7, touch screen and the touch screen design
铏界劧鐜板湪鏄Е紕板瀷鐨勬櫤鑳芥墜鏈哄綋閬擄紝浣嗘槸浠嶆湁涓烘暟涓嶅皯鐨勪紶緇熸墜鏈猴紝娌℃湁瑙︾鐨勭晫闈紝浣跨敤鐨勬槸浼犵粺鐨勬帶鍒舵柟鍚戦敭鍋氫負瀵艱鐨勫伐鍏楓�?BR>Although it is a touch type of smart phones, but there are still a lot of traditional cell phones, no touch interface, using the traditional control of the direction key as a navigation tool.
渚嬪錛氬噺灝戠敾闈腑瓚呰繛緇撶殑鏁伴噺錛屽彲浠ヨ閫夋嫨榪炵粨鐨勬椂鍊欏嚭鐜頒竴浜涘噺灝戜竴浜涙寜閽殑鍔ㄤ綔錛屾垨鏄姞澶ф枃瀛椾互鍑忓皯璇嚮鐨勯棶棰樸�?姝ゅ鏇撮噸瑕佺殑鏄粦榧犵殑鍘熺悊璺熻Е紕頒粙闈㈢殑鍘熺悊鏈夊緢澶х殑宸紓錛屽洜姝よ鍔ㄧ増鐨勭綉绔欏簲璇ラ伩鍏嶅彧鏈夌數鑴戞粦榧犳墠鑳藉仛鍒扮殑鍔熻兘銆?BR>For example, a reduction in the number of body Chinese super link, can make choice when connecting to a few to reduce some of the action button, or increase the text in order to reduce accidental hit. Also more important is the principle of the mouse with the touch interface principle there is a big difference, so the action version of the site should avoid can only do the function of the computer mouse.
涓句緥鏉ヨ錛氥�屼笅鎷夐�夊崟銆嶇殑榪欎竴欏瑰姛鑳斤紝鍥犱負琛屽姩瑁呯疆娌℃湁銆屾粦榧犲駭鏍囥�嶇殑璁捐錛屾墍浠ユ棤娉曡Е鍙戞粦榧犵Щ鍔ㄨ繃鍘繪墠浼氭樉紺哄嚭鏉ョ殑閫夊崟銆?BR>For example: \"drop-down menu\" this function, because there is no \"mouse coordinates\" mobile device design, so could not trigger the mouse move past menu will be displayed.
8銆佸箍娉涢�傚簲
8, widely adapted to
緗戠珯鑳藉湪涓嶅悓鐨勭Щ鍔ㄨ澶囦笂榪愯錛岀Щ闄lash錛屽彲浠ヤ嬌鐢℉TML5鏉ュ疄鐜頒簰鍔ㄥ唴瀹瑰拰鍔ㄧ敾銆傚緢澶氱珯闀垮彲鑳戒笉澶噦HTML5鐩稿叧鎶�鏈互鍙婅嚜閫傚簲緗戦〉鎶�鏈紝娌″叧緋伙紝浣犲彲浠ョ湅涓嬨�婂浣曞埄鐢ㄢ�滆嚜閫傚簲緗戦〉璁捐鈥濆疄鐜頒笉鍚岀殑璁懼涓婂憟鐜板悓鏍風殑緗戦〉銆嬨�併�婂叏鏂逛綅瑙ｆ瀽鍝嶅簲寮忕綉欏電殑璁捐涓庡簲鐢ㄣ�嬪拰銆婂搷搴斿紡緗戦〉甯冨眬鐨勫疄鐜版柟娉曞師鐞嗐�嬬殑鐩稿叧浠嬬粛錛岀浉淇″彲浠ヨВ鍐充綘鐜板湪鐨勯棶棰樸�?BR>Website can run on different mobile device, removing the flash, you can use it to realize the interactive content and animation. Many webmasters don't know much about HTML 5 related technology and adaptive web technologies, it doesn't matter, you can see the how to use the \"adaptive web design\" to achieve the same page on different devices \", \"comprehensive analytic responsive web design and application of and implementation principle of responsive web page layout related introduction, believe that we can solve your problem now.
鎵嬫満鐨勮鏍間紬澶氾紝鏈夌殑瑙ｆ瀽搴︿負320*240錛岃緝鏂扮殑鍒欎負800*480錛岃�屾涓栦唬鐨勬墜鏈烘洿鏈?20P鐨勮В鏋愬害錛屽洜姝よ鍔ㄧ綉绔欏浣曟弧瓚充紬澶氱殑闇�姹傦紵涓�鑸潵 璇存湁涓ょ浣滄硶錛屼竴縐嶆槸寤虹珛涓嶅悓瑙ｆ瀽搴︾殑琛屽姩緗戠珯錛岀敱鐢ㄦ埛浜庢墜鏈鴻鍔ㄥ叆鍙ｇ綉绔欒嚜琛岄�夋嫨錛涘彟涓�縐嶅仛娉曞垯鏄�忚繃鎵嬫満鐨勮娉曪紝渚嬪CSS璇硶涓殑 Viewpoint灝辮兘澶熸牴鎹墜鏈虹殑瑙ｆ瀽搴﹀姞浠ュ喅瀹氭祻瑙堢敾闈㈢殑瀹藉害銆?BR>Many of the specifications of the phone, some is 320 * 240 resolution, the new 800 * 800, and the next generation of mobile phones more 720 p resolution, therefore action website how to meet the needs of many? Generally to say there are two types of practice, a kind of action is to set up different resolution site, by the user in the mobile phone action portal to choose; Another way is through the grammar of the mobile phone, for example in the CSS syntax Viewpoint can be determined according to the resolution of mobile browsing the width of the picture.
9銆侀噸鏂板畾鍚戯紝鎸佺畫鏀硅繘
9, redirect, continuous improvement
鑷姩鍒ゆ柇縐誨姩璁懼錛岄噸鏂板畾鍚戠浉搴旈�傚悎鐨勭綉绔欏唴瀹癸紝鏍規嵁涓嶅悓鐨勭Щ鍔ㄨ澶囧拰灞忓箷灝哄錛屾潵鏄劇ず鐩稿簲鐨勭綉绔欏唴瀹癸紝璁╃敤鎴峰彲浠ュ垏鎹㈢數鑴戠増涓庣Щ鍔ㄧ増緗戠珯錛屼互渚夸粬鍙互閫夋嫨涓嬫璁塊棶鐨勭増鏈�?BR>Mobile devices, automatic judgment, redirect the corresponding suitable content, according to the different mobile devices and the screen size, to display the corresponding content, let users can switch the computer version with mobile web site, so that he can choose to visit next time.
浣跨敤鍒嗘瀽宸ュ叿錛屼簡瑙ｇ敤鎴峰浣曚嬌鐢ㄧ綉绔欙紝鏀墮泦鐢ㄦ埛鎰忚騫跺弽澶嶆祴璇曪紝榪借釜琛ㄧ幇銆傜Щ鍔ㄧ綉绔欎笉鏄Щ鍔ㄥ簲鐢紝鎵�浠ラ�氳繃榪欎簺錛屽彲浠ュ緱鍒版寔緇殑鏀硅繘鍜岃皟鏁淬�?BR>Using analysis tools, to understand how users use the site, collect user opinion and repeatedly testing, tracking performance. Mobile web site is not a mobile application, so through these, continuous improvement and adjustment can be obtained.
10銆佺珛瓚蟲湰鍦幫紝杞繪澗杞寲
10, based on local, easy transformation
涓庣敤鎴蜂綅緗浉緇撳悎鐨勪釜浜哄寲淇℃伅錛屼緥濡傚湴鍥俱�佽礬綰褲�佺數璇濄�佹湰鍦頒俊鎭瓑錛屽湪鎵�鏈夋彁渚涘唴瀹瑰綋涓紝鏈湴鍖栦俊鎭槸鏈�瀵圭敤鎴鋒湁甯姪鐨勩�?BR>Combined with a user's location of personal information, such as map, route, telephone, local information, etc., of all the content, the localization information is most helpful to users.
綆�鍖栨敞鍐岀櫥褰曟祦紼嬶紝涔熷氨鍑忓皯浜嗙敤鎴風殑杈撳叆楹葷儲錛屼絾鏄彁渚涙湁鍔╀簬杞寲/娉ㄥ唽鐨勪俊鎭篃涓嶈兘蹇借銆傚彧鏄湪綆�鍗曟祦紼嬬殑鍓嶆彁涓嬶紝鎻愪緵鏈夊姪浜庢彁鍗囪漿鍖栫巼鐨勪俊鎭粰鐢ㄦ埛銆?BR>Login to simplify the registration process, but also reduces the user's input of trouble, but to provide helps to convert/registered information cannot be ignored. Only on the premise of simple process, provide help to promote the conversion of information to the user.
鎵嬫満涓婄綉鏈夌潃璁稿浼犵粺鐢佃剳鎵�娌℃湁鎷ユ湁鐨勪紭鍔匡紝鍏朵腑鏈�澶х殑浼樺娍灝辨槸涓嶅彈鏃墮棿鍜屽湴鐐圭殑闄愬埗錛屽洜姝ゆ墜鏈虹綉绔欏簲璇ヨ鐗瑰埆鍙戞壃榪欎簺鐗硅壊錛岃縐誨姩緗戠珯鍏鋒湁涓�鑸綉绔欎笉鍏鋒湁鐨勬洿澶氫紭鍔褲�?BR>Mobile Internet has a lot of traditional computer did not have the advantage of one of the biggest advantage is not restricted by time and place, so mobile site should be especially carry on these characteristics, make a general website don't have more advantages on mobile web site.
浜戞棤闄愶紝鎮ㄨ韓杈圭殑緗戠珯寤鴻涓撳錛屼負鎮ㄦ彁渚?A title="" href="http://www.midgardbb.com/">緗戠珯寤鴻銆佸煙鍚嶆湇鍔°�佺綉绔欒惀閿�銆佷紒涓氶偖綆辯瓑涓�绔欏紡鏈嶅姟錛?BR>Cloud is infinite, around you website construction experts, to provide you with the website construction, domain name service, web marketing, E-mail and other one-stop service!