很可惜 T 。T 您現(xiàn)在還不是作者身份,不能自主發(fā)稿哦~
如有投稿需求,請(qǐng)把文章發(fā)送到郵箱tougao@appcpx.com,一經(jīng)錄用會(huì)有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒?qǐng)聯(lián)系:鳥(niǎo)哥筆記小羽毛(ngbjxym)
《點(diǎn)石成金》說(shuō)過(guò):“人類大腦的容量不會(huì)馬上發(fā)生變化,所以這些人類行為研究所得到的成果在很長(zhǎng)時(shí)間內(nèi)都不會(huì)失效,20年前他們遇到的困難,現(xiàn)在同樣如此”。分享里面一些常識(shí)性的設(shè)計(jì)原則,了解它們,并結(jié)合身邊的一些設(shè)計(jì)說(shuō)明,不為其它,只為自己的設(shè)計(jì)Sense。
策劃 | 青蛙王子
一
當(dāng)看一個(gè)頁(yè)面時(shí),它應(yīng)該是不言而喻,一目了然,自我解釋的,糟糕的設(shè)計(jì)是大而全,什么都往里面放
12306改版前后相信大家一眼都能看出,改版之后把最重要的車票查詢放到中心位置,去除了一些無(wú)用的展示,整個(gè)界面清爽了很多,用戶進(jìn)來(lái)就能鎖定中間車票查詢。
上圖中某行APP中財(cái)富、轉(zhuǎn)賬等按鈕,底色是藍(lán)色,按鈕是白色,第一時(shí)間我考慮這些按鈕是否能點(diǎn)擊,同時(shí)我第一感覺(jué)“下午好,XXX”這個(gè)歡迎詞是否也能點(diǎn)擊()。
某音頻APP有個(gè)功能叫一鍵聽(tīng),相對(duì)于旁邊的經(jīng)典必聽(tīng)、每日必聽(tīng),剛看到這個(gè)按鈕的時(shí)候真不知道里面是什么內(nèi)容。
四
如果不能做到讓一個(gè)頁(yè)面不言而喻,那么至少應(yīng)該讓它自我解釋,比如一些復(fù)雜界面或者新功能,需要做簡(jiǎn)單的解釋說(shuō)明
咕咚APP上線了硬件產(chǎn)品后,提示“點(diǎn)擊此處可以添加咕咚裝備了”,好的本跑渣知道了。
盡量利用習(xí)慣用法,習(xí)慣用法能讓人瞬間理解,所以應(yīng)該多研究主流產(chǎn)品的設(shè)計(jì),找到用戶的習(xí)慣用法
微信電話本拔號(hào)功能仿照蘋(píng)果系統(tǒng)的撥號(hào)設(shè)計(jì),這是騰訊的強(qiáng)項(xiàng),但毫無(wú)違和感。
設(shè)計(jì)創(chuàng)新要慎重,因?yàn)榇蟛糠謩?chuàng)新可能是重復(fù)造輪子,如果想要對(duì)已有的習(xí)慣進(jìn)行創(chuàng)新,那么一定要確認(rèn)這是更好的,更實(shí)用的
大部分APP的首頁(yè)都是搜索+功能塊+banner設(shè)計(jì),當(dāng)設(shè)計(jì)一款新APP的時(shí)候,如果不知道如何布局,可以直接參考,因?yàn)橛脩袅?xí)慣了。
七
越重要的部分越突出,比如標(biāo)題字體更大,更粗,顏色更特別,旁邊有更多空白
拉勾APP從出道開(kāi)始就是很高的設(shè)計(jì)水準(zhǔn),上圖中公司名稱、圖片、面試評(píng)分分別加粗、放大、顏色顯示用以突出重要性。
邏輯上相關(guān)的部分也在視覺(jué)上相關(guān),比如可把相近的內(nèi)容分成一組,放在同一個(gè)標(biāo)題之下
飛豬APP中免簽落地簽、高星酒店控等放在旅行主題下,這種設(shè)計(jì)在APP中比較常見(jiàn)了。
去哪兒APP首頁(yè)中酒店和包含關(guān)系的特價(jià)酒店、海外酒店用同一種顏色顯示,在視覺(jué)中達(dá)到嵌套效果。
把頁(yè)面劃分成明確定義的區(qū)域,這樣可以讓用戶很快決定關(guān)注頁(yè)面的哪些區(qū)域,或者跳過(guò)哪些區(qū)域
網(wǎng)易云音樂(lè)把音頻分為知識(shí)技能和商業(yè)財(cái)經(jīng)等模塊,這是APP中的塊設(shè)計(jì)(這點(diǎn)太常見(jiàn)了,但是至少知道了為什么這么設(shè)計(jì))。
明顯標(biāo)識(shí)可以點(diǎn)擊的地方,可以點(diǎn)擊相當(dāng)于視覺(jué)掃描的線索,比如用戶需要關(guān)注哪些地方可以點(diǎn)擊,用某種形狀、某些位置、某些格式標(biāo)識(shí)
我們小區(qū)APP中,把開(kāi)門(mén)按鈕設(shè)計(jì)成鑰匙形狀并且顏色上凸顯出來(lái),點(diǎn)擊開(kāi)門(mén)按鈕就可以直接開(kāi)門(mén)。
降低視覺(jué)躁聲,比如眼花繚亂,組織不當(dāng),太過(guò)密集等
APP由于屏幕比較小,擺放內(nèi)容有限,但是當(dāng)web界面有大把面積給到設(shè)計(jì)師充分發(fā)揮的時(shí)候,結(jié)果上面那個(gè)界面讓我有密集恐懼癥()。
為文本設(shè)置格式,以便掃描,比如使用標(biāo)題,保持段落簡(jiǎn)短,和使用符號(hào)列表,突出關(guān)鍵詞等
加粗的標(biāo)題和簡(jiǎn)潔的段落,看起來(lái)干凈(網(wǎng)易的界面從來(lái)沒(méi)讓我失望過(guò))。
必要的幫助和支持,提供簡(jiǎn)短、及時(shí)、不會(huì)錯(cuò)過(guò)的幫助和支持
某車APP進(jìn)入之后,有個(gè)toast提示新的改版功能點(diǎn)。
歡迎詞必須消滅,歡迎詞就像閑聊,內(nèi)容無(wú)所謂
某車APP歡迎詞占用了大量空間,并且還顯示了11月15日,星期四?可是一般手機(jī)都有日歷,浪費(fèi)空間好奢侈~。
不要忽視導(dǎo)航的用途,導(dǎo)航幫助我們找到想要的任何東西和告訴我們現(xiàn)在身在何處
除了傳統(tǒng)意義上的類目導(dǎo)航,天貓對(duì)于商品詳情頁(yè),還設(shè)置了頁(yè)面目錄,把過(guò)長(zhǎng)的詳情頁(yè)拆分成幾大塊,以卡片的形式展示,方便用戶選擇,這個(gè)有點(diǎn)贊。
讓一個(gè)返回主頁(yè)的按鈕始終可見(jiàn),讓用戶無(wú)論迷失到何種地步,都能重新開(kāi)始
APP設(shè)計(jì)中,當(dāng)界面下拉很深的時(shí)候,支持點(diǎn)擊返回到頂部,京東有為什么天貓沒(méi)有鴨?
喜歡搜索的用戶比喜歡瀏覽的用戶更多,除非界面非常小,否則每個(gè)頁(yè)面都應(yīng)該有一個(gè)搜索框或者搜索頁(yè)面的鏈接
電商網(wǎng)站除了支持在首頁(yè)搜索之外,還支持在店鋪內(nèi)進(jìn)行搜索,信息量越大,搜索就越重要。
每個(gè)頁(yè)面都需要一個(gè)名稱,就像每個(gè)拐角都應(yīng)該有一個(gè)路牌一樣
從淘寶進(jìn)入天貓超市之后的界面,對(duì)于電商APP來(lái)講,界面元素已經(jīng)夠擁擠了,空間再不夠用,在頂端還是有顯示天貓超市的頁(yè)面說(shuō)明。
一個(gè)網(wǎng)站應(yīng)該有一個(gè) 個(gè)性、生動(dòng)、還有點(diǎn)俏皮的口號(hào)
keep的口號(hào),讓我對(duì)生活充滿的敬畏和期待~。
沒(méi)有簡(jiǎn)單的正確答案,良好的、一體化的設(shè)計(jì)能滿足需要,也就是說(shuō),經(jīng)過(guò)仔細(xì)考慮,實(shí)現(xiàn)和測(cè)試的設(shè)計(jì)就是好設(shè)計(jì),如果有爭(zhēng)執(zhí),那么就讓做一個(gè)可用性測(cè)試
找一個(gè)安靜的屋子,安排一次可用性測(cè)試活動(dòng)。
讓用戶感受到設(shè)計(jì)過(guò)程是花了心思的
樂(lè)刻APP開(kāi)屏?xí)r顯示樂(lè)刻用戶的照片和視頻,讓用戶的參與感更強(qiáng)(上圖用戶正面比背影更帥,這個(gè)我知道)。
好的設(shè)計(jì)需要有良好的反饋,促進(jìn)設(shè)計(jì)者能夠不斷的改進(jìn)
Boss直聘中,對(duì)于公司信息展示,讓用戶評(píng)判是否有用,個(gè)人覺(jué)得注冊(cè)資本、法人代表沒(méi)啥用,最好加上公司介紹和產(chǎn)品介紹。
好的設(shè)計(jì)需要以用戶為中心,最大化的減少用戶操作
網(wǎng)易云音樂(lè)截屏后系統(tǒng)自動(dòng)彈出圖片分享渠道,網(wǎng)易比別人更懂我一步。
知道用戶可能有哪些疑問(wèn),并且給予解答
本文為作者獨(dú)立觀點(diǎn),不代表鳥(niǎo)哥筆記立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
《鳥(niǎo)哥筆記版權(quán)及免責(zé)申明》 如對(duì)文章、圖片、字體等版權(quán)有疑問(wèn),請(qǐng)點(diǎn)擊 反饋舉報(bào)
我們致力于提供一個(gè)高質(zhì)量?jī)?nèi)容的交流平臺(tái)。為落實(shí)國(guó)家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評(píng)論自律管理,為了保護(hù)用戶創(chuàng)造的內(nèi)容、維護(hù)開(kāi)放、真實(shí)、專業(yè)的平臺(tái)氛圍,我們團(tuán)隊(duì)將依據(jù)本公約中的條款對(duì)注冊(cè)用戶和發(fā)布在本平臺(tái)的內(nèi)容進(jìn)行管理。平臺(tái)鼓勵(lì)用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時(shí)也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國(guó)未成年人保護(hù)法》等法律法規(guī),對(duì)以下違法、不良信息或存在危害的行為進(jìn)行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對(duì)憲法所確定的基本原則;
2)危害國(guó)家安全,泄露國(guó)家秘密,顛覆國(guó)家政權(quán),破壞國(guó)家統(tǒng)一,損害國(guó)家榮譽(yù)和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽(yù)、榮譽(yù);
4)宣揚(yáng)恐怖主義、極端主義或者煽動(dòng)實(shí)施恐怖活動(dòng)、極端主義活動(dòng);
5)煽動(dòng)民族仇恨、民族歧視,破壞民族團(tuán)結(jié);
6)破壞國(guó)家宗教政策,宣揚(yáng)邪教和封建迷信;
7)散布謠言,擾亂社會(huì)秩序,破壞社會(huì)穩(wěn)定;
8)宣揚(yáng)淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動(dòng)非法集會(huì)、結(jié)社、游行、示威、聚眾擾亂社會(huì)秩序;
10)侮辱或者誹謗他人,侵害他人名譽(yù)、隱私和其他合法權(quán)益;
11)通過(guò)網(wǎng)絡(luò)以文字、圖片、音視頻等形式,對(duì)未成年人實(shí)施侮辱、誹謗、威脅或者惡意損害未成年人形象進(jìn)行網(wǎng)絡(luò)欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內(nèi)容;
2. 不友善:不尊重用戶及其所貢獻(xiàn)內(nèi)容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動(dòng)成果;
2)誹謗:捏造、散布虛假事實(shí),損害他人名譽(yù);
3)嘲諷:以比喻、夸張、侮辱性的手法對(duì)他人或其行為進(jìn)行揭露或描述,以此來(lái)激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對(duì)方對(duì)自己的言論作出回應(yīng),蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對(duì)方難堪;
6)謾罵:以不文明的語(yǔ)言對(duì)他人進(jìn)行負(fù)面評(píng)價(jià);
7)歧視:煽動(dòng)人群歧視、地域歧視等,針對(duì)他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來(lái)迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗(yàn)、擾亂本網(wǎng)站秩序的內(nèi)容,或進(jìn)行相關(guān)行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
2)單個(gè)帳號(hào)多次發(fā)布包含垃圾廣告的內(nèi)容;
3)多個(gè)廣告帳號(hào)互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點(diǎn)擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光;
6)購(gòu)買或出售帳號(hào)之間虛假地互動(dòng),發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營(yíng)銷內(nèi)容,如通過(guò)偽造經(jīng)歷、冒充他人等方式進(jìn)行惡意營(yíng)銷;
8)使用特殊符號(hào)、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經(jīng)驗(yàn)的細(xì)節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內(nèi)容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚(yáng)低俗、庸俗、媚俗內(nèi)容。
5. 不實(shí)信息,主要表現(xiàn)為:
1)可能存在事實(shí)性錯(cuò)誤或者造謠等內(nèi)容;
2)存在事實(shí)夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容;
3)偽造身份、冒充他人,通過(guò)頭像、用戶名等個(gè)人信息暗示自己具有特定身份,或與特定機(jī)構(gòu)或個(gè)人存在關(guān)聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測(cè)字、占卜、解夢(mèng)、化解厄運(yùn)、使用迷信方式治?。?br /> 2)求推薦算命看相大師;
3)針對(duì)具體風(fēng)水等問(wèn)題進(jìn)行求助或咨詢;
4)問(wèn)自己或他人的八字、六爻、星盤(pán)、手相、面相、五行缺失,包括通過(guò)占卜方法問(wèn)婚姻、前程、運(yùn)勢(shì),東西寵物丟了能不能找回、取名改名等;
7. 文章標(biāo)題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來(lái)誘導(dǎo)用戶;
2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實(shí)或者原意扭曲;
3)使用夸張標(biāo)題,內(nèi)容與標(biāo)題嚴(yán)重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費(fèi)、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動(dòng)「飯圈」粉絲攀比炫富、奢靡享樂(lè)等行為
4)以號(hào)召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號(hào)」形式刷量控評(píng)等行為
5)通過(guò)「蹭熱點(diǎn)」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會(huì)公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的;
2)不當(dāng)評(píng)述自然災(zāi)害、重大事故等災(zāi)難的;
3)美化、粉飾侵略戰(zhàn)爭(zhēng)行為的;
4)法律、行政法規(guī)禁止,或可能對(duì)網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過(guò)主動(dòng)發(fā)現(xiàn)和接受用戶舉報(bào)兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺(tái)氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個(gè)用戶發(fā)布違規(guī)內(nèi)容時(shí),本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度,對(duì)帳號(hào)進(jìn)行禁言 1 天、7 天、15 天直至永久禁言或封停賬號(hào)的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過(guò)作弊手段注冊(cè)、使用帳號(hào),或者濫用多個(gè)帳號(hào)發(fā)布違規(guī)內(nèi)容時(shí),本網(wǎng)站將加重處罰。
三、申訴
隨著平臺(tái)管理經(jīng)驗(yàn)的不斷豐富,本網(wǎng)站出于維護(hù)本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對(duì)本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過(guò)「建議反饋」功能向本網(wǎng)站進(jìn)行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)