欧美成人粉红派对在线不卡_亚洲精品口爆av美女_国产成人乱码一二三区性色qery_日韩加勒比无码成人精品_国产口爆骚妇一区色色

高大上的扁平化交互設(shè)計(jì)(2)

2014-02-08 6592 0
【新聞鏈接】:讓扁平化設(shè)計(jì)也爆發(fā)視覺沖擊力(1)

二、表達(dá)方式直白——準(zhǔn)確

  就是讓小白用戶上手使用無壓力,記得某產(chǎn)品經(jīng)理說過“如果你的功能不能讓用戶一眼就看明白,還需要解釋的話,那么你這個(gè)功能就做失敗了⋯⋯”

  做法可以是減少按鈕和選項(xiàng),讓使用更簡(jiǎn)潔。

  例:搖一搖:

  搖一搖,用戶的本能反映,不需要任何解釋,連小孩都知道,只要拿著手機(jī)晃動(dòng)就能實(shí)現(xiàn)這個(gè)功能。

  例:vine PK gif快手

  同樣是錄制段視頻的應(yīng)用,vine(上圖)更接近真實(shí)的體驗(yàn),當(dāng)你手指按到屏幕中間的時(shí)候,進(jìn)度條就開始跑,當(dāng)手指離開后就暫停。

  Gif快手(上圖)則是要通過點(diǎn)擊拍攝按鈕,來控制,還要分自動(dòng)手動(dòng),按鈕和選項(xiàng)都不少,看似功能很完善,其實(shí)體驗(yàn)其實(shí)不那么好,大家可以裝一個(gè)對(duì)比體驗(yàn)一下。

  更加直觀的表達(dá)方式,讓用戶能更準(zhǔn)確的使用體驗(yàn),不用在去為這里要怎么操作而苦惱了。

[Page: ]

三、信息直觀 —— 有序

  互聯(lián)網(wǎng)已經(jīng)是信息爆炸的時(shí)代了,如何從這些里面找到自己想要的,尤其是現(xiàn)在小屏幕設(shè)備流行,致使我們更需要減少過度繁雜元素的交互界面設(shè)計(jì),讓信息更直觀的展示。

  如果需求的信息少,功能少,那么要做直觀很容易,其實(shí)現(xiàn)在很多產(chǎn)品都不是在做大而全的東西了,這是一個(gè)很好的趨勢(shì)。但是很多情況下,我們面臨的產(chǎn)品信息量過大的情況,那么我們?cè)趺床拍茏屝畔⒅庇^了?

  某產(chǎn)品經(jīng)理說過“分類!分類!分類!這是產(chǎn)品經(jīng)理在確定產(chǎn)品主要功能構(gòu)架之后,唯一應(yīng)該為用戶做的事情。分類無助于降低產(chǎn)品使用的難度,但是可以幫助用戶認(rèn)知產(chǎn)品和周邊的世界?!?/P>

  設(shè)計(jì)師當(dāng)然也可以,整理! 整理!

  把互聯(lián)網(wǎng)里大量的信息整理的有序清晰,讓用戶能根據(jù)你整理的清晰分類快速找到自己需要的東西。

  通過整理,我們能找到事物的本質(zhì),發(fā)現(xiàn)全新的觀點(diǎn),看到一些深藏于表面的事物。通過整理,我們視野里問題會(huì)變得越來越清晰,并且獲得許多新發(fā)現(xiàn)。

  這里關(guān)于整理的話題其實(shí)有很多,就不具體展開了,具體相關(guān)書籍《佐藤可士和超級(jí)整理術(shù)》

  佐藤可士和整理術(shù)圖例:

  新增二級(jí)目錄,希望予你方便 :

  這是一個(gè)設(shè)計(jì)師的網(wǎng)址導(dǎo)航,分類非常明確,同時(shí)也收集整理了設(shè)計(jì)師常用的各種資源,包括工具下載,設(shè)計(jì)教程,配色,創(chuàng)意等等內(nèi)容,至少把設(shè)計(jì)相關(guān)的東西都幫我整理到一起了,用起來也非常方便。以前找素材什么的都要到處去搜去找。

  包括最熟悉的網(wǎng)址導(dǎo)航 hao123為什么小白用戶都喜歡用,那都是因?yàn)檎矸诸愂够ヂ?lián)網(wǎng)信息直觀有序,能讓用戶快速定位到自己想找的信息上。

  干凈整潔有序,永遠(yuǎn)比雜亂無章跟讓人賞心悅目,及時(shí)在信息量很大的情況下,在有序的環(huán)境里面找起來也會(huì)比較方便快捷。

[Page: ]

四、一致性

  多平臺(tái)之間的運(yùn)用,現(xiàn)在的用戶已經(jīng)習(xí)慣了在多場(chǎng)景下運(yùn)用多平臺(tái)設(shè)備,一旦用戶學(xué)會(huì)了界面中某個(gè)部分的操作,他們很快就能知道如何在其他地方或其他性能上進(jìn)行操作。

1)功能的一致性:例:淘寶手機(jī)版



  某天,我在淘寶上買了一個(gè)東西,有質(zhì)量問題賣家讓我截圖給他看看,我當(dāng)時(shí)是窩在沙發(fā)上用手機(jī)上的淘寶,我在界面上找了半天沒有發(fā)現(xiàn)可以發(fā)圖片的地方,好不容易看到右下角有個(gè)標(biāo)志,我滿懷希望的點(diǎn)開,結(jié)果是表情。哎,我不得不打開電腦,先用QQ把手機(jī)上的圖片傳到電腦上,在用旺旺發(fā)過去⋯⋯可以看到我當(dāng)時(shí)的時(shí)間是22:17,我當(dāng)時(shí)已經(jīng)非常不想開電腦了,但是沒有辦法要發(fā)截圖!那無奈的感覺啊,你懂!(是不是我沒有找到手機(jī)上發(fā)圖的方法,善良的小伙伴請(qǐng)告訴我)。

2)平臺(tái)與平臺(tái)之間的無縫體驗(yàn)

  當(dāng)然這里除了數(shù)據(jù)同步,還有一點(diǎn)就是考慮到怎么解決多設(shè)備之間的交叉融合的問題。

例:


  某次在使用Mac QQ的時(shí)候,發(fā)現(xiàn) 在選擇發(fā)送圖片的時(shí)候,居然可以從iphone相冊(cè)中選擇,讓我感覺這個(gè)體驗(yàn)非常好,我再也不需要在手機(jī)上登一個(gè)QQ,電腦上登一個(gè)QQ傳來傳去了。

  QQ支持多設(shè)備登陸以后,表現(xiàn)多設(shè)備之間交叉融合一致性的功能最有代表性的是,手機(jī)QQ上的一個(gè)功能:“傳文件到我的電腦”,傳照片什么的,再也不用登2個(gè)QQ在兩個(gè)不同的設(shè)備上傳來傳去了。多設(shè)備上登陸同一個(gè)QQ 就能搞定。

  所以保證一致性也是扁平化很重要的一點(diǎn),減少學(xué)習(xí)成本,提高使用效率。

五、其他

  響應(yīng)和反饋,我覺得應(yīng)該算扁平化中比較重要的一點(diǎn),界面應(yīng)該提醒用戶發(fā)生了什么事,讓用戶了解這些反饋信息,在用戶出錯(cuò)的時(shí)候他們能清晰的知道該怎么做。否則用戶在不知所措的情況下,往往就會(huì)選擇離開。

[Page: ]

【小結(jié)】:

  有效的整理信息,減少層級(jí)結(jié)構(gòu),功能表達(dá)方式直白等等都是使交互扁平化的多種手段。

  交互的扁平化設(shè)計(jì),其實(shí)是一個(gè)概念,是一種內(nèi)在的設(shè)計(jì)思想,目的是能在環(huán)境需求多種變化的情況下,依舊能提高用戶體驗(yàn)的一種方法。

  追求“扁平化”是我們的設(shè)計(jì)目標(biāo)。不管是從視覺上,還是從交互上都應(yīng)該根據(jù)產(chǎn)品的實(shí)際情況/場(chǎng)景以及用戶來具體分析,才能達(dá)到真正扁平的目標(biāo)從而提供優(yōu)質(zhì)的用戶體驗(yàn)。

視覺設(shè)計(jì)師說“交互扁平了,視覺才好做扁平……”
交互設(shè)計(jì)師說“信息扁平了,交互才好做扁平……”
產(chǎn)品經(jīng)理說“產(chǎn)品定位扁平了,信息才好做扁平……”


72
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦