客服
熱線
18623896844
13264445812
18612707474
7*14小時(shí)客服服務(wù)熱線
添加
微信
風(fēng)清揚(yáng)官方微信
打賞
站長(zhǎng)
感恩支持
移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的核心要素有哪些?
更新時(shí)間2013-06-26
點(diǎn)擊數(shù)7651
移動(dòng)互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的設(shè)計(jì)有很多不同
移動(dòng)互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的設(shè)計(jì)有很多不同,針對(duì)前者有哪些關(guān)鍵的設(shè)計(jì)重點(diǎn)、考慮要素、交互或體驗(yàn)要特別注意的呢?本文來自知乎網(wǎng)友可風(fēng)的回答。
可風(fēng)
較近越來越多的圈內(nèi)人開始隨大潮進(jìn)入移動(dòng)互聯(lián)網(wǎng)領(lǐng)域,從傳統(tǒng)的web或者桌面端設(shè)計(jì)開始學(xué)習(xí)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)。在很多人眼里,設(shè)計(jì)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品的區(qū)別無非就是載體從電腦變成了手機(jī),所以只要熟悉一下各個(gè)手機(jī)中不同的規(guī)范和特性就算是完成了過渡,學(xué)習(xí)了下ios human guideline,了解了一下擬物化設(shè)計(jì)和扁平化設(shè)計(jì),就以為是了解了移動(dòng)互聯(lián)網(wǎng)的設(shè)計(jì)方法。其實(shí)這種思想完全是只看到表現(xiàn)而沒看到本質(zhì)的錯(cuò)誤,移動(dòng)互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的區(qū)別不光是設(shè)計(jì)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范的變化,而應(yīng)該從整個(gè)物理環(huán)境的變化來重新全面的認(rèn)識(shí)。那么我們分析一下,移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品有什么區(qū)別呢?
一、使用場(chǎng)景的復(fù)雜
用戶在使用桌面客戶端或者訪問web頁(yè)面的時(shí)候,多半是坐在電腦前,固定的盯著屏幕和使用鍵鼠操作,這個(gè)時(shí)候?qū)τ谟脩魜碚f,使用場(chǎng)景是簡(jiǎn)單而固定的。但是在使用手機(jī)的時(shí)候,用戶可能在地鐵中,在公交上,在電梯中,無聊等待時(shí)或者邊走路邊用。如此復(fù)雜的場(chǎng)景,需要產(chǎn)品的設(shè)計(jì)者考慮的要素也自然非常的復(fù)雜。
比如在公交車上擁擠和搖晃時(shí),用戶如果才能順暢的單手操作?比如在地鐵或者電梯的信號(hào)不好的情況下,是否要考慮各種網(wǎng)絡(luò)情況帶來的問題?比如用戶在無聊等待玩游戲,或者在床上睡前時(shí),又變成了深入沉浸的體驗(yàn)?不同的場(chǎng)景不同的情況在設(shè)計(jì)時(shí)是否都有考慮清楚?
二、使用時(shí)間碎片化
用戶在使用電腦時(shí),大部分時(shí)間還是固定的,無非可能因?yàn)楣ぷ骱屯聹贤ㄒ幌拢蛘咂鹕砩蟼€(gè)廁所,一般都有10-20分鐘完整的時(shí)間片在操作電腦。但是移動(dòng)端就不一樣了,用戶既然在移動(dòng),使用手機(jī)時(shí)要隨時(shí)隨地觀察周圍的情況,隨時(shí)可能中斷現(xiàn)在的操作,鎖屏,再繼續(xù)剛才的操作。所以用戶使用移動(dòng)產(chǎn)品的時(shí)間不是連成片的,而是一段一段的,有的時(shí)候中斷回再回來,有的時(shí)候中斷就不會(huì)回來了。
三、屏幕尺寸的縮小
用戶使用電腦產(chǎn)品的屏幕尺寸是可以很大的,小則13寸大到27寸,這樣使得桌面產(chǎn)品和web產(chǎn)品有充足的區(qū)域展現(xiàn)信息,整個(gè)界面利用率就可以很高。我們?cè)谧鼋换ピO(shè)計(jì)的時(shí)候會(huì)有一種方法,如果一個(gè)次要信息的出現(xiàn)不會(huì)影響大部分用戶的時(shí)候,那么這個(gè)次要信息是可以放在界面上的,這就是為什么網(wǎng)站可以加入很多廣告banner的原因,因?yàn)橹灰3值揭粋€(gè)度不影響正常的使用就不會(huì)破壞整體的用戶體驗(yàn)。但是在移動(dòng)端,這個(gè)度是非常的小的,因?yàn)槠聊怀叽绲南拗疲旧硇枰阏宫F(xiàn)的必要信息都需要有一個(gè)合理的規(guī)劃和抉擇,次要的信息再一出來肯定破壞體驗(yàn)。將前2條結(jié)合你會(huì)發(fā)現(xiàn),用戶在使用移動(dòng)產(chǎn)品是需要非常追求效率的,所以移動(dòng)端產(chǎn)品的設(shè)計(jì)難道會(huì)大大增加。
四、無法多任務(wù)的處理信息
用戶在使用桌面產(chǎn)品時(shí),是更加容易的進(jìn)行多任務(wù)操作和處理的,比如我正在瀏覽web查資料,又正在進(jìn)行文檔的整理,還可能開著QQ和朋友聊天。因?yàn)榇笃聊坏年P(guān)系和系統(tǒng)機(jī)制讓用戶能夠高效的同時(shí)處理多個(gè)信息,當(dāng)然,還得益于固定的使用場(chǎng)景和完整的時(shí)間片。但是因?yàn)榍懊嬉蔡岬降膯栴},移動(dòng)端的產(chǎn)品往往是沉浸式的,用戶在同一時(shí)期只可能使用一個(gè)應(yīng)用,完成一個(gè)流程,然后結(jié)束,再去開啟另一個(gè)應(yīng)用和另一個(gè)流程,所以大部分移動(dòng)產(chǎn)品設(shè)計(jì)時(shí)往往講求遵循的是單一的任務(wù)流,期間結(jié)束和跳轉(zhuǎn)的設(shè)計(jì)非常的少。
五、平臺(tái)的設(shè)計(jì)規(guī)范和特性
較后才是各自的平臺(tái)規(guī)范和標(biāo)準(zhǔn),比如什么ios human guideline或者WindowsPhone的metro理念,縱觀知乎和各大網(wǎng)站,很多人每天關(guān)注的都是這些比如擬物化設(shè)計(jì)和扁平化設(shè)計(jì)的風(fēng)格,返回按鈕的邏輯或者隱藏title之類的方法論細(xì)節(jié)。的確你了解這些信息是可以快速方便的設(shè)計(jì)出一個(gè)可用的移動(dòng)產(chǎn)品的,但是如果沒有了解之前所說的幾條移動(dòng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品在用戶體驗(yàn)上的區(qū)別,你可能永遠(yuǎn)也無法參透移動(dòng)互聯(lián)網(wǎng)用戶體驗(yàn)的規(guī)律和本質(zhì)。
移動(dòng)互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的設(shè)計(jì)有很多不同,針對(duì)前者有哪些關(guān)鍵的設(shè)計(jì)重點(diǎn)、考慮要素、交互或體驗(yàn)要特別注意的呢?本文來自知乎網(wǎng)友可風(fēng)的回答。
可風(fēng)
較近越來越多的圈內(nèi)人開始隨大潮進(jìn)入移動(dòng)互聯(lián)網(wǎng)領(lǐng)域,從傳統(tǒng)的web或者桌面端設(shè)計(jì)開始學(xué)習(xí)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)。在很多人眼里,設(shè)計(jì)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品的區(qū)別無非就是載體從電腦變成了手機(jī),所以只要熟悉一下各個(gè)手機(jī)中不同的規(guī)范和特性就算是完成了過渡,學(xué)習(xí)了下ios human guideline,了解了一下擬物化設(shè)計(jì)和扁平化設(shè)計(jì),就以為是了解了移動(dòng)互聯(lián)網(wǎng)的設(shè)計(jì)方法。其實(shí)這種思想完全是只看到表現(xiàn)而沒看到本質(zhì)的錯(cuò)誤,移動(dòng)互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的區(qū)別不光是設(shè)計(jì)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范的變化,而應(yīng)該從整個(gè)物理環(huán)境的變化來重新全面的認(rèn)識(shí)。那么我們分析一下,移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品有什么區(qū)別呢?
一、使用場(chǎng)景的復(fù)雜
用戶在使用桌面客戶端或者訪問web頁(yè)面的時(shí)候,多半是坐在電腦前,固定的盯著屏幕和使用鍵鼠操作,這個(gè)時(shí)候?qū)τ谟脩魜碚f,使用場(chǎng)景是簡(jiǎn)單而固定的。但是在使用手機(jī)的時(shí)候,用戶可能在地鐵中,在公交上,在電梯中,無聊等待時(shí)或者邊走路邊用。如此復(fù)雜的場(chǎng)景,需要產(chǎn)品的設(shè)計(jì)者考慮的要素也自然非常的復(fù)雜。
比如在公交車上擁擠和搖晃時(shí),用戶如果才能順暢的單手操作?比如在地鐵或者電梯的信號(hào)不好的情況下,是否要考慮各種網(wǎng)絡(luò)情況帶來的問題?比如用戶在無聊等待玩游戲,或者在床上睡前時(shí),又變成了深入沉浸的體驗(yàn)?不同的場(chǎng)景不同的情況在設(shè)計(jì)時(shí)是否都有考慮清楚?
二、使用時(shí)間碎片化
用戶在使用電腦時(shí),大部分時(shí)間還是固定的,無非可能因?yàn)楣ぷ骱屯聹贤ㄒ幌拢蛘咂鹕砩蟼€(gè)廁所,一般都有10-20分鐘完整的時(shí)間片在操作電腦。但是移動(dòng)端就不一樣了,用戶既然在移動(dòng),使用手機(jī)時(shí)要隨時(shí)隨地觀察周圍的情況,隨時(shí)可能中斷現(xiàn)在的操作,鎖屏,再繼續(xù)剛才的操作。所以用戶使用移動(dòng)產(chǎn)品的時(shí)間不是連成片的,而是一段一段的,有的時(shí)候中斷回再回來,有的時(shí)候中斷就不會(huì)回來了。
三、屏幕尺寸的縮小
用戶使用電腦產(chǎn)品的屏幕尺寸是可以很大的,小則13寸大到27寸,這樣使得桌面產(chǎn)品和web產(chǎn)品有充足的區(qū)域展現(xiàn)信息,整個(gè)界面利用率就可以很高。我們?cè)谧鼋换ピO(shè)計(jì)的時(shí)候會(huì)有一種方法,如果一個(gè)次要信息的出現(xiàn)不會(huì)影響大部分用戶的時(shí)候,那么這個(gè)次要信息是可以放在界面上的,這就是為什么網(wǎng)站可以加入很多廣告banner的原因,因?yàn)橹灰3值揭粋€(gè)度不影響正常的使用就不會(huì)破壞整體的用戶體驗(yàn)。但是在移動(dòng)端,這個(gè)度是非常的小的,因?yàn)槠聊怀叽绲南拗疲旧硇枰阏宫F(xiàn)的必要信息都需要有一個(gè)合理的規(guī)劃和抉擇,次要的信息再一出來肯定破壞體驗(yàn)。將前2條結(jié)合你會(huì)發(fā)現(xiàn),用戶在使用移動(dòng)產(chǎn)品是需要非常追求效率的,所以移動(dòng)端產(chǎn)品的設(shè)計(jì)難道會(huì)大大增加。
四、無法多任務(wù)的處理信息
用戶在使用桌面產(chǎn)品時(shí),是更加容易的進(jìn)行多任務(wù)操作和處理的,比如我正在瀏覽web查資料,又正在進(jìn)行文檔的整理,還可能開著QQ和朋友聊天。因?yàn)榇笃聊坏年P(guān)系和系統(tǒng)機(jī)制讓用戶能夠高效的同時(shí)處理多個(gè)信息,當(dāng)然,還得益于固定的使用場(chǎng)景和完整的時(shí)間片。但是因?yàn)榍懊嬉蔡岬降膯栴},移動(dòng)端的產(chǎn)品往往是沉浸式的,用戶在同一時(shí)期只可能使用一個(gè)應(yīng)用,完成一個(gè)流程,然后結(jié)束,再去開啟另一個(gè)應(yīng)用和另一個(gè)流程,所以大部分移動(dòng)產(chǎn)品設(shè)計(jì)時(shí)往往講求遵循的是單一的任務(wù)流,期間結(jié)束和跳轉(zhuǎn)的設(shè)計(jì)非常的少。
五、平臺(tái)的設(shè)計(jì)規(guī)范和特性
較后才是各自的平臺(tái)規(guī)范和標(biāo)準(zhǔn),比如什么ios human guideline或者WindowsPhone的metro理念,縱觀知乎和各大網(wǎng)站,很多人每天關(guān)注的都是這些比如擬物化設(shè)計(jì)和扁平化設(shè)計(jì)的風(fēng)格,返回按鈕的邏輯或者隱藏title之類的方法論細(xì)節(jié)。的確你了解這些信息是可以快速方便的設(shè)計(jì)出一個(gè)可用的移動(dòng)產(chǎn)品的,但是如果沒有了解之前所說的幾條移動(dòng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品在用戶體驗(yàn)上的區(qū)別,你可能永遠(yuǎn)也無法參透移動(dòng)互聯(lián)網(wǎng)用戶體驗(yàn)的規(guī)律和本質(zhì)。