從交互層面探討:不一樣的 App 該如何設(shè)計(jì)?
針對(duì)APP同質(zhì)化現(xiàn)象,本文作者從從交互層面探索了不一樣的 App 該如何設(shè)計(jì),且談及自己的解決方案。值得一讀。
前段時(shí)間一篇名為《為什么App設(shè)計(jì)得越來越像 》的文章在朋友圈被設(shè)計(jì)師們廣泛討論?;仡櫸恼碌拇蟾艃?nèi)容:
? ? ?“首先占據(jù)人們大多數(shù)時(shí)間的同類型APP內(nèi)容高度同質(zhì)化,而風(fēng)格取決于內(nèi)容,在平庸的內(nèi)容下只能誕生風(fēng)格平庸的APP設(shè)計(jì)。其次,對(duì)于以商業(yè)目標(biāo)為根本的APP應(yīng)用設(shè)計(jì)開發(fā),設(shè)計(jì)風(fēng)格的投入產(chǎn)出比并不高(游戲依然除外),設(shè)計(jì)模式的流行以及交互方式的單一使得保守的設(shè)計(jì)投入產(chǎn)出更高。最后在現(xiàn)今的消費(fèi)領(lǐng)域,功能主義盛行,界面設(shè)計(jì)中理性居于主導(dǎo)地位,設(shè)計(jì)風(fēng)格顯示不是理性思考的首要考量目標(biāo)。”
整理一下作者的觀點(diǎn):
- 內(nèi)容決定設(shè)計(jì),這個(gè)鍋內(nèi)容背;
- 與眾不同的收益不高,老板不愿意投資;
- 吃瓜群眾就喜歡實(shí)用的、千篇一律的瓜,實(shí)用型app都一個(gè)樣。
一、我想反駁一下
1、相似的內(nèi)容不應(yīng)成為沒有自己設(shè)計(jì)風(fēng)格的理由。任何領(lǐng)域,在發(fā)展過程總會(huì)不斷遇到同行業(yè)的競(jìng)爭(zhēng)者,內(nèi)容同質(zhì)化是不可避免的。而設(shè)計(jì)師的使命正是幫助企業(yè)從同質(zhì)化嚴(yán)重的市場(chǎng)中突圍,讓產(chǎn)品具備吸引人的獨(dú)特風(fēng)格不正是設(shè)計(jì)師的價(jià)值所在嗎?
2、首先,設(shè)計(jì)不是決定app產(chǎn)出的正向因素,用戶不會(huì)因?yàn)樵O(shè)計(jì)很棒而去使用一款只賣假貨的電商app;其次,內(nèi)容一樣的情況,投入優(yōu)秀設(shè)計(jì)資源的app永遠(yuǎn)比平庸的app更具備競(jìng)爭(zhēng)力,設(shè)計(jì)是影響用戶決策的X因素。
3、作為消費(fèi)領(lǐng)域的一份子,我們每個(gè)人都可以問自己,喜歡有特點(diǎn)的app還是喜歡千篇一律的,答案想必已經(jīng)不言而喻了。理性的設(shè)計(jì)≠?zèng)]有風(fēng)格,iOS算是極具風(fēng)格了吧,我們能不能說蘋果的設(shè)計(jì)師都是天馬行空地瞎搞?顯然不能。正是由于設(shè)計(jì)師理性的創(chuàng)作,才產(chǎn)生符合大眾又極具自身魅力的優(yōu)秀產(chǎn)品。
二、從交互的角度談?wù)勎业慕鉀Q方案
交互設(shè)計(jì)是app流水線生產(chǎn)的第一道工序(這里指的是表現(xiàn)層面),它決定app的基本框架,交互方式的雷同很大程度上決定了視覺感受的雷同。設(shè)計(jì)圈有一句名言——打開花瓣就是抄,它也許是一句設(shè)計(jì)師自我調(diào)侃的話,但它并非無中生有,很大程度上也反映了這個(gè)行業(yè)內(nèi)的一些不良現(xiàn)狀。而我們的一些固有思維也會(huì)潛意識(shí)說服自己,這個(gè)app就應(yīng)該長(zhǎng)這樣那樣,否則就是違背用戶習(xí)慣。
面對(duì)上述的種種現(xiàn)狀,交互設(shè)計(jì)師應(yīng)如何打破僵局?以下我將從4個(gè)方面談?wù)勎业南敕ǎ?/p>
1、從交互設(shè)計(jì)的要素著手突破形式的束縛
海量的需求、迫近的工期可能會(huì)使我們慢慢迷失在預(yù)設(shè)的形式主義中。list、banner、btn,點(diǎn)擊、滑動(dòng)、長(zhǎng)按各種樣式、形式,經(jīng)驗(yàn)可能已經(jīng)把他們對(duì)應(yīng)好了相應(yīng)的功能。這時(shí)候我們會(huì)覺得,交互設(shè)計(jì)可發(fā)揮的余地真的很小,基本沒什么可以做了。事實(shí)上,交互設(shè)計(jì)的對(duì)象其實(shí)是非常靈活的,縱使產(chǎn)品能提供的內(nèi)容是一樣的,但用戶本身是靈活多變的,滿足用戶目標(biāo)的方式是多樣的,用戶的行為是可以被交互設(shè)計(jì)師定義的,而所處的環(huán)境更是錯(cuò)綜復(fù)雜的,而用戶使用的產(chǎn)品自然也可以不一樣。
交互設(shè)計(jì)五要素——辛向陽
就單個(gè)人而言已經(jīng)是一個(gè)很復(fù)雜的主體,更何況用戶群體中又有千萬種不一樣的人。抓住用戶的某一個(gè)點(diǎn)就能做出不一樣的東西,例如抓住老年人眼睛不好使,我們有大字體、大icon的設(shè)計(jì),而對(duì)于時(shí)尚青年,我們可以把界面設(shè)計(jì)得更新潮,即時(shí)它很難被閱讀,但不重要;抓住用戶群體的瀏覽習(xí)慣,我們可以用大數(shù)據(jù)算出用戶喜歡的新聞,使新聞客戶端千人千面;我們可以通過小紅點(diǎn)讓強(qiáng)迫癥患者點(diǎn)擊,同樣也可以成為標(biāo)題黨讓好奇的用戶點(diǎn)擊。同樣的需求,從用戶的不同角度出發(fā),得出來的設(shè)計(jì)也不一樣。
總有方法讓你點(diǎn)進(jìn)去看
交互設(shè)計(jì)的對(duì)象是行為,我們的工作就是設(shè)計(jì)用戶完成任務(wù)的過程以及行為方式。那條條道路通羅馬,用戶完成任務(wù)的過程也可以千變?nèi)f化,行為方式也可以不盡相同。能讓用戶快速掌握并高效地完成任務(wù)的行為都是可被接受的。
兩種解鎖方式無縫轉(zhuǎn)換
用戶在使用產(chǎn)品完成任務(wù)的過程中覆蓋到很多具體場(chǎng)景,那么我們就可以圍繞場(chǎng)景去做差異化設(shè)計(jì)。例如白天/夜間場(chǎng)景、室內(nèi)/室外場(chǎng)景、有/無網(wǎng)絡(luò)場(chǎng)景、靜止/移動(dòng)場(chǎng)景、碎片時(shí)間/持續(xù)時(shí)間等等,不同的場(chǎng)景下用戶完成相同任務(wù)時(shí)所采取的行為方式也不一樣,對(duì)信息處理的能力也不一樣。例如,靜止中用戶可以鍵盤輸入而移動(dòng)中我們則需要考慮是否提供語音輸入;碎片時(shí)間用戶主要通過標(biāo)題決策是否閱讀內(nèi)容詳情,內(nèi)容盡可能精煉,而持續(xù)時(shí)間可以考慮展示更多的內(nèi)容在列表中,甚至可以通過滾動(dòng)直接進(jìn)入下一條目的內(nèi)容(如pinterest、花瓣app),保持沉浸感。
針對(duì)碎片/持續(xù)時(shí)間場(chǎng)景設(shè)計(jì)的頁面
即使是相同的用戶、目標(biāo)、行為、工具或媒介、場(chǎng)景都基本一致,那只要在這些點(diǎn)上選擇的匹配方式略有不同,設(shè)計(jì)的結(jié)果自然也就不同了。
2、遵從平臺(tái)規(guī)范的基本原則而非囿于設(shè)計(jì)規(guī)范中的例舉
目前iOS和安卓都在推行自己的平臺(tái)規(guī)范,而很多設(shè)計(jì)師也根據(jù)平臺(tái)的UIkit來指導(dǎo)和走查自己的方案。這個(gè)做法本身沒有錯(cuò),遺憾的是很多人遵從的不是平臺(tái)的規(guī)范,而是遵從平臺(tái)給出的基本樣式。
讓我們從頭開始梳理!操作系統(tǒng)推行平臺(tái)規(guī)范的目的是什么?無非是讓廠商們生產(chǎn)符合用戶習(xí)慣、體驗(yàn)起來無障礙的產(chǎn)品。而用戶習(xí)慣和什么有關(guān)?和長(zhǎng)時(shí)間、深度使用的產(chǎn)品有關(guān),和用戶的固有認(rèn)知有關(guān)。換句話說,只要我們的設(shè)計(jì)符合用戶的認(rèn)知模型、符合操作習(xí)慣的設(shè)計(jì)即理解為符合平臺(tái)規(guī)范。
舉個(gè)略帶爭(zhēng)議的例子,大家都知道安卓的導(dǎo)航放在頂部,iOS放在底部,那么安卓平臺(tái)的產(chǎn)品我們將導(dǎo)航放置在底部能不能行?我的觀點(diǎn)是當(dāng)然可以。因?yàn)槭紫?,用戶根本不管你什么平臺(tái)規(guī)范,他們的唯一評(píng)判標(biāo)準(zhǔn)就是好不好用,如果放在底部更方便理解和操作,為什么不?其次,平臺(tái)規(guī)范沒有做本地化,谷歌也好蘋果也好,他們認(rèn)為的用戶習(xí)慣,在其他地方并不見得是真正用戶的習(xí)慣,有可能是和當(dāng)?shù)赜脩袅?xí)慣相違背的。再者,很多用戶習(xí)慣并非根據(jù)平臺(tái)自有產(chǎn)品培養(yǎng)起來的,而是每天都使用的那些產(chǎn)品所培養(yǎng)的。
安卓版&iOS版微信
當(dāng)然,大部分情況下,我們都應(yīng)遵循平臺(tái)的基本規(guī)范,這對(duì)迭代、技術(shù)、品牌形象都有很大幫助。這里只是表達(dá)突破規(guī)范的可能性,規(guī)范是死的,人是活的。(這句話好像有點(diǎn)土,但就這么個(gè)意思)
3、嘗試從時(shí)間的維度去考慮交互方案
交互是一個(gè)過程,用戶體驗(yàn)反映的也是一段過程,而時(shí)間是計(jì)算過程長(zhǎng)短的單位。因此我們除了考慮交互設(shè)計(jì)的五個(gè)要素之外,可以從時(shí)間的維度去思考、衡量我們的設(shè)計(jì)方案。用戶使用產(chǎn)品的相對(duì)時(shí)間對(duì)設(shè)計(jì)的影響是很大的。用完即走的工具型app通常不會(huì)采用彈窗的形式強(qiáng)推運(yùn)營(yíng)頁面,但沉浸感非常強(qiáng)的游戲一連彈出3~4個(gè)運(yùn)營(yíng)頁面,卻不會(huì)造成毀滅性的影響。
工具類產(chǎn)品敢不敢像游戲第一個(gè)界面就彈3、4個(gè)窗口?
另外,我們都知道,習(xí)慣也是靠日積月累培養(yǎng)出來。同樣,大部分習(xí)慣也可以被時(shí)間改變。我們經(jīng)常看到一些國民級(jí)的產(chǎn)品,在上線之初和現(xiàn)在已經(jīng)發(fā)生翻天覆地的變化,而我們并不能說他們不考慮用戶習(xí)慣。更好的體驗(yàn)?zāi)軌虼龠M(jìn)用戶改變習(xí)慣,敢于挑戰(zhàn)用戶習(xí)慣幫助我們創(chuàng)造不一樣的產(chǎn)品。
4、最后,用交互設(shè)計(jì)的目標(biāo)去驗(yàn)證設(shè)計(jì)
不要因?yàn)樽叩锰h(yuǎn)而忘記為什么出發(fā)。
做產(chǎn)品的常常奉行結(jié)果導(dǎo)向,只要結(jié)果是好的,過程和形式都不重要。交互設(shè)計(jì)在產(chǎn)品研發(fā)的的過程中主要是讓產(chǎn)品易用、高效并具有感情。我們?cè)谧龈鞣N創(chuàng)造時(shí),應(yīng)時(shí)刻把握好交互設(shè)計(jì)的職責(zé),不要為了不一樣而不一樣。
三、結(jié)論
App看起來一樣很大程度上是教條主義、經(jīng)驗(yàn)主義盛行,設(shè)計(jì)師不再做設(shè)計(jì),而是成為組件的搬運(yùn)工。內(nèi)容同質(zhì)化更需要設(shè)計(jì)師深度研究產(chǎn)品、用戶的特點(diǎn),以交互為例,可以回歸交互設(shè)計(jì)的目標(biāo)、設(shè)計(jì)要素、設(shè)計(jì)規(guī)范的本質(zhì),甚至從另外一些維度去思考,創(chuàng)造具有自身特色的同時(shí)給用戶提供良好的用戶體驗(yàn)。
對(duì)了,看臉的時(shí)代,App最好打扮得漂亮一些,不然一眼看上去就很丑(視覺),誰也沒耐心去感受你是什么氣質(zhì)(交互)!
作者:jokerhuang
來源:http://www.jianshu.com/p/d045a593605d
本文由 @jokerhuang 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
交互被砍還有一個(gè)原因,你們都說是交互,UI沒有創(chuàng)新,但是有沒有可能是前端壓根沒辦法實(shí)現(xiàn)呢?前端的技術(shù)框架,使用組件,開發(fā)語言,甚至于前端開發(fā)人員的能力問題?在講究小步快跑,快速迭代的今天,有多少前端能夠活著愿意去花費(fèi)1個(gè)小時(shí)給你們調(diào)試一個(gè)淡出淡入效果呢?我是發(fā)現(xiàn)了,一旦說道交互不好,就是PM、UI、UE的鍋,根本沒人留意到前端真正去實(shí)現(xiàn)的難度
說的很對(duì),前端都不愛花時(shí)間去研究動(dòng)效,或者直接告訴你做不出來
觀點(diǎn)很贊同~
只是在創(chuàng)作與商業(yè)看來。這樣突破性的設(shè)計(jì)很難,當(dāng)然也不是因?yàn)殡y而不去做。根據(jù)筆者觀點(diǎn)所提到的設(shè)計(jì)業(yè)的現(xiàn)狀,這種現(xiàn)狀的核心矛盾“商業(yè)”所追求的效率,在“商業(yè)”的要求下不太允許我們有很多時(shí)間去突破。(設(shè)計(jì)能力很強(qiáng)的就難說)!
無可厚非,原地踏步的設(shè)計(jì),可能就失去了設(shè)計(jì)本身某些意義了~
補(bǔ)充一點(diǎn),現(xiàn)在很多公司根本沒有打磨一款好產(chǎn)品的耐心,或者說項(xiàng)目時(shí)間趕得要命
點(diǎn)贊。曾經(jīng)做過一個(gè)汽車類APP。設(shè)計(jì)稿到成品打折扣超過了60%。酷炫效果,動(dòng)態(tài)交互,以及微交互都砍了…