您好,歡迎來到一站式眾包服務平臺-威客牛網(wǎng)!
當前位置:威客牛首頁 > 知識百科 > IT軟件 > UI設計 > 響應式網(wǎng)頁設計教程

響應式網(wǎng)頁設計教程

2022-12-04作者:網(wǎng)友投稿
當客戶提出產(chǎn)品功能移動化的需求時,有一些解決方案可供我們選擇,包括原生客戶端應用、Web應用等,究竟怎樣的方式更合適,還是取決于具體的需求情況。

另外也要考慮網(wǎng)站本身是否需要實施移動化,雖然響應式站點并不能算是一種純粹的移動化解決方案,但是在某些情況下,這種方式是非常值得考慮的。

1、你心里沒譜

設計開發(fā)一個全新的移動版本站點或是客戶端應用,整個過程是有很大挑戰(zhàn)性的,除非產(chǎn)品正式上線,否則你無法真正了解它是否會成功,與其單純的為了移動化而花費資源打造移動版本站點或是開發(fā)客戶端應用,不如先花些心思將原本的網(wǎng)站打造的更具彈性,使其在各種主流移動設備中都擁有盡量優(yōu)秀的用戶體驗。

2、你想節(jié)約成本

要打造響應式站點,自然離不開有經(jīng)驗的交互、視覺設計及前端開發(fā)人員,所需的資源,尤其是時間方面,比起普通網(wǎng)站來說大約增加20%到30%的樣子,但比起單獨打造移動版本的網(wǎng)站,或是設計開發(fā)客戶端應用的成本來說,卻要低很多,從維護的角度來說,也會輕松很多。

3、你希望網(wǎng)站可以兼容未來的新設備

所謂的移動版本站點,通常是針對某類具體規(guī)格的設備進行單獨打造的,彈性比較差,新的移動設備層出不窮,傳統(tǒng)的移動版本站點需要不斷的進行更新維護,才能盡量保證在新設備中工作良好,響應式設計可以根據(jù)設備瀏覽環(huán)境的具體規(guī)格進行判斷,使用不同的呈現(xiàn)方式來展示內(nèi)容,無需針對某種特定的規(guī)格進行維護,適應性更好。

用戶研究與設備規(guī)格預估

前期,通過用戶調(diào)研,我們可以了解到用戶群所使用的設備類型分布情況,并預估出幾種典型的響應規(guī)格,用來規(guī)劃不同的呈現(xiàn)方式,有幾個問題建議大家需要特別考慮下:

1、用戶在不同設備上的目標有多大區(qū)別?

過去,我們通常會假設用戶在使用移動設備訪問網(wǎng)站時,其行為都是高度目標驅(qū)動化的,例如在旅途中獲取酒店地址、預訂房間一類。

但實際情況不僅如此——智能手機、平板電腦等各類移動設備的用戶,會越來越多的在相對穩(wěn)定從容的狀態(tài)下使用網(wǎng)絡,所以在很多時候,用戶使用不同設備的目標差別并沒有想象的那么大,我們不能片面的假設不同類型設備的用戶對功能的需求差異。

2、關(guān)于功能與內(nèi)容呈現(xiàn),從技術(shù)的角度出發(fā),需要考慮哪些?

對于功能繁多復雜的網(wǎng)站,需要針對不同的設備類型進行功能和內(nèi)容的優(yōu)先級排序,以便在開發(fā)階段通過CSS定義不同的響應規(guī)則,以最合理的樣式規(guī)格和布局方式進行呈現(xiàn),尤其對于手機等小屏幕設備,需要多花些心思。
免費查詢商標注冊