国产毛片一区二区三区女同性恋_日韩欧洲区精品一区二区_乱人伦中文视频在线观看_五月天在线视频国产在线下载_挺进邻居丰满少妇的身体_国产乱子伦精品免费视频_国产精品无码一区二区A∨白浆_操女生在线观看免费观看视频_影音先锋av每日最新久久_婷婷五月精品综合一区

186-0984-0880
 
網(wǎng)站建設(shè)移動(dòng)終端頁面設(shè)計(jì)技巧
日期:12-07 瀏覽次數(shù):15

 移動(dòng)終端在國(guó)內(nèi)已經(jīng)是人手必備的裝備了,移動(dòng)終端瀏覽在全球的使用程度各有不同。在韓日,移動(dòng)終端瀏覽器被廣泛應(yīng)用于移動(dòng)服務(wù),在歐洲,Wap服務(wù)一直在增長(zhǎng),而在美國(guó),人們更多通過PDA瀏覽器瀏覽網(wǎng)頁而不是移動(dòng)終端。但是移動(dòng)終端的網(wǎng)站建設(shè)已經(jīng)迫在眉睫。

  雖然移動(dòng)終端瀏覽目前并不是在每個(gè)地方都受歡迎,但是在接下來的10年內(nèi),它將成為大多數(shù)人上網(wǎng)的主要途徑,移動(dòng)終端瀏覽器也將成為人們每天都會(huì)用到的工具。而這些都要求移動(dòng)終端瀏覽的用戶體驗(yàn)都要得到改善,主要體現(xiàn)在:連接速度、服務(wù)數(shù)量、可用性增加以及流量成本降低。本文主要簡(jiǎn)單地說明移動(dòng)終端瀏覽可用性的幾個(gè)方面。
  移動(dòng)終端瀏覽可用性
  移動(dòng)終端瀏覽可用性包含幾個(gè)層次(如圖1),不過用戶是不會(huì)發(fā)現(xiàn)是哪個(gè)層次導(dǎo)致可用性問題的。對(duì)于終端用戶,移動(dòng)終端瀏覽是一個(gè)整體的體驗(yàn),所有層次都必須無縫配合以提高可用性。??
  ?????????圖片文字:
  設(shè)備可用性:
  鍵·展示
  瀏覽器入口
  UI風(fēng)格
  瀏覽器可用性:
  交互
  頁面渲染
  緩存等等
  站點(diǎn)可用性:
  結(jié)構(gòu)
  內(nèi)容
  布局
  圖1:三個(gè)獨(dú)立層次構(gòu)成整體的可用性
  在移動(dòng)終端設(shè)備設(shè)計(jì)過程中,瀏覽器應(yīng)用的重要性決定了硬件設(shè)計(jì)以及整體UI風(fēng)格。如果是觸摸屏且有手寫筆,那么瀏覽器交互會(huì)容易多。另外完整的QWERTY鍵盤也讓用戶可以輸入網(wǎng)址以及填寫表格。如果不將瀏覽作為主要應(yīng)用,那么移動(dòng)終端設(shè)備必須輕巧,從而能夠滿足一只手使用的需求。在一些非觸摸屏設(shè)備上,瀏覽器主頁上必須有幾個(gè)關(guān)鍵性的鍵,還有網(wǎng)絡(luò)連接狀態(tài)以及重要的回退功能。
  小屏幕的移動(dòng)終端瀏覽器設(shè)計(jì)比較困難。同時(shí)大多數(shù)移動(dòng)終端設(shè)備在不同國(guó)家都有使用,所以理解不同移動(dòng)終端瀏覽文化的差異以及理解目標(biāo)用戶的移動(dòng)終端瀏覽體驗(yàn)變得尤為重要。一個(gè)好移動(dòng)終端瀏覽器必須能夠承載所有類型的內(nèi)容,不僅是專門為移動(dòng)設(shè)備優(yōu)化的內(nèi)容而且還包括為PC屏幕設(shè)計(jì)的網(wǎng)頁內(nèi)容。
  在為移動(dòng)終端設(shè)計(jì)服務(wù)時(shí),設(shè)計(jì)人員必須知道哪些內(nèi)容是在移動(dòng)狀態(tài)下會(huì)使用的,以及一個(gè)友好的網(wǎng)站結(jié)構(gòu)和UI設(shè)計(jì)原則是什么[參見注釋1,2]。
  內(nèi)容人員和瀏覽器開發(fā)人員都需要理解移動(dòng)環(huán)境屬性和移動(dòng)狀態(tài)下的用戶需求,而且必須測(cè)試自己的產(chǎn)品在移動(dòng)環(huán)境下的效果,要分清楚哪些功能可以在實(shí)驗(yàn)室里測(cè)試,而什么內(nèi)容是必須在移動(dòng)環(huán)境下測(cè)試的。我們一直在做用戶在移動(dòng)終端上的注意力分配以及瀏覽器交互行為等等方面的用戶研究。
  在移動(dòng)狀態(tài)下瀏覽完整網(wǎng)頁
  針對(duì)移動(dòng)終端用戶優(yōu)化的服務(wù)要求研發(fā)人員需要確定移動(dòng)狀態(tài)下的用戶在手持設(shè)備上的需求。許多服務(wù)往往跟地點(diǎn)有關(guān),比如旅游信息或者地圖;與時(shí)間有關(guān),比如列車時(shí)刻表;或者是非常個(gè)人化的需求,必須喜歡的酒吧等等。這就要求服務(wù)必須具有靈活性,基于不同因素而變化。
  移動(dòng)終端用戶使用PC網(wǎng)址登陸網(wǎng)站的原因往往是由于很多用戶只記得PC上的網(wǎng)站網(wǎng)址,不知道移動(dòng)終端版網(wǎng)站的地址,很多情況下,用戶在移動(dòng)終端上登陸電腦版網(wǎng)站,然后得到移動(dòng)終端版網(wǎng)站的鏈接。如果網(wǎng)頁不提供移動(dòng)終端版網(wǎng)站的鏈接,那么肯定會(huì)喪失一些用戶。
  另外我們相信大多數(shù)國(guó)家的用戶仍舊需要登陸完整網(wǎng)頁,3G網(wǎng)絡(luò)再加上優(yōu)秀的移動(dòng)終端屏幕使得在移動(dòng)終端上瀏覽完整網(wǎng)頁仍具有比較好的用戶體驗(yàn)。所以我們希望針對(duì)移動(dòng)終端優(yōu)化的內(nèi)容能夠增加,而且內(nèi)容人員還要注意到,移動(dòng)終端瀏覽器用戶在增加,不過還要在Web網(wǎng)站上提供移動(dòng)終端網(wǎng)站的入口。
  1、狹窄布局
  在小屏幕上顯示大的web頁面仍舊需要一些信息視覺處理方法。目前一些瀏覽器采用狹窄布局作為默認(rèn)查看模式,Opera將其稱為小屏幕渲染,NetFront將其稱為SmartFit,我們稱之為狹窄布局,因?yàn)檎麄€(gè)內(nèi)容的顯示窄且長(zhǎng),并且所有內(nèi)容都做了簡(jiǎn)化以符合屏幕寬度。
  我們對(duì)這一布局做過很多用戶研究[參見注釋5],狹窄布局的主要好處就是文本容易閱讀,如果文本的寬度超過屏幕的寬度,用戶的閱讀就會(huì)很困難,雖然可以采取滾動(dòng)的方法處理這一問題。
  不過根據(jù)我們的調(diào)查,狹窄布局仍有很多問題。糟糕的就是為了符合屏幕寬度,一些大圖片被刪減,結(jié)果導(dǎo)致圖像細(xì)節(jié)丟失。第二個(gè)問題就是表格。如果有一行表格不與屏幕吻合,就會(huì)自動(dòng)調(diào)至下一行。
  還有一點(diǎn)就是內(nèi)容排序。如上圖,所有內(nèi)容的顯示變得很長(zhǎng),所以用戶很難找到一些想要的內(nèi)容,經(jīng)常需要在屏幕滾動(dòng)時(shí)去尋找關(guān)鍵詞,這也就意味著滾動(dòng)速度不能太快,結(jié)果看完所有內(nèi)容會(huì)是一個(gè)非常漫長(zhǎng)的過程。如果加快滾動(dòng)速度,用戶又可能丟失一些重要信息。
  一個(gè)典型的Web頁面中,左邊往往有很多鏈接,主要內(nèi)容顯示在頁面中部。在狹窄布局中,用戶必須滾過這些鏈接,才能看到主體內(nèi)容。不過在瀏覽一個(gè)網(wǎng)站時(shí),這些鏈接多數(shù)情況下是不相關(guān),用戶會(huì)變得很生氣。還有一個(gè)相關(guān)的問題就是,一個(gè)網(wǎng)站的任何頁面的上端往往很類似,用戶會(huì)弄不清楚自己在哪個(gè)頁面,所以如果這些鏈接中包含用戶已經(jīng)點(diǎn)擊過的,那么用戶很有可能再點(diǎn)擊這些鏈接。我們遇見過很多用戶由于這個(gè)問題而放棄閱讀,他們會(huì)說瀏覽器壞掉了。
  2、原始布局
  由于狹窄布局存在很多可用性方面的問題,所以很多瀏覽器還提供原始布局頁面模式,這很類似在PC上,讓用戶根據(jù)內(nèi)容來選擇不同的視圖模式,原始布局中,大圖片細(xì)節(jié)和表格的效果會(huì)更好,同時(shí)如果用戶知道PC上的網(wǎng)站的結(jié)構(gòu),那么就很容易找到自己所需要的內(nèi)容。
  當(dāng)然原始布局并非什么問題都沒有。糟糕的就是閱讀寬文本內(nèi)容,會(huì)很費(fèi)力。用戶每次都得向前向后拉動(dòng)滾動(dòng)條。另外由于頁面很大,所以需要滾動(dòng)的地方也越多。
  3、理想布局
  很明顯,小屏幕移動(dòng)終端上的頁面瀏覽仍需要很多改進(jìn)和革新。如果想讓自己的網(wǎng)站在小屏幕上具有可讀性,可以遵守以下3個(gè)指導(dǎo)建議:
  避免那些一眼就能看出來的大物體;
  避免在圖片上使用小文本;
  頁面要輕化。

← 上一篇 下一篇 → 返回首頁
如有意向,請(qǐng)聯(lián)系我們的客戶經(jīng)理
我們會(huì)根據(jù)您的需求為你制定詳細(xì)的解決方案
在線咨詢 or 撥打業(yè)務(wù)熱線:186-0984-0880
在線咨詢
熱線電話
解決方案
掃一掃

掃一掃
關(guān)注新圖聞科技

全國(guó)咨詢熱線
186-0984-0880

返回頂部