交互新手二三事

總聽到有人說“交互設計師的門檻很低”。這樣一個“是設計就能做”、“產(chǎn)品開發(fā)測試也能輕易轉(zhuǎn)型”的職位得运,做個新人真有那么容易嗎?

以下是我開始做交互所體會到的幾條“新手陷阱”锅移,希望它對你有用熔掺。


1. 識別需求

識別需求對交互新手尤為重要。為什么這么說帆啃?新人總是抱著學習的態(tài)度向周圍人請教瞬女,我們以為做到低調(diào)、務實努潘、謙遜诽偷、勤奮就夠了。因此疯坤,產(chǎn)品提出的需求就是任務报慕,有了就要做。

但在交互評審時压怠,我常趁吒裕看到大家把設計先放一邊,熱烈地討論起需求來:“實現(xiàn)目標一定要新加這個功能嗎”,“改了樣式蜗顽,會不會增加用戶對它認知的難度”布卡,甚至是“這個需求真的有必要做嗎”。評審時聽到這些我會無所適從雇盖、盼望產(chǎn)品現(xiàn)場給個答案忿等,但工作一陣后我才發(fā)現(xiàn),這是設計師接到需求第一時間內(nèi)需要思考的事崔挖。識別需求是交互工作的一部分贸街。

舉個例子。剛來沒多久狸相,領導有意無意把一個“模棱兩可”的需求交給我:為我們的電商小程序做一個多人拼單工具薛匪,滿足多個熟人用戶針對同一活動湊單的需求,增加小程序的回訪和日活脓鹃。

背景? 多個熟人用戶想要對同一個活動來湊單逸尖,達到省錢的目的。

目標? 設計一個多人拼單的工具瘸右,增加小程序的回訪和日活冷溶。


看似類似外賣小程序的“好友拼單”,我就一步步照需求做完了:

發(fā)起拼單流程
參與人拼單流程

其實尊浓,我并沒有注意到:

外賣小程序的拼單場景:同地點的朋友同事一起點餐,拼單可以減免費用纯衍,且便于算賬栋齿。

電商小程序的場景就有點奇怪了:好友未必在同一地區(qū),且并無數(shù)據(jù)能證明用戶會特別為了活動優(yōu)惠而和好友一起下單襟诸。拼單需要共享購物車信息瓦堵,如果真的要互助湊單,好友只要把要買的商品發(fā)給對方就可以歌亲,沒必要在購物車里頭疼地過目對方的每筆支出菇用。

由此看來,電商平臺的購物不是一個商品種類單一陷揪、可以快速選購付款的過程惋鸥,且牽扯到個人優(yōu)惠券的使用、郵費是否均攤等等問題悍缠。

除此以外的麻煩還有:

1. 小程序有了共享購物車而app不做卦绣,兩端信息不同步;

2. 難以維護商品和操作人的關系:優(yōu)惠券飞蚓、活動優(yōu)惠的均攤問題滤港,是否單列出個人的優(yōu)惠金額問題;

3. 分享的安全問題:共享購物車能否讓所有人編輯趴拧?其他人能否看見非拼單的商品溅漾?

4. ….

交互評審中同事直接質(zhì)疑了這個需求的合理性山叮,而后續(xù)的方案評估也直接決定不開發(fā)這個需求。如果我能火眼金睛地早發(fā)現(xiàn)問題添履,和產(chǎn)品深入討論后衡量方案的可行性屁倔,就不需要用白費的力氣去證明它的不合理。不過缝龄,能學到這一點汰现,力氣也不算白費 ??


2. 視覺呈現(xiàn)

視覺方面的事看似不在交互的考慮范圍。而實際上叔壤,低保真的交互稿削弱了顏色瞎饲、輕重對比等信息帶來的感官刺激,加上沒有放入真實的文字炼绘、圖像嗅战,我們可能會忽略視覺對信息結構的影響。標題最多幾個字俺亮?文案來自哪兒驮捍,如果是后臺配置有字數(shù)限制嗎?最多展示幾行脚曾,放不下怎么處理东且?圖文排版是否太密集,給用戶造成視覺負擔本讥?這些都可能影響到交互的輸出珊泳,如有必要,需讓視覺稿把極端情況畫進去拷沸。

在簡單框架和視覺元素表達之間做出平衡


3. 交互稿的意義

我曾以為色查,交互稿就是輸出各階段所有可能有的頁面,外加操作反饋和信息字段的解釋說明撞芍。

這里存在兩個問題:

1. 交互稿未必要放出所有頁面秧了。它直接作用于你的下游的工作,是視覺設計師的底稿序无,是開發(fā)測試用來實現(xiàn)和檢驗的邏輯標準验毡。他們怎么看得懂,就怎么畫帝嗡。

2. 交互稿不止于頁面元素和狀態(tài)米罚,而是“流程 + 頁面狀態(tài)”,特別是對涉及營銷和社交互動的設計而言丈探。此外录择,讀者可能不熟悉/不記得設計前的頁面是怎樣的,因而交代清楚前因后果、前后比較也很重要隘竭。

比如塘秦,當用戶操作觸發(fā)了頁面頂部彈出通知,完全畫出來就是這樣:

兩頁稿

實際交互稿也許不需要兩個頁面动看,因為通知(消息/提醒/警示等)很可能是一種全局反饋尊剔,設計規(guī)范里的樣式和交互方式(點擊跳轉(zhuǎn)、上滑消失等)是統(tǒng)一的菱皆。只需單獨給出通知文字须误,簡單說明出現(xiàn)時機和操作反饋即可,剩余空間可以放其它元素的更多狀態(tài)信息仇轻。

一頁稿 + 說明

4. 工作驅(qū)動力

交互設計 = 用戶體驗京痢?No, 交互設計本身就是一個交叉學科,涉及心理學篷店、社會學祭椰、人機工程等等多方面知識,只關注信息結構和可用性還不夠疲陕。

在公司做商業(yè)設計方淤,協(xié)助產(chǎn)品運營達到商業(yè)目標也是我們的目的之一。關注業(yè)務目標蹄殃,做勸導式設計携茂、驅(qū)動行為的設計。就算功能完全沒問題诅岩,也需要觸動用戶去發(fā)現(xiàn)邑蒋、引導他們體驗和完成,引起用戶的情感共鳴等等按厘。


5. 對待需求的方式

雖然項目時間有限,我們希望盡快摸索到設計方案钱慢、搞定需求逮京,但只有長期和它相處、不斷打磨束莫,你才會發(fā)現(xiàn)更多的問題和可能性懒棉。

出完第一版稿后不要急著輸出,多看兩眼览绿,評審完后再看兩眼枚赡。和開發(fā)的溝通中多考慮一點晾腔,上線后多關心一下數(shù)據(jù)的變化(如果能讓用研配合你的工作就更好了),可能你就會發(fā)現(xiàn)遺漏之處,對項目的目標和結果的印象也更深尤蒿。



不知不覺寫了這么多奋构,其實交互50%左右的時間都是在和人交流,高效的溝通方式也很值得去探討。下次說說怎么和各崗位的同事們合作吧 ??

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末术浪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子寿酌,更是在濱河造成了極大的恐慌胰苏,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件醇疼,死亡現(xiàn)場離奇詭異硕并,居然都是意外死亡,警方通過查閱死者的電腦和手機秧荆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進店門倔毙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人辰如,你說我怎么就攤上這事普监。” “怎么了琉兜?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵凯正,是天一觀的道長。 經(jīng)常有香客問我豌蟋,道長廊散,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任梧疲,我火速辦了婚禮允睹,結果婚禮上,老公的妹妹穿的比我還像新娘幌氮。我一直安慰自己缭受,他們只是感情好,可當我...
    茶點故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布该互。 她就那樣靜靜地躺著米者,像睡著了一般。 火紅的嫁衣襯著肌膚如雪宇智。 梳的紋絲不亂的頭發(fā)上蔓搞,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天,我揣著相機與錄音随橘,去河邊找鬼喂分。 笑死,一個胖子當著我的面吹牛机蔗,可吹牛的內(nèi)容都是我干的蒲祈。 我是一名探鬼主播甘萧,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼讳嘱!你這毒婦竟也來了幔嗦?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤沥潭,失蹤者是張志新(化名)和其女友劉穎邀泉,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體钝鸽,經(jīng)...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡汇恤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了拔恰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片因谎。...
    茶點故事閱讀 40,615評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖颜懊,靈堂內(nèi)的尸體忽然破棺而出财岔,到底是詐尸還是另有隱情,我是刑警寧澤河爹,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布匠璧,位于F島的核電站,受9級特大地震影響咸这,放射性物質(zhì)發(fā)生泄漏夷恍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一媳维、第九天 我趴在偏房一處隱蔽的房頂上張望酿雪。 院中可真熱鬧,春花似錦侄刽、人聲如沸指黎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽醋安。三九已至,卻和暖如春当叭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盖灸。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工蚁鳖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人赁炎。 一個月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓醉箕,卻偏偏與公主長得像钾腺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子讥裤,可洞房花燭夜當晚...
    茶點故事閱讀 45,630評論 2 359

推薦閱讀更多精彩內(nèi)容