2015-4-17 用心設(shè)計(jì)
有
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)
來(lái)源:莫貝網(wǎng)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
很多移動(dòng)互聯(lián)網(wǎng)的產(chǎn)品經(jīng)理和設(shè)計(jì)師都是從傳統(tǒng)互聯(lián)網(wǎng)轉(zhuǎn)過(guò)去的,我們之前積累下的一些經(jīng)驗(yàn),有一些可以在移動(dòng)側(cè)繼續(xù)使用,有一些則行不通,這或許要從移動(dòng)互聯(lián)網(wǎng)跟傳統(tǒng)互聯(lián)網(wǎng)的區(qū)別說(shuō)起。
傳統(tǒng)互聯(lián)網(wǎng):主要的接入終端是計(jì)算機(jī)。計(jì)算機(jī)是高度標(biāo)準(zhǔn)化的設(shè)備,無(wú)論是Mac陣營(yíng),還是PC陣營(yíng)(其他的架構(gòu)不討論了)。具體體現(xiàn)在:
移動(dòng)互聯(lián)網(wǎng):主要的接入終端是手機(jī)和各種pad。拿手機(jī)來(lái)說(shuō),標(biāo)準(zhǔn)化程度遠(yuǎn)遠(yuǎn)不及計(jì)算機(jī)。具體體現(xiàn)在:
傳統(tǒng)互聯(lián)網(wǎng):
移動(dòng)互聯(lián)網(wǎng):
傳統(tǒng)互聯(lián)網(wǎng):
移動(dòng)互聯(lián)網(wǎng):
基于以上的不同,或許從產(chǎn)品設(shè)計(jì)層面來(lái)看,會(huì)有如下的思路:
1、結(jié)合移動(dòng)互聯(lián)網(wǎng)和移動(dòng)設(shè)備的特點(diǎn),揚(yáng)長(zhǎng)避短。
典型案例:
TalkBox以及微信的語(yǔ)音聊天
因?yàn)榇蟛糠智闆r下,在手機(jī)上輸入文字比較麻煩,而說(shuō)話則容易很多。所以在手機(jī)上,使用非即時(shí)的語(yǔ)音交流,要比使用文字方便快捷。
iPhone晃動(dòng)撤銷輸入
在手機(jī)上輸入了大量文字,想撤銷重新輸入怎么辦呢?使用刪除鍵一個(gè)一個(gè)字的刪一定不是最好的辦法。在iPhone上,我們只要晃一下手機(jī)(向一個(gè)方向晃動(dòng)),就可以將輸入的文字撤銷了。
通訊錄
天然的真實(shí)關(guān)系SNS。
切水果
移動(dòng)設(shè)備“特有”(算是特有吧)的觸控和劃動(dòng)操作可以做到很多用鍵盤鼠標(biāo)無(wú)法感受到的體驗(yàn)。比如切水果這種游戲,如果在計(jì)算機(jī)上用鼠標(biāo)操作,將樂(lè)趣大減。但在移動(dòng)設(shè)備上,就很有趣了。
Clear
在計(jì)算機(jī)上,我們使用鼠標(biāo)可 以的點(diǎn)擊屏幕上的內(nèi)容,理論上講可以到像素。但是在手機(jī)上,如果使用手指操作,就沒(méi)辦法這么了。手勢(shì)的出現(xiàn)在一定程度上緩解了這個(gè)問(wèn)題,它提 供了一種不需即可操作的可能。例如Clear這款To Do List app,它可以使用手勢(shì)完成大部分的操作。例如,向下滑動(dòng)可新建項(xiàng)目;在某項(xiàng)目上向右滑動(dòng)可將其標(biāo)記“已完成”;向左滑動(dòng)可以刪除等。
2、考慮移動(dòng)互聯(lián)網(wǎng)的使用環(huán)境,做合適的改進(jìn)。
典型案例:
夜間模式
有很多用戶有睡前閱讀的習(xí)慣,他們經(jīng)常會(huì)關(guān)掉燈,臥在被窩里閱讀電子書。在相對(duì)黑暗的環(huán)境下,平時(shí)的淺色底色深色文字的設(shè)計(jì)會(huì)很刺眼,這就產(chǎn)生了傳統(tǒng)互聯(lián)網(wǎng)上可能不會(huì)遇到的問(wèn)題。于是就有了“夜間模式”,將背景色和文字色的對(duì)比降低,看起來(lái)就柔和多了,適合睡前閱讀。
內(nèi)容預(yù)讀
在移動(dòng)環(huán)境下,網(wǎng)絡(luò)經(jīng)常是不穩(wěn)定的。所以在設(shè)計(jì)在線閱讀應(yīng)用的時(shí)候,可以在網(wǎng)絡(luò)通暢的時(shí)候從服務(wù)器預(yù)讀2、3頁(yè)內(nèi)容。這樣,如果發(fā)生短暫的網(wǎng)絡(luò)中斷,也依然可以獲得流暢的閱讀體驗(yàn)。
3、考慮移動(dòng)互聯(lián)網(wǎng)的使用場(chǎng)景,思考適合的產(chǎn)品。
典型案例:
微博
微博雖然不是移動(dòng)互聯(lián)網(wǎng)專有的應(yīng)用,但是相比于其他的需要發(fā)送內(nèi)容的應(yīng)用(例如博客),它更適合在移動(dòng)環(huán)境中使用。因?yàn)橹荒軐?40個(gè)字,所以它適合利用零散時(shí)間,碎片化的分享一下自己的小心情,小感悟,小牢騷等。
首先,想要把自己的見(jiàn)聞最快速最生動(dòng)的分享給朋友的話,照片一般比文字更合適。其次,在圖像處理方面,傳統(tǒng)互聯(lián)網(wǎng)上,大家也會(huì)處理照片并分享。但是 那時(shí)候,我們可以更多的接受較為復(fù)雜的操作。而在移動(dòng)中,處理圖片最適合的方式就是,選一種效果,應(yīng)用。別提供各種滑塊讓我調(diào)了。
LBS
用PC的年代,我很難想象走到一個(gè)地方,拿出電腦,選一下我現(xiàn)在所在的位置,搞什么“簽到”。
大眾點(diǎn)評(píng)
我們總是會(huì)有一些臨時(shí)的,或者不確定的需求。比如跟朋友逛街累了,想喝杯咖啡?;蛘邅?lái)到了一個(gè)陌生的地方,想找餐館吃飯。這時(shí)候我們可能不會(huì)隨時(shí)帶著電腦,但是會(huì)隨時(shí)帶著手機(jī)。打開(kāi)手機(jī)就能看到附近的各種餐館還有評(píng)價(jià),很好的解決了這些“臨時(shí)性”的需求。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com