移動互聯(lián)網(wǎng)(APP)產(chǎn)品設(shè)計的經(jīng)驗分享

作者: 唐杰分類
隨著移動互聯(lián)網(wǎng)的發(fā)展锰瘸,越來越多的Web產(chǎn)品開始布局移動端遏暴,因此最近經(jīng)常碰到PM們在交流討論移動APP產(chǎn)品的設(shè)計霍转。我從事移動互聯(lián)網(wǎng)已經(jīng)有一年多了偿衰,通過不斷的學(xué)習(xí)和實踐也積累了一些心得,今天整理并分享一下漫拭,希望對新接觸移動互聯(lián)網(wǎng)產(chǎn)品的PM有所幫助亚兄。
移動APP也算是一種C/S的架構(gòu),除了此架構(gòu)本身的一些產(chǎn)品特性之外采驻,我們還需要注意移動互聯(lián)網(wǎng)的一些特性审胚,像使用環(huán)境匈勋、觸摸操作等等,因此移動產(chǎn)品最注重的就是內(nèi)容的交互形式膳叨。下面介紹的這十條產(chǎn)品設(shè)計經(jīng)驗主要也就是圍繞交互和內(nèi)容的洽洁。
1、系統(tǒng)標(biāo)準(zhǔn)——依照用戶具體的使用情境和需求來決定是沿用標(biāo)準(zhǔn)還是創(chuàng)新菲嘴。
相比Web產(chǎn)品饿自,移動APP產(chǎn)品有著初始的平臺系統(tǒng)特性,產(chǎn)品設(shè)計應(yīng)該遵循平臺系統(tǒng)的設(shè)計規(guī)范龄坪。合理的制定和使用標(biāo)準(zhǔn)昭雌,可以大幅度提高效率,也有利于產(chǎn)品的一致性健田,提升用戶體驗烛卧。除了基礎(chǔ)的標(biāo)準(zhǔn)外,我們可以根據(jù)具體的需求和目標(biāo)用戶的情境決定是否套用標(biāo)準(zhǔn)妓局,或者創(chuàng)新標(biāo)準(zhǔn)总放。
推薦兩本手冊,入門必讀跟磨。
《iOS人機(jī)界面指導(dǎo)手冊》Apple原著间聊,朱晨 翻譯
《Android 4.0設(shè)計規(guī)范》Android原著攒盈,騰訊CDC團(tuán)隊 翻譯
2抵拘、目標(biāo)導(dǎo)向–以用戶為中心,關(guān)注用戶目標(biāo)而不是關(guān)注用戶要完成的任務(wù)型豁。
用一句官話:“秉承以用戶為中心的設(shè)計理念僵蛛,應(yīng)用“以目標(biāo)為導(dǎo)向的設(shè)計”方法,進(jìn)行互聯(lián)網(wǎng)產(chǎn)品的設(shè)計迎变〕湮荆”
無論是Web產(chǎn)品還是移動APP產(chǎn)品,我們都應(yīng)當(dāng)關(guān)注用戶的目標(biāo)衣形,以最簡單直接的步驟給用戶想要的結(jié)果驼侠,特別是移動互聯(lián)網(wǎng)的碎片化、易打斷的使用場景下谆吴,更應(yīng)該避免增加過多的步驟或操作任務(wù)倒源。
3、直覺體驗–設(shè)計方案必須能夠引導(dǎo)用戶做出最符合直覺的反應(yīng)行為句狼。
移動平臺系統(tǒng)有著基礎(chǔ)的體驗標(biāo)準(zhǔn)笋熬,這些標(biāo)準(zhǔn)培養(yǎng)了用戶對APP應(yīng)用的體驗認(rèn)知,因此我們需要理解用戶的期望腻菇、需要胳螟、動機(jī)和使用情境來制定下一步操作或者內(nèi)容的出現(xiàn)位置昔馋,使用戶能夠順暢的完成交互行為。
例如:一個向用戶隱喻從右邊展開內(nèi)容的按鈕糖耸,如果是從左邊展開秘遏,那么這就超出了用戶直覺,用戶潛意識行為就會被打斷蔬捷,且需要重新調(diào)整垄提,這就無形中增加了用戶思考。
例如:一個功能按鈕周拐,用戶觸擊后潛意識會認(rèn)為下一步操作應(yīng)該會出現(xiàn)在這個按鈕的周邊铡俐,如果跑的太遠(yuǎn),也超出了用戶直覺妥粟。
除了直覺审丘,我們還需要考慮用戶的觸摸行為,所以下一步操作的出現(xiàn)位置應(yīng)該離用戶手指最近(舒適的操作范圍之內(nèi))且不能被擋住(手指或手掌擋住)勾给。
4滩报、成本控制–從細(xì)節(jié)開始減少用戶的操作及學(xué)習(xí)成本,使用戶快速上手和識別產(chǎn)品特性播急。
了解用戶的使用情境(碎片化的時間脓钾,隨時會被打斷),盡量不要增加學(xué)習(xí)成本(操作學(xué)習(xí)桩警、界面學(xué)習(xí))可训,因為用戶的時候是碎片化的,他們沒有太多時間學(xué)習(xí)捶枢,特別是多手式操作是有學(xué)習(xí)和記憶的成本的握截。
騰訊、百度等等很多第三方的數(shù)據(jù)顯示烂叔,一個月都不下載新應(yīng)用的用戶占60%以上谨胞,絕大多數(shù)APP應(yīng)用的用戶留存率不足40%。因此蒜鸡,除非你的產(chǎn)品是特別的剛需胯努,否則不要挑戰(zhàn)用戶的智商,大部分用戶是不會像我們一樣對產(chǎn)品深思熟慮和了解透徹之后再使用的逢防。
5叶沛、需求設(shè)計–以用戶的需求為中心,避免參雜個人的主觀喜好胞四。
設(shè)計工作開始之前恬汁,需要先想清楚:用戶是誰,他們有什么特點,我們可以為他們解決什么問題氓侧。提供真正能夠解決用戶問題的設(shè)計方案脊另,而不是自己喜歡的設(shè)計方案。同時記住上一條约巷,盡量傻瓜化偎痛,千萬不要認(rèn)為,自己能夠理解的東西独郎,用戶也能理解踩麦。
6、減少界面–盡量減少界面間的交互氓癌,避免新頁面切斷了用戶使用的流暢感谓谦。
在一個頁面里能夠交互完成的內(nèi)容,盡量減少頁面的切換贪婉,當(dāng)然前提是考慮了系統(tǒng)的負(fù)載反粥。
例如搜索功能,觸擊搜索按鈕后平滑展開輸入框疲迂,同時展開虛擬鍵盤才顿。
例如選擇功能,觸擊后展開選擇器尤蒿,在選擇器里連續(xù)觸擊某條選項兩次完成選擇郑气,或者選中某條選項后再觸擊完成。
如上兩條簡單的示例腰池,都是可以在當(dāng)前界面內(nèi)完成的尾组。在當(dāng)前界面平緩交互出來的元素給用戶在體驗上更加流暢,同時也讓用戶覺得只是在原有界面上載入了新元素巩螃,用戶感觀上只需要接受新的元素演怎。而新界面突然切斷用戶使用的流暢感匕争,也就是說用戶的思維需要進(jìn)行切換避乏,需要重新接受并認(rèn)識新的頁面,就像進(jìn)入了另一間屋子甘桑。
7拍皮、概念內(nèi)化–避免概念輸出,要盡量以用戶聽得懂的語言來表達(dá)設(shè)計跑杭。
這個取決于產(chǎn)品的定義和用戶群體铆帽,避免內(nèi)部概念或行業(yè)概念的輸出,例如房地產(chǎn)行業(yè)德谅,你對購房者說租售比(租售比不是百分比數(shù)值)爹橱,絕大多數(shù)用戶肯定不懂,如果你對購房投資者說租售比窄做,他們肯定知道愧驱。所以在產(chǎn)品設(shè)計中慰技,元素和內(nèi)容的表達(dá)需要考慮用戶的定位,針對目標(biāo)用戶群體聽得懂的語言來表達(dá)组砚,使用通俗化的語言和通俗化的元素吻商,無法避免的概念需要協(xié)助解釋,例如采用“模態(tài)”指引 等等方式糟红。
8艾帐、信息交互–基于信息層面的交互,應(yīng)該簡單自然易懂盆偿。
信息層面的交互是最直觀的交互柒爸,因為他本身就能給用戶直觀的信息反饋,因此信息的本身應(yīng)該簡單易懂事扭,不要讓用戶莫名其妙

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末揍鸟,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子句旱,更是在濱河造成了極大的恐慌阳藻,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,029評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谈撒,死亡現(xiàn)場離奇詭異腥泥,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)啃匿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,395評論 3 385
  • 文/潘曉璐 我一進(jìn)店門蛔外,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人溯乒,你說我怎么就攤上這事夹厌。” “怎么了裆悄?”我有些...
    開封第一講書人閱讀 157,570評論 0 348
  • 文/不壞的土叔 我叫張陵矛纹,是天一觀的道長。 經(jīng)常有香客問我光稼,道長或南,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,535評論 1 284
  • 正文 為了忘掉前任艾君,我火速辦了婚禮采够,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘冰垄。我一直安慰自己蹬癌,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,650評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著逝薪,像睡著了一般伴奥。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上翼闽,一...
    開封第一講書人閱讀 49,850評論 1 290
  • 那天拾徙,我揣著相機(jī)與錄音,去河邊找鬼感局。 笑死尼啡,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的询微。 我是一名探鬼主播崖瞭,決...
    沈念sama閱讀 39,006評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼撑毛!你這毒婦竟也來了书聚?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,747評論 0 268
  • 序言:老撾萬榮一對情侶失蹤藻雌,失蹤者是張志新(化名)和其女友劉穎雌续,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體胯杭,經(jīng)...
    沈念sama閱讀 44,207評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡驯杜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,536評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了做个。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸽心。...
    茶點故事閱讀 38,683評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖居暖,靈堂內(nèi)的尸體忽然破棺而出顽频,到底是詐尸還是另有隱情,我是刑警寧澤太闺,帶...
    沈念sama閱讀 34,342評論 4 330
  • 正文 年R本政府宣布糯景,位于F島的核電站,受9級特大地震影響跟束,放射性物質(zhì)發(fā)生泄漏莺奸。R本人自食惡果不足惜丑孩,卻給世界環(huán)境...
    茶點故事閱讀 39,964評論 3 315
  • 文/蒙蒙 一冀宴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧温学,春花似錦略贮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,772評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽览妖。三九已至,卻和暖如春揽祥,著一層夾襖步出監(jiān)牢的瞬間讽膏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,004評論 1 266
  • 我被黑心中介騙來泰國打工拄丰, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留府树,地道東北人。 一個月前我還...
    沈念sama閱讀 46,401評論 2 360
  • 正文 我出身青樓料按,卻偏偏與公主長得像奄侠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子载矿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,566評論 2 349

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