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

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

高大上的扁平化交互設計(2)

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

二、表達方式直白——準確

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

  做法可以是減少按鈕和選項,讓使用更簡潔。

  例:搖一搖:

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

  例:vine PK gif快手

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

  Gif快手(上圖)則是要通過點擊拍攝按鈕,來控制,還要分自動手動,按鈕和選項都不少,看似功能很完善,其實體驗其實不那么好,大家可以裝一個對比體驗一下。

  更加直觀的表達方式,讓用戶能更準確的使用體驗,不用在去為這里要怎么操作而苦惱了。

[Page: ]

三、信息直觀 —— 有序

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

  如果需求的信息少,功能少,那么要做直觀很容易,其實現(xiàn)在很多產品都不是在做大而全的東西了,這是一個很好的趨勢。但是很多情況下,我們面臨的產品信息量過大的情況,那么我們怎么才能讓信息直觀了?

  某產品經理說過“分類!分類!分類!這是產品經理在確定產品主要功能構架之后,唯一應該為用戶做的事情。分類無助于降低產品使用的難度,但是可以幫助用戶認知產品和周邊的世界。”

  設計師當然也可以,整理! 整理!

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

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

  這里關于整理的話題其實有很多,就不具體展開了,具體相關書籍《佐藤可士和超級整理術》

  佐藤可士和整理術圖例:

  新增二級目錄,希望予你方便 :

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

  包括最熟悉的網址導航 hao123為什么小白用戶都喜歡用,那都是因為整理分類使互聯(lián)網信息直觀有序,能讓用戶快速定位到自己想找的信息上。

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

[Page: ]

四、一致性

  多平臺之間的運用,現(xiàn)在的用戶已經習慣了在多場景下運用多平臺設備,一旦用戶學會了界面中某個部分的操作,他們很快就能知道如何在其他地方或其他性能上進行操作。

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



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

2)平臺與平臺之間的無縫體驗

  當然這里除了數據同步,還有一點就是考慮到怎么解決多設備之間的交叉融合的問題。

例:


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

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

  所以保證一致性也是扁平化很重要的一點,減少學習成本,提高使用效率。

五、其他

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

[Page: ]

【小結】:

  有效的整理信息,減少層級結構,功能表達方式直白等等都是使交互扁平化的多種手段。

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

  追求“扁平化”是我們的設計目標。不管是從視覺上,還是從交互上都應該根據產品的實際情況/場景以及用戶來具體分析,才能達到真正扁平的目標從而提供優(yōu)質的用戶體驗。

視覺設計師說“交互扁平了,視覺才好做扁平……”
交互設計師說“信息扁平了,交互才好做扁平……”
產品經理說“產品定位扁平了,信息才好做扁平……”


72
評論區(qū)(0)
正在加載評論...
相關推薦