92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

交互設計:如何做到周到?

2022-5-7    博博

在涉及體驗細節的小需求上,避免所有的不周到,方才是周到


前兩篇,探討了個人對交互設計價值觀的理解,以及其對從業者和用戶的價值。


這一篇,我們就來探討一下,如何做到之前提到的 4 點價值觀。


先從“周到“開始。


僅為一家之言。歡迎留言交流,說出你的看法。



01 怎樣算是周到?


本著嚴謹的態度,先捋一捋概念。


常言道,金杯銀杯,不如百姓口碑。


同理,周不周到,最終還是用戶說了算。那用戶是怎么評判的呢?通常是憑主觀感受。


拿上篇文章中網易號文章編輯頁面的例子來說,因為“保存”和“存草稿”功能做的不夠好,所以給筆者留下了不夠周到的印象。


翻譯過來,就是,一些體驗細節,影響了用戶的印象。


《設計師要懂心理學》這本書中有條原則,叫“整體認知主要依靠周邊視覺而非中央視覺”。


講的是視覺和 UI 層面的用戶認知。就是說,用戶會關注并不顯眼的邊邊角角的設計,而且這些邊邊角角的設計會影響用戶對整體設計的認知和印象。


舉個例子。假如說,微博信息流頁面的掃一掃圖標,在風格、大小等方面和其它圖標不統一,就會給用戶留下比較糟糕的印象,用戶很可能會覺得微博的設計不夠專業。


這些是 UI 設計層面的。在交互設計層面,也是類似的道理:體驗細節會影響用戶的認知。


總的來說,至少在常用的交互細節上,不要給用戶留下負面印象,也不要讓用戶產生負面情緒,避免所有的不周到,才算是周到。




02 如何做到周到


個人覺得,最關鍵的地方,是滿足好小需求。



啥是小需求?


個人觀點,籠統的講, 小需求是一種共性需求, 主要是一些體驗細節。比如信息的分類與展示、銜接不同頁面的各種彈窗與提示、對各種狀態的提示、對各種情況的到位解釋,等等。


有小需求,就有大需求。


所謂大需求,更多是一種個性需求, 不同的產品,會有不同的大需求。比如短視頻產品,它的大需求會包含視頻的拍攝、上傳、播放等;資訊類產品,它的大需求則包含文章的撰寫、編輯、發布、查看等。



工作經歷,筆者見過一些交互設計不夠周到的產品。它們的共同特點就是: 大需求基本上得到了很好的滿足,小需求沒有得到很好的滿足。


這一大段,就圍繞如何更好的滿足小需求來展開。主要建議如下。




1 工欲善其事,必先利其器


筆者有個客戶,是從事教育行業的,之前并沒有接觸過互聯網行業的產品與設計工作。


這位客戶找到筆者的時候,是想要設計一款小程序的界面。當時客戶非常自豪的對筆者說,這個(原型)是我用墨刀畫的,現學現做。


說起墨刀,本人也用過。和 Axure 相比,確實好用太多,在簡潔性和智能性方面,感覺和 Sketch 有異曲同工之處。


關于墨刀如何好用,網上已經有太多溢美之詞。筆者就結合自己的使用經歷,簡單總結一下:


1 好用,上手快。零基礎,只要會操作常用辦公軟件,簡單學一下就能上手

2 內置主流控件(iOS,安卓,WeUI等),非常方便
3 能在手機端預覽。加入鏈接和動效后,會很酷

4 能查看頁面之間的跳轉邏輯。借助工作流功能,可實現這一點


以上主要是墨刀自身的優點。結合本段主題,我們再探討一下,對于日常工作,墨刀這把利器有哪些優勢。


1.1 可以把更多精力花在創作上


當我們不會用一款工具時,通常會有一些挫敗感。如果必須要用,接著很可能就會有一點焦灼了。


而墨刀,基本上不會讓我們體會到這些感覺。


我們也不用花無謂的時間去學習一些艱難的高深的技法,而是可以把更多的時間花在“創作”這件事上。


1.2 可以更好的去滿足小需求


部分公司,可能面臨如下情況。


公司沒有專門的交互設計師,產品的原型由產品經理來畫。產品經理本身還兼任項目經理。


如果項目又特別趕,客觀上,產品經理確實沒有太多時間去關注交互的體驗細節。


主觀上,如果產品經理對這些交互細節的興趣或重視程度不足、同時產品經理上面的決策層也不去抓這些體驗細節,最終的結果,就是產品的原型上可能會丟失很多體驗細節。


筆者就有類似的經歷。


一款 App,產品經理用 Axure 畫的原型。評審或宣講需求的時候,大家都是在電腦或會議室大屏幕上來看這個原型,同時所有人最先關注的是大需求。


理解完大需求,會有部分同學就大需求提出自己的看法或建議。最后,才會有部分同學就小需求指出不足并提出建議。


受限于職責、時間等各種因素,大家也不可能針對小需求提出太多建議。結果就是,仍然會有相當數量的小需求被遺漏,或者沒有被很好的滿足。


墨刀有兩個功能,可以較好的規避這些問題。一個是工作流功能,一個是手機端預覽功能。


工作流功能,類似流程圖,即把所有頁面以合乎邏輯的方式鏈接起來??陀^上,會促使我們畫出所有包含小需求的頁面,包括彈窗、狀態提示等。


支持多人的手機端預覽功能,使得我們在手機上,可以通過點擊等方式來模擬體驗這款 App。這樣的環境下,我們會更容易理解大需求,也更容易發現小需求存在的問題。


所以,個人的建議,就是用墨刀來畫原型,同時把工作流和多人手機端預覽(針對 App、小程序)這兩項,作為硬性標準。


2 去用去感受


一款產品,在體驗或使用時,非常容易發現問題。


因為這時候,我們可以松弛下來,把自己切換成普通用戶。忘掉所有費腦子的需求和設計原理,只依賴經驗和直覺來用這款產品。我們的主觀感受,會告訴我們,這款產品的交互,到底周不周到。


據陸樹燊的《微信團隊的實驗室文化》一文顯示,張小龍評審微信的功能,不看原型圖,不看設計稿,也不看 Demo,而是體驗前后臺代碼開發好后的產品。這就意味著,如果一個功能在給到用戶前有 N 個方案,就會有 N 個方案對應的前后臺代碼。


一定程度上,微信團隊就是通過這種在正式發布前反復試錯、不斷打磨的方式,最終給用戶提供了優秀的交互體驗。


估計,絕大部分團隊和公司,都做不到微信這樣,開發 N 個版本,并去一一體驗和比較這 N 個版本。


無法體驗已經開發好的 N 個版本。但是,在真實的設備上體驗 N 個原型,我們還是可以做到的。


原型雖然沒有開發好的產品那么順暢和流暢,但是,如果用墨刀在手機端體驗一款加了鏈接和動效的 App 原型,一樣可以發現很多問題。


不過,根據經歷和觀察,筆者發現,我們人類,是不喜歡體驗原型的。


想一想,平常工作中,我們可能會樂此不疲的去體驗開發好的測試版產品。但對于原型,大部分時候,都是匆匆忙忙就過掉了。


個人有個猜測,就好像人類喜歡逗貓遛狗、卻不太喜歡逗桌子上的模型貓和模型狗一樣,我們人類是不太愿意花費太多時間和精力去和原型這種“假產品”互動的。


所以,某種程度上,體驗原型,是一種反人性的行為。


但卻是一種非常經濟和高效的方法。


因為首先,大部分時候,我們都是先選中一個原型方案,然后去設計、去開發;其次,等到開發好進入測試環節,這時候,原型往往就成了測試的標準,依靠測試來優化原型是不現實的。


所以,結合現狀,綜合來看,小需求能不能得到很好的滿足,很大程度上還是要依靠原型。


也就是說,很有必要對原型進行優化。具體方法,就是在真實的設備上體驗原型、反復體驗、多人體驗,并進行相應優化。


3 參考設計規范


如前所述,用利器來創作原型,反復在原型里體驗產品,這些強調的是內部力量,即自身的努力。


下面,再談一談外部力量,即外界海量的知識與經驗。


說起外界知識,除了直接參考其他產品的設計以外,大家參考最多的,可能就是《iOS Human Interface Guidelines》和《Material Design》這些設計規范了。


根據筆者的實際經驗,這兩個來自蘋果和谷歌的設計規范,很多時候,我們都是拿它們當字典用。即哪一點不會或不太確定的時候,去翻一翻查一查。


雖然這倆規范很優秀,但是卻很難被我們“物盡其用”,因為它們的知識體系過于龐大,有點像一本字典。拿著“字典”里的每一條原則去檢驗我們的交互設計,這是很難做到的。


但是有一個設計規范,去非常適合拿來檢驗我們的交互設計,那就是尼爾森十大可用性原則。


太詳細的就不贅述了,這里我們再簡單回顧下這十條原則。


1) 狀態可見

用戶時刻清楚,正在發生什么


2) 環境貼切

營造一個用戶熟悉的環境,比如語言、詞語、圖標等


3) 用戶可控

控制權交給用戶,并且多數時候,考慮支持撤銷重做


4) 一致性

方方面面的統一,比如文案、視覺、操作等


5) 防錯

盡最大可能,幫助用戶,避免用戶犯錯


6) 易?。鹤R別比記憶好

通過把組件、按鈕等元素可見化,降低用戶記憶負擔


7) 靈活高效

優先考慮人數最多的中級用戶,同時兼顧高級和初級用戶


8) 易掃:優美且簡約

閱讀體驗要好,掃視體驗也要好;保持簡約和美觀


9) 容錯

幫助用戶識別、診斷,并從錯誤中恢復


10) 人性化幫助

日常的使用最好脫離幫助文檔,但有必要提供幫助文檔



個人非常建議,在日常工作中,把尼爾森十大可用性原則作為一把標尺,來時時刻刻檢驗我們的交互設計。



結語


交互設計,在涉及體驗細節的小需求上,避免所有的不周到,方才是周到。


用利器創作原型,要包含流程圖;多體驗原型或產品,以體驗結果為準、而非討論結果為準;參考優秀的設計規范,用尼爾森十大可用性原則來檢驗原型。


以上三點,可以幫助我們做到交互設計的周到。


其中,個人認為,最為核心的是第二點:多體驗原型或產品,直到自己覺得周到為止。


因為,正如電影《霸王別姬》的一句臺詞所說:人,得自個兒成全自個兒。


文章來源:站酷   作者:SnowDesign


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、
BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
亚洲警察之高压线| 粉嫩久久久久久久极品| 视频在线一区二区三区| 国产精品极品在线| 日韩美女精品在线| 欧美性生活影院| 日本一区视频在线观看| 日韩激情电影免费看| 在线观看二区| 日韩欧美在线网站| 国产图片一区| 国产一区二区三区久久| 国产亚洲美女久久| 永久免费观看精品视频| 亚洲国产精品va在线看黑人动漫| 成人网中文字幕| 国模私拍视频在线播放| 婷婷综合另类小说色区| 亚洲欧美日韩小说| 成人av网站观看| 欧美日韩国产探花| 久久精品日产第一区二区三区高清版| 亚洲二区三区四区| 蜜桃传媒一区二区| 国产精品欧美经典| 日韩一区二区高清| 国产精品久久国产三级国电话系列| 欧美一区2区三区4区公司二百| 欧美日本免费一区二区三区| 久久一综合视频| 欧美日韩精品一区二区三区| 黄页免费欧美| 亚洲成色999久久网站| 国产在线精品一区二区| 成人免费观看在线观看| 欧美高清性猛交| 欧美理论片在线观看| 国产精品狼人久久影院观看方式| 国产免费高清一区| 日韩av网站在线观看| 国产精品88久久久久久| 91亚洲资源网| 欧美日韩另类丝袜其他| 911国产精品| 在线观看亚洲成人| 国产欧美一区二区三区精品酒店| 久久精品成人欧美大片| 亚洲欧美日韩图片| 欧美在线不卡视频| 免费看男女www网站入口在线| 国产区在线观看成人精品| 欧美亚洲一级二级| 一区二区三区国产在线观看| 伊人久久成人| 日本久久久a级免费| 亚洲第一会所001| 性欧美hd调教| 国产伦理精品| …久久精品99久久香蕉国产| 日本欧美一二三区| 男女啪啪999亚洲精品| 国产精品亚洲欧美一级在线| 99在线热播| 国产一区二区不卡老阿姨| 日韩精品一区二区三区中文在线| 国产极品模特精品一二| 欧美老少做受xxxx高潮| 亚洲一二三区视频在线观看| 国产精品国产三级在线观看| 久久99视频| 欧美呦呦网站| 日本乱理伦在线| 免费成人动漫| 欧美性xxxxxxx| 黄色成人av网| 日韩av电影手机在线| 男女羞羞视频在线观看| 亚洲午夜视频| 97精品资源在线观看| 亚洲欧洲一二区| 无码少妇一区二区三区| 国产亚洲成av人片在线观看桃| 不卡一区综合视频| 成人在线国产精品| 高清国产一区二区三区| 超碰激情在线| 免费中文字幕日韩欧美| 免费精品一区| 日韩精品一区二区三区中文在线| 欧美精品一区二区三| 国产精品日韩欧美一区二区| 亚洲精华国产欧美| 亚洲欧美日韩在线观看a三区| 国产成人精品视频| 亚洲国产成人精品女人久久久| 欧美sm美女调教| 视频在线一区| 伊人成综合网| 久久久噜噜噜久久狠狠50岁| 久久99蜜桃| 色综合久久88色综合天天看泰| 国产在线播精品第三| 亚洲电影中文字幕| 亚洲bbw性色大片| melody高清在线观看| 男人天堂亚洲| 国产在线精品一区在线观看麻豆| 久久亚洲国产精品| **女人18毛片一区二区| 国产一在线精品一区在线观看| 国产精品videosex极品| 91麻豆精品国产综合久久久久久| 狠狠入ady亚洲精品| 欧美成人精品一区二区男人小说| 成人在线视频中文字幕| 日韩一区二区三区资源| 久久久久一本一区二区青青蜜月| 亚洲欧美日韩国产yyy| 欧美大成色www永久网站婷| 欧美日韩一区视频| 亚洲欧美激情精品一区二区| 午夜精品一区在线观看| 国产一区二区主播在线| 亚洲精品免费一二三区| 免费人成黄页网站在线一区二区| 日本中文在线| 91免费精品国偷自产在线| 亚洲黄色片网站| 亚洲五月婷婷| 国产一区自拍视频| 91免费看片在线观看| 欧美成人精品xxx| 亚洲美女免费精品视频在线观看| 午夜影院免费在线| 日韩在线导航| 亚洲综合在线做性| 久久成人高清| 国产精品久久久久av电视剧| 日韩中文字幕高清在线观看| 日韩一区二区三区xxxx| 国产精品一区二区黑丝| 性欧美精品一区二区三区在线播放| 欧美黄色成人网| 久久精品国产99| 亚洲激情自拍偷拍| 亚洲一区二区三区在线视频| 欧美日韩欧美一区二区| 亚洲人成免费网站| 啪啪激情综合网| 欧美日韩成人在线视频| 激情视频在线观看一区二区三区| 女一区二区三区| 先锋成人av| 国产一区二区三区精品欧美日韩一区二区三区| 国产毛片一区二区| 欧美aⅴ99久久黑人专区| 亚洲人成欧美中文字幕| 久久精品一区二区三区中文字幕| 久久成人18免费网站| 自拍偷拍欧美日韩| 在线观看欧美日韩国产| 亚洲美女少妇无套啪啪呻吟| 亚洲福利视频二区| 午夜精品久久99蜜桃的功能介绍|