很可惜 T 。T 您現(xiàn)在還不是作者身份,不能自主發(fā)稿哦~
如有投稿需求,請把文章發(fā)送到郵箱tougao@appcpx.com,一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系:鳥哥筆記小羽毛(ngbjxym)
上一篇文章《簡約至上的產(chǎn)品設(shè)計|學(xué)會做減法》我們溝通了簡約設(shè)計的第一條策略:刪除不必要的!
當我們在頭腦風暴階段,確定了要刪除哪些不必要的功能或者信息之后,具體界面的設(shè)計,自然就成為了接下來的工作重心。此時想要達到簡約的目標,我們可以運用三條百試不爽的法則:組織要提供的;隱藏非核心的;轉(zhuǎn)移不擅長的。
大家可以先記住這三條法則,要知其究竟所謂何意,且聽我慢慢道來。
大家還記得“刪除不必要”的策略中,有哪些重點內(nèi)容么?讓我們先來回顧一下:
1、在抉擇的時候,我們可以嘗試把思考的問題聚焦于“為什么要保留它,保留它需要付出多少邊際成本”;而不是僅僅盯著“為什么要去掉它,去掉它損失了多少沉沒成本”;
2、不要指望用戶可以通過自身的學(xué)習來避免錯誤,因為這不是用戶需要承擔的職責;
3、我們作為設(shè)計人員,應(yīng)該想方設(shè)法減去造成錯誤的來源,將錯誤扼殺在搖籃之中,這才是提升用戶體驗的重要途徑;
4、聰明的默認值可以減少用戶的選擇,有效地節(jié)省用戶的時間和精力!真正智能的默認值會“關(guān)注”用戶在做什么,然后預(yù)測用戶接下來的行動。
接下來就讓我們進入今天的正題。面對具體的界面設(shè)計,想要簡約的話,首先需要做的一件事,就是“組織要提供的”。
組織要提供的,只看這五個字的話,真的是不明所以,不瞞各位,我也是這樣的。
然而這只是用了“倒裝句”的障眼法而已!當我們換一種說法,立馬就能將它打回原形:“提供的內(nèi)容需要組織”。
別問我為什么要用“倒裝句”,問的話,那就是為了保障幾條法則的工整,僅此而已...
那“提供的內(nèi)容”是指什么呢?自然就是在功能概設(shè)階段的這些產(chǎn)出物,比如腦圖啊,流程圖啊,以及需求文檔之類的。這就是所謂“要提供的”。
而功能詳設(shè)階段,即當我們要設(shè)計界面的時候,也自然需要對這些概念類的東西進行有效地“組織”!
那么問題來了,面對這些產(chǎn)出物,我們該如何組織呢?其實在交互設(shè)計層面,我們可以從這兩個方面進行著手:分塊 and 填充。
“分塊”這個概念,大家或許略顯陌生。但當我提及另外一個詞匯的時候,大家肯定是耳熟能詳,并且能夠立馬領(lǐng)會到“分塊”的含義。這個詞匯就是“功能模塊”。
用戶界面的設(shè)計離不開分塊。仔細觀察每一個產(chǎn)品的界面,我們就會發(fā)現(xiàn),所有的界面都是由一塊一塊的內(nèi)容組裝起來的,而且這些模塊之間,往往是楚河漢界,涇渭分明。
那么一個界面,到底劃分為多少“塊”合適呢?答案是一個神奇的數(shù)字:7加減2。這個數(shù)字的背后,是經(jīng)典的交互設(shè)計七大定律之7加減2法則。
所謂的7±2法則正式提出于美國心理學(xué)家George A. Miller1956年發(fā)布的論文《神奇的數(shù)字7加減2:我們加工信息能力的某些限制》。
即1956年喬治米勒對短時記憶能力進行了定量研究,他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7(±2)項信息塊,在記憶了5-9項信息后人類的頭腦就開始出錯。
我們來看一下實際的案例:
(web端:人人都是產(chǎn)品經(jīng)理)
人人都是產(chǎn)品經(jīng)理的頂部table是八個模塊。
(移動端:微信)
微信的底部table是四個模塊。
這兩個案例已經(jīng)足夠典型,如果我們再繼續(xù)觀察互聯(lián)網(wǎng)界內(nèi)其他典型的設(shè)計案例的話,我們會得出這樣的結(jié)論:
PC端頂部導(dǎo)航,不會超過9個,而移動端底部導(dǎo)航,則不會超過5個!
最后再補充一句,我們上述說明了,米勒發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有5-9項信息塊。這里并非說我們最少要劃分成5塊,微信就是最好的例子。
有不少心理學(xué)家認為,人類的瞬間記憶存儲空間其實更小,大約只有4項。我們作為設(shè)計人員,應(yīng)該盡可能地少分幾塊,分塊越少,選擇越少,用戶負擔就越輕。
“填充”與“分塊”并非是一前一后的割裂關(guān)系,它們只是思考一個問題的兩個不同維度而已,二者是一種水乳交融的狀態(tài)。
我們在分塊的時候,需要考慮在這些模塊中填充哪些內(nèi)容;而我們在填充內(nèi)容的時候,也同時需要思考界面劃分成了哪幾塊。
那么我們“填充”的時候,有什么依據(jù)可循呢?這里啊,我們需要先回憶兩個概念:業(yè)務(wù)流程+任務(wù)流程。
所謂的業(yè)務(wù)流程,是指客觀的,用戶在沒有產(chǎn)品的時候,原本做事情的流程;
而所謂的任務(wù)流程,是指主觀的,是由設(shè)計師設(shè)計的,用戶在使用產(chǎn)品的時候,所經(jīng)歷的流程。
通常來說,我們的任務(wù)流程,應(yīng)當盡量與業(yè)務(wù)流程一致,或者是在業(yè)務(wù)流程的基礎(chǔ)上優(yōu)化。因為人們都希望按照某種習慣的步驟做事,打亂這個步驟就會造成迷惑,令人沮喪。
例如網(wǎng)上商店會讓用戶自己查找想要購買的商品,然后把商品添加到購物車中,設(shè)置送貨方式,最后付款結(jié)賬。
這就是對于網(wǎng)上商店功能模塊進行內(nèi)容填充的基本依據(jù)。
大家在設(shè)計產(chǎn)品的過程中,是不是也會碰到,有一些功能會很少用到,但是又少不了?對于這種非核心的功能,我們就想辦法把它藏起來吧~
“隱藏”和我們上面所說的“組織”比起來,有一個明顯的優(yōu)勢:用戶不會因為不常用的功能而分散注意力!
這里總結(jié)六種常見的隱藏菜單的交互設(shè)計,大家快來收藏吧:
應(yīng)用于頂級菜單,適合大部分產(chǎn)品。
優(yōu)點:容易理解,能夠容納較多信息,可以結(jié)合手勢。
缺點:只能用于頂級菜單或?qū)Ш健?/p>
應(yīng)用于頁面菜單。因為分量重,適合工具類、重操作的產(chǎn)品,例如P圖軟件。如果是重內(nèi)容的閱讀類產(chǎn)品,就不太合適了。
優(yōu)點:很顯眼,容易操作。
缺點:對不需要隱藏菜單的用戶過重了,可能誤操作。
應(yīng)用于模塊菜單,可以擺放的位置很多。
優(yōu)點:輕便靈活,可以在模塊邊緣輕松找到位置。
缺點:不太起眼、如果前面沒有其它圖標會難理解一點。
應(yīng)用于列表菜單,也是 iOS 上很常見的一種設(shè)計規(guī)范。
優(yōu)點:操作方便,容易理解。
缺點:可以放置的操作數(shù)量非常有限。必須左右通欄上下較矮的列表才適用,高一點,或不通欄的卡片都不行。
應(yīng)用于模塊/按鈕/圖標菜單,只適合沒有主要操作(如通常不需要進入下一級),用戶操作意圖不明確的情況。
優(yōu)點:容易發(fā)現(xiàn),操作快捷。
缺點:放棄主操作存在風險。
應(yīng)用于模塊/按鈕/圖標菜單,適合輔助操作較為明確的場景,如掃碼、下載圖片等。
優(yōu)點:對產(chǎn)品本身的布局和基礎(chǔ)操作影響較小。
缺點:較為隱晦,需要用戶主動嘗試觸發(fā)。
我個人一直秉持的一個觀點是:專業(yè)化分工,是提升效率的有效途徑。
例如在工作中,我不會去插手UI,或者是開發(fā)所做出的判斷。我最多只是從我所處的角度提出反饋,僅此而已。我從心中認定,他們是專業(yè)的,他們的判斷,肯定是要優(yōu)于我個人的主觀臆斷。
產(chǎn)品設(shè)計,同樣需要遵從這樣的原則。不同設(shè)備之間,有各自擅長的內(nèi)容;人與設(shè)備之間,也有各自擅長的內(nèi)容。
我們需要做的,就是將產(chǎn)品使用過程中那些不得不做的事情,轉(zhuǎn)移至最擅長的一方進行處理。
舉一個簡單的例子,在越來越注重健康的當代,智能手表成功捕獲了不少人的芳心。
只要在手表上點擊一下“GO”,它就會自動計算你總共跑了多遠、每一英里所用時間、你的心率,以及消耗了多少卡路里等等。
在手機上下載相關(guān)的應(yīng)用,點擊一下“GO”的按鈕,也同樣可以獲取到相關(guān)的數(shù)據(jù)。但跑步時帶著手機就略顯笨重,并且手機讀取不到你的心率。
如果是我們把設(shè)備換成電腦,那我們只能先通過某種方式,把數(shù)據(jù)先記錄下來,然后再通過表單填寫各種相關(guān)的數(shù)據(jù)了...因為我們不可能帶著電腦去跑步...
然后,在回看或者分享數(shù)據(jù)時,最簡單的方式就是坐在桌子前,打開筆記本電腦,或者通過大屏幕來查看詳細的數(shù)據(jù)分析。
在手機上可以把數(shù)據(jù)分享給朋友,也可以找到詳細的數(shù)據(jù)分析,只不過它們一般藏的很深。
而智能手表只能顯示摘要信息,不能與朋友分享。
雙十一購物時,親身體會到了“轉(zhuǎn)移不擅長”的策略,在人與計算機之間的體現(xiàn)。
填寫收貨地址,想必是很多人很厭煩的事情。而現(xiàn)在很多產(chǎn)品,都把這件事情優(yōu)化的很好了。其核心就是,把一些復(fù)雜或者是麻煩的事情,轉(zhuǎn)移給計算機去做。
就比如京東填寫收貨地址的時候,我們只需三步,就能夠獲取到當前的地址了,而不是跟之前一樣,在一個個下拉列表框里面,去費勁地尋找...
用戶指揮,計算機操作,會給人簡單的感覺!
以上就是我們簡約設(shè)計專題的所有內(nèi)容了。讓我們保持良好的習慣,最后再來一起做一下總結(jié)吧:
首先呢,我們一起交流了簡單的哲學(xué),讓我們知道了簡單只是手段,而不是目的,簡單的設(shè)計理念,應(yīng)該是先做加法再做減法,是經(jīng)過痛苦的衡量和抉擇之后的結(jié)果;
然后呢,我們又溝通了愿景是簡單的指南,我們學(xué)會了用講故事的方式來表達愿景,明白了愿景的設(shè)定,應(yīng)該是一個經(jīng)過反復(fù)“猜測—>求證—>提煉”的螺旋式上升的過程;
最后呢,我們相繼討論了簡約設(shè)計的四個策略:刪除不必要的,組織要提供的,隱藏非核心的,以及轉(zhuǎn)移不擅長的。
此系列專題的解讀,對于非交互設(shè)計師出身,而只是一個B端產(chǎn)品經(jīng)理的我來說,整個過程真的是異常艱難。
而且《簡約至上》這本書,更像是一篇散文集,讀起來讓我覺得每句都是重點,但是滿眼皆是瑣碎。
這也讓我不得不查閱大量的其他內(nèi)容,才能夠理解書中表達的深意。我們的整個的解讀,有大概60%都是非書中的內(nèi)容。
我已經(jīng)盡我最大努力,將所有的知識點連貫起來,并且盡量保證能夠運用到我們的實際工作當中。此過程之中,有什么做的不好的地方,還請大家多多見諒,畢竟我也是在不斷學(xué)習,不斷成長的。
作為產(chǎn)品經(jīng)理,我們不僅僅要關(guān)注需求,保證用戶體驗也是必備的技能與必須的責任。相信此系列專題的內(nèi)容,也一定會讓大家有所提升的吧。
不論如何,我們終究是又占下了一座山頭。在交互設(shè)計的層面,我們也是有實際的方法論可實踐,可遵循的了。
-END-
本文為作者獨立觀點,不代表鳥哥筆記立場,未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責申明》 如對文章、圖片、字體等版權(quán)有疑問,請點擊 反饋舉報
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評論自律管理,為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍,我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī),對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對憲法所確定的基本原則;
2)危害國家安全,泄露國家秘密,顛覆國家政權(quán),破壞國家統(tǒng)一,損害國家榮譽和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽;
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動;
5)煽動民族仇恨、民族歧視,破壞民族團結(jié);
6)破壞國家宗教政策,宣揚邪教和封建迷信;
7)散布謠言,擾亂社會秩序,破壞社會穩(wěn)定;
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序;
10)侮辱或者誹謗他人,侵害他人名譽、隱私和其他合法權(quán)益;
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式,對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡(luò)欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內(nèi)容;
2. 不友善:不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動成果;
2)誹謗:捏造、散布虛假事實,損害他人名譽;
3)嘲諷:以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述,以此來激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對方對自己的言論作出回應(yīng),蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對方難堪;
6)謾罵:以不文明的語言對他人進行負面評價;
7)歧視:煽動人群歧視、地域歧視等,針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容,或進行相關(guān)行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容;
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當曝光;
6)購買或出售帳號之間虛假地互動,發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容,如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷;
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內(nèi)容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息,主要表現(xiàn)為:
1)可能存在事實性錯誤或者造謠等內(nèi)容;
2)存在事實夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容;
3)偽造身份、冒充他人,通過頭像、用戶名等個人信息暗示自己具有特定身份,或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治??;
2)求推薦算命看相大師;
3)針對具體風水等問題進行求助或咨詢;
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運勢,東西寵物丟了能不能找回、取名改名等;
7. 文章標題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶;
2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲;
3)使用夸張標題,內(nèi)容與標題嚴重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的;
2)不當評述自然災(zāi)害、重大事故等災(zāi)難的;
3)美化、粉飾侵略戰(zhàn)爭行為的;
4)法律、行政法規(guī)禁止,或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴重程度,對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號,或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富,本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)