老色批在线播放视频网站免费-老色批影院-老色鬼福利 A级黄色片视在线播放_日韩欧美永久中文字幕视频_2

首頁(yè)

在iPhone的UI設(shè)計(jì)背后,是一場(chǎng)關(guān)于注意力的戰(zhàn)爭(zhēng) 2018/09/06in 設(shè)計(jì)文章 & 教程評(píng)論區(qū)

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

iPhone 誕生之后,世界發(fā)生的變化是翻天覆地的。以電容觸摸屏為交互中心的智能手機(jī)以難以想象的速度,成為了人類(lèi)生活中不可分割的部分,人與人之間的連接因此而更加緊密,同時(shí)也更加疏遠(yuǎn)。從某種意義上來(lái)說(shuō),iPhone 的創(chuàng)造是開(kāi)創(chuàng)性的,也是不可替代的。而我們也不約而同地發(fā)現(xiàn),以iPhone 為標(biāo)竿而創(chuàng)造的智能手機(jī)和數(shù)字化的交互界面,讓我們處于一個(gè)時(shí)刻都會(huì)被分心的境地。

令人上癮的數(shù)字內(nèi)容,讓我們一刻都離不開(kāi)智能手機(jī),從某種意義上,它徹底改變了我們的生活,工作,甚至思考的方式?,F(xiàn)如今,越來(lái)越多的人開(kāi)始嘗試戒除令人上癮的智能手機(jī),尋找更加健康自由的人機(jī)關(guān)系。根據(jù)今天的調(diào)研,過(guò)度使用智能手機(jī),確實(shí)會(huì)有一定機(jī)率帶來(lái)心理健康的問(wèn)題。從 iPhone 誕生之初,直到10年后的現(xiàn)在,在數(shù)字產(chǎn)品上癮和用戶注意力的控制這件事情上,開(kāi)發(fā)團(tuán)隊(duì)本身就沒(méi)有放松過(guò)。這次,F(xiàn)ast Company 專(zhuān)訪了前蘋(píng)果設(shè)計(jì)師 Imran Chaudhri。

Imran Chaudhri 早在 1995 年就加入了蘋(píng)果公司,并且很快就出任了公司的人機(jī)交互界面組的設(shè)計(jì)總監(jiān),在2006年前后,他也是作為 iPhone 項(xiàng)目核心的6人團(tuán)的一員,加入到項(xiàng)目當(dāng)中來(lái)。

待在蘋(píng)果的20多年時(shí)間里,他參與了 iPod、iPad、 Apple Watch、Apple TV 以及 iPhone 等幾乎全部主要產(chǎn)品的用戶界面的設(shè)計(jì),直到他開(kāi)始追求創(chuàng)造屬于自己的公司和事業(yè),才正式從蘋(píng)果離職。也正是因?yàn)檫@樣的契機(jī),才使得 Fast Company 有機(jī)會(huì)能和他面對(duì)面地一起聊一聊他的過(guò)去,以及他留給蘋(píng)果的那些遺產(chǎn)。

和許多設(shè)計(jì)師一樣,他們對(duì)于產(chǎn)品的想法和企業(yè)的定位或多或少有一些錯(cuò)位。和蘋(píng)果產(chǎn)品相關(guān)的很多信息,他現(xiàn)在依然還不能透露,但是他依然提到了很重要的事情:即使是在iPhone的原型設(shè)計(jì)階段,他就已經(jīng)意識(shí)到了,這款產(chǎn)品最大的缺陷之一,就是它注定會(huì)分散甚至壟斷用戶的注意力。而與此同時(shí),蘋(píng)果也有意識(shí)的沒(méi)有給予用戶,對(duì)于iPhone 完全的控制權(quán)。下面,是訪談中能夠?qū)ν夤嫉膸讉€(gè)重要的內(nèi)容摘錄:

設(shè)計(jì)「請(qǐng)勿打擾」的功能

「我認(rèn)為,從某種意義上來(lái)說(shuō),真正洞悉設(shè)計(jì)的設(shè)計(jì)師,大都能夠預(yù)見(jiàn)到手機(jī)對(duì)于注意力的影響。在使用手機(jī)的時(shí)候,我們總會(huì)碰到被各種各樣的信息和通知打擾到?!?

「早些時(shí)候,當(dāng)我剛剛開(kāi)始制作 iPhone 的原型之時(shí),管束還不是那么多,我們當(dāng)中有幾個(gè)人還有幸把原型機(jī)帶回家,這樣就可以每天工作生活都使用它。那個(gè)時(shí)候我全世界各地的朋友都和我保持著聯(lián)系,iPhone 幾乎隔一會(huì)兒就會(huì)亮一下,顯示有新消息,叮叮咚咚響個(gè)不停,于是我意識(shí)到,和我們朝夕相處的手機(jī)需要一個(gè)管控功能。所以,在很早的階段,我就開(kāi)始設(shè)計(jì)請(qǐng)勿打擾這個(gè)功能了。」

對(duì)于誰(shuí)來(lái)掌控手機(jī)設(shè)備這個(gè)事,蘋(píng)果的內(nèi)部產(chǎn)生了分歧

「其實(shí),在蘋(píng)果公司內(nèi)部,想要大家都理解分心是一個(gè)影響用戶生活的問(wèn)題,還挺難的。喬布斯倒是很能理解的,但是公司內(nèi)其他的同事,對(duì)于用戶對(duì)于手機(jī)的控制權(quán)多少,其實(shí)大家還存在不少爭(zhēng)議。我和一部分同事倡議給用戶更多的掌控權(quán),不過(guò)這個(gè)事情對(duì)產(chǎn)品的營(yíng)銷(xiāo)和市場(chǎng)運(yùn)作是有影響的。所以,當(dāng)時(shí)內(nèi)部也有聲音說(shuō),如果真的給用戶太多的控制權(quán),那么這款手機(jī)就不酷了?!?

「其實(shí)直到今天,iPhone 當(dāng)中絕大多數(shù)的功能都是可控的,但是其中很多功能隱藏的比較深,徹底的掌控它們是比較困難的,如果你真得想讓那些整天都在轟炸你的信息徹底遠(yuǎn)離,你需要花費(fèi)很長(zhǎng)的時(shí)間來(lái)摸索,用獨(dú)特的方式逐個(gè)調(diào)整或者關(guān)閉才行。因此,對(duì)于那些熟練使用iPhone 的重度用戶而言,確實(shí)是可以如臂使指地掌控這臺(tái)設(shè)備,但是對(duì)于更換壁紙都不太會(huì)的用戶,想要搞清楚iPhone ,讓它如意隨心,真的是難如登天。他們沒(méi)有這樣的控制能力?!?

關(guān)于 iPhone 是否有可能更智能地預(yù)測(cè)通知

「你可能會(huì)在一個(gè)下午安裝十幾個(gè)不同的新應(yīng)用,然后你不停地會(huì)收到提醒和通知,是否要授權(quán)使用相機(jī),是否要授權(quán)獲取你的位置,是否允許它給你發(fā)送通知,每個(gè)都要做決定。稍后,你可能會(huì)發(fā)現(xiàn),F(xiàn)acebook 一直在后臺(tái)給你推送信息。再之后你就會(huì)發(fā)現(xiàn)你有睡眠障礙了,總會(huì)有信息大半夜地推送到你的眼前,讓你無(wú)法安生地休息。實(shí)際上,借助請(qǐng)勿打擾的功能,你可以一早上再查看它們。這套系統(tǒng)足夠智能,能夠判斷出哪些應(yīng)用之前就已經(jīng)獲得了許可,哪些仍然在后臺(tái)獲取數(shù)據(jù),哪些通知實(shí)際上你并不關(guān)心。所以,這套系統(tǒng)其實(shí)是會(huì)選擇更加恰當(dāng)?shù)臅r(shí)機(jī)和正確的方式來(lái)建立用戶和手機(jī)之間的對(duì)話和關(guān)系,手機(jī)會(huì)詢問(wèn)用戶,你真的需要這些通知嗎?或者是,你真的需要Facebook 使用你的電話簿的信息嗎(因?yàn)槟阋呀?jīng)很久沒(méi)有登錄了)?等等。正確地設(shè)計(jì)了這套系統(tǒng)之后,提醒用戶的方式也非常的多?!?

為什么蘋(píng)果最后還是開(kāi)始關(guān)注分心這個(gè)事情?

「iOS 12 中內(nèi)置的這套防干擾的控制系統(tǒng)可以更加系統(tǒng)地監(jiān)控手機(jī)各方面的功能和用量,它實(shí)際上是從iOS 6 時(shí)代的請(qǐng)勿打擾的功能拓展而來(lái)的。但是它在現(xiàn)在被推出來(lái)真正的原因是有太多的用戶為此而抱怨,而媒體和用戶都發(fā)文吐槽,在呼聲和壓力之下,它們最終在iOS 12 中呈現(xiàn)了出來(lái)。這個(gè)局面之下,蘋(píng)果沒(méi)有選擇的余地,必須對(duì)于輿論有回應(yīng)。這對(duì)于每個(gè)人都是好事,因?yàn)橛脩艉退麄兊暮⒆佣家虼四軌颢@得更好的產(chǎn)品。但是這是否是最好的產(chǎn)品?當(dāng)然算不上,因?yàn)楝F(xiàn)在的iOS系統(tǒng)是為了應(yīng)對(duì)輿論和負(fù)面新聞而設(shè)計(jì)的,設(shè)計(jì)的意圖并不對(duì)。如果是蘋(píng)果主動(dòng)作出這樣的決策,才算得上是好產(chǎn)品?!?

「對(duì)于蘋(píng)果這種體量的大公司而言,產(chǎn)品設(shè)計(jì)其實(shí)復(fù)雜性非常的高。真的是這樣。作為設(shè)計(jì)師,你需要服務(wù)于你的用戶,你還得和公司的利益保持一致,同時(shí),還需要對(duì)得起自己的底線和道德。服務(wù)于一個(gè)大型的企業(yè),確實(shí)非常的難做抉擇。對(duì)于用戶而言,可以很輕松的直接懟蘋(píng)果,說(shuō)它沒(méi)有做對(duì)的事情。但是身為其中的設(shè)計(jì)師,要平衡各方面的需求也壓力,經(jīng)常會(huì)進(jìn)退維谷。有些用戶因?yàn)閕Phone 的一些功能,受到了負(fù)面的影響,有些人受到的影響比另一部分人更多。但是身為設(shè)計(jì)師,一個(gè)受到各方面制衡的設(shè)計(jì)師,即使是作出了改變,在很多時(shí)候也遠(yuǎn)遠(yuǎn)不夠。至少在我看來(lái),現(xiàn)在的改變還不夠大?!?

管理數(shù)字化的生活,就像管理健康一樣重要

「我和數(shù)字設(shè)備之間的關(guān)系非常簡(jiǎn)單。我不希望被它所控制。從使用 iPhone 的第一天起,我就用著黑色的壁紙。我不會(huì)將一大堆的東西塞進(jìn)手機(jī),減少被分心的可能性。我的手機(jī)第一屏上的應(yīng)用程序非常少。」

「我的意思并不是說(shuō)這樣做很重要,或者說(shuō)我推薦這么做,對(duì)于人和手機(jī)之間的關(guān)系,每個(gè)人都不一樣,處理方式也都很個(gè)人。對(duì)于如何處理自己和手機(jī)之間的關(guān)系,有人讓我提一些建議,我覺(jué)得沒(méi)有必要,因?yàn)槲业霓k法并不適合所有人。一天喝多少咖啡,抽幾包煙,每個(gè)人的情況都不一樣,沒(méi)法一概而論。不過(guò),心理健康是一件大事,你和你的智能設(shè)備之間,應(yīng)該保持著平等的關(guān)系。這至少是一個(gè)大的設(shè)計(jì)趨勢(shì),是設(shè)計(jì)師需要關(guān)注的焦點(diǎn)。就像可持續(xù)性發(fā)展已經(jīng)成為時(shí)代的主流訴求一樣,你無(wú)法忽視認(rèn)知壓力的存在,認(rèn)知設(shè)計(jì)也勢(shì)在必行?!?

界面設(shè)計(jì)的未來(lái),以及不可避免的問(wèn)題

「我觀察到,界面設(shè)計(jì)在很自然地進(jìn)化和發(fā)展著,從按鈕到旋鈕,從點(diǎn)擊到手勢(shì)操作,從語(yǔ)音交互到情感化設(shè)計(jì),均是如此。無(wú)論是考慮到用戶的情感訴求,還是進(jìn)入語(yǔ)音交互的領(lǐng)域,都一定會(huì)遭遇一大堆的問(wèn)題。按鈕和旋鈕的設(shè)計(jì)是需要考慮到人體工程學(xué)的問(wèn)題,點(diǎn)擊和手勢(shì)的交互則牽涉到更具體的壓感和硬件上問(wèn)題。任何人和機(jī)器之間的交互,都一定都會(huì)遭遇不自然的狀況和問(wèn)題,就這么簡(jiǎn)單。身為設(shè)計(jì)師,需要足夠的預(yù)見(jiàn)性,才能真正領(lǐng)先于用戶,預(yù)測(cè)到可能會(huì)遭遇的問(wèn)題?!?

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)  包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

比起設(shè)計(jì)和開(kāi)發(fā)流程的選擇,還有幾個(gè)事情更重要

濤濤



如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


在 Sarah 給 Jimmy 講完了她在設(shè)計(jì)上的一些原則之后,Jimmy 就準(zhǔn)備開(kāi)始重新設(shè)計(jì)那個(gè)客戶等著要的新的儀表盤(pán)界面了。與此同時(shí),他所在的公司 Shmuckle 準(zhǔn)備設(shè)置一個(gè)新的產(chǎn)品經(jīng)理的職位,并且將會(huì)在公司內(nèi)部選擇合適的人員來(lái)任職。Jimmy 對(duì)此非常有興趣,實(shí)際上,在當(dāng)前的架構(gòu)下, Jimmy 是一個(gè)非常合適的候選人。但是要擔(dān)任這個(gè)職位,他必須證明自己能夠勝任這個(gè)職位,證明自己知道如何管理項(xiàng)目和團(tuán)隊(duì)。

對(duì)于他正在做的這個(gè)控制面板的設(shè)計(jì)項(xiàng)目,他也正在挑選合適的產(chǎn)出流程。用敏捷(Agile)開(kāi)發(fā)流程更好,還是應(yīng)該用瀑布模型(Waterfall Model)?又或者是循環(huán)式開(kāi)發(fā)流程?他覺(jué)得跟開(kāi)發(fā)部的同事聊一聊會(huì)是更好的選擇。

當(dāng)他找到工程部的 Boris 的時(shí)候,他正在樓道里刷推特摸魚(yú)?!赣檬裁戳鞒蹋磕沁€用問(wèn),當(dāng)然是敏捷啦。這個(gè)最好,過(guò)程清晰簡(jiǎn)單,現(xiàn)在沒(méi)有什么辦法比敏捷更好處理各種數(shù)字產(chǎn)品的設(shè)計(jì)和開(kāi)發(fā)啦?!菇又?,Boris 去隔壁會(huì)議室拖出一個(gè)白板,并且說(shuō)道:「給我一個(gè)小時(shí),我告訴你關(guān)于敏捷開(kāi)發(fā)的一切。接著還能捎帶計(jì)劃一下每周的工作內(nèi)容,這樣你就能完全明白要干啥了。哦,差點(diǎn)忘了,還有幾個(gè)播客和視頻可以幫你更加深入地了解敏捷?!?

敏捷開(kāi)發(fā)以用戶的需求進(jìn)化為核心,采用迭代、循序漸進(jìn)的方法進(jìn)行軟件開(kāi)發(fā)。在敏捷開(kāi)發(fā)中,軟件項(xiàng)目在構(gòu)建初期被切分成多個(gè)子項(xiàng)目,各個(gè)子項(xiàng)目的成果都經(jīng)過(guò)測(cè)試,具備可視、可集成和可運(yùn)行使用的特征。換言之,就是把一個(gè)大項(xiàng)目分為多個(gè)相互聯(lián)系,但也可獨(dú)立運(yùn)行的小項(xiàng)目,并分別完成,在此過(guò)程中軟件一直處于可使用狀態(tài)。

絮絮叨叨的 Boris 終于找到一個(gè)傾訴的對(duì)象,Jimmy 一時(shí)之間感到頗為尷尬,不知道如何回應(yīng)。好在這個(gè)時(shí)候,開(kāi)發(fā)部另外一個(gè)部門(mén)的 Floris 從門(mén)口路過(guò),Jimmy 趕緊喊住他「Floris 我到處在找你,你怎么在這兒啊」說(shuō)著就拉住 Floris 的手,竄進(jìn)了另外一個(gè)辦公室,遠(yuǎn)離了熱情的 Boris。

「干啥?你倆在聊啥?」

「Boris在跟我說(shuō)敏捷開(kāi)發(fā)……」

「啥玩意兒?他跟你講敏捷開(kāi)發(fā)?快拉倒吧,他們部門(mén)里面唯一敏捷的就手頭上的 Macbook。我們這邊都用瀑布模型來(lái)作為產(chǎn)品開(kāi)發(fā)的流程,因?yàn)樗蔷€性的,有著更簡(jiǎn)單的結(jié)構(gòu),操作起來(lái)也簡(jiǎn)單,很少會(huì)發(fā)生混亂?!拐f(shuō)著,F(xiàn)loris 從辦公室的書(shū)架上摸出一堆文檔壓到 Jimmy 手上?!改阋臇|西都在里面,祝你好運(yùn)。如果你需要任何幫助,請(qǐng)?jiān)诠驳钠脚_(tái)上跟我約時(shí)間,我們可以開(kāi)個(gè)小會(huì)解決一下問(wèn)題~」說(shuō)著 Floris 回到自己的桌子邊,開(kāi)始繼續(xù)干活兒。

瀑布模型(Waterfall Model) 是一個(gè)項(xiàng)目開(kāi)發(fā)架構(gòu),開(kāi)發(fā)過(guò)程是通過(guò)設(shè)計(jì)一系列階段順序展開(kāi)的,從系統(tǒng)需求分析開(kāi)始直到產(chǎn)品發(fā)布和維護(hù),每個(gè)階段都會(huì)產(chǎn)生循環(huán)反饋,因此,如果有信息未被覆蓋或者發(fā)現(xiàn)了問(wèn)題,那么最好「返回」上一個(gè)階段并進(jìn)行適當(dāng)?shù)男薷模?xiàng)目開(kāi)發(fā)進(jìn)程從一個(gè)階段「流動(dòng)」到下一個(gè)階段,這也是瀑布模型名稱(chēng)的由來(lái)。包括軟件工程開(kāi)發(fā)、企業(yè)項(xiàng)目開(kāi)發(fā)、產(chǎn)品生產(chǎn)以及市場(chǎng)銷(xiāo)售等構(gòu)造瀑布模型。

拿著一堆資料,回到自己的工位前,整個(gè)人都要陷入到怠惰的情緒里面,癱坐在電腦椅上糾結(jié)了起來(lái)。信息太多了,不知道從何做起。在網(wǎng)上一搜也是成堆的內(nèi)容,根本不知道從何入手。懵逼了。

Jimmy 決定采用最終的備用方案——萬(wàn)事不決問(wèn) Sarah。在 Jimmy 的工作經(jīng)驗(yàn)當(dāng)中,老領(lǐng)導(dǎo) Sarah 總能給他靠譜的建議和可行的方案。

出問(wèn)題的時(shí)候,先后退一步

Sarah 辦公室的門(mén)從來(lái)都是敞開(kāi)的。當(dāng) Jimmy 來(lái)找她的時(shí)候,Sarah 正在閱讀一些有意思的東西。她的辦公室里面有很多的書(shū)和綠植,漂亮的色彩讓 Sarah 的整個(gè)工作區(qū)域仿佛能夠喚起人的創(chuàng)造力和想象力,桌上打開(kāi)的書(shū)頁(yè)散發(fā)著油墨的味道,聞起來(lái)讓人很有安全感,像家里的書(shū)房?!窰ey,Sarah,我又有問(wèn)題來(lái)麻煩你啦,你有空么?」

「我的門(mén)永遠(yuǎn)敞開(kāi)著。這次有啥問(wèn)題,看看我能怎么幫到你?!筍arah 聽(tīng)到聲音就知道是誰(shuí),一邊放下手頭的文檔,一邊抬頭笑著看到略顯局促的 Jimmy 。說(shuō)話間,Jimmy 非常熟悉地跑到辦公桌另外一邊的椅子上癱坐下來(lái),Sarah 笑著搖頭,拿起咖啡壺給 Jimmy 倒上一杯咖啡。

回到自己椅子上的 Sarah 沒(méi)有看自己的電腦,而是像心理咨詢師一樣,盯著 JImmy ,進(jìn)入了等他傾訴的狀態(tài)。而 Jimmy 此刻也驚訝于 Sarah 如此灑脫迅速地放下手頭的工作,并專(zhuān)注地幫助自己,于是也不再放飛地癱坐著,直起腰身,開(kāi)始認(rèn)真地陳述自己的問(wèn)題:

「實(shí)際上,你之前跟我說(shuō)的設(shè)計(jì)原則,讓我獲益匪淺。我按照你告訴我的方法,找到了癥結(jié),解決了問(wèn)題。但是我現(xiàn)在不僅僅是要設(shè)計(jì)這個(gè)儀表盤(pán)界面,我需要開(kāi)發(fā)和實(shí)現(xiàn)。有人說(shuō)敏捷開(kāi)發(fā)比較好,有人說(shuō)瀑布模型很給力,這些開(kāi)發(fā)方式到底有啥差別,優(yōu)勢(shì)具體在哪我并沒(méi)有搞清楚。有人說(shuō)我需要的是敏捷開(kāi)發(fā)里面 Scrum,還有人說(shuō),它實(shí)際上是 shmum,也有人稱(chēng)之為 Bshmum,結(jié)果還有朋友告訴我說(shuō) Google 的 Design Sprint 才能幫我解決問(wèn)題。我感覺(jué)腦子快要炸了。所以……Sarah 你明白么,我需要幫助了。 」

聽(tīng)到 Jimmy 說(shuō)到后面,Sarah 就明白了他碰到什么問(wèn)題了?!窲immy,沒(méi)事兒,我們總會(huì)在某些時(shí)候碰到問(wèn)題,別人的指導(dǎo)總會(huì)派上用場(chǎng)?!?

「我可以理解,如果在網(wǎng)上搜索這些相關(guān)的信息,會(huì)有太多雜亂的內(nèi)容讓你感到信息過(guò)載。幸運(yùn)的是,如果你理解這些東西背后的基本原理,就可以相對(duì)輕松地梳理清楚所有的內(nèi)容了?!?

「早知道我應(yīng)該一開(kāi)始就來(lái)找 Sarah 問(wèn)問(wèn)?!笿immy 不由得對(duì)自己抱怨了一句。說(shuō)著,他在摸起咖啡杯旁邊的紙和筆,準(zhǔn)備做筆記,就像上次那樣。Sarah 看穿了他的小心思,笑道:「不用記?!拐f(shuō)著,喝了一口咖啡,然后繼續(xù)道:「先想想看,我們?yōu)槭裁磿?huì)有敏捷、瀑布模型、沖刺模型,為什么要用循環(huán)工作法呢?」

「為了?」Jimmy 下意識(shí)撓頭。

「是的,但也不完全是這樣??偟膩?lái)說(shuō),我們需要一個(gè)過(guò)程來(lái)呈現(xiàn)產(chǎn)品,因?yàn)槿祟?lèi)的思維是沒(méi)有辦法直接掌控混亂的事物。此外,一個(gè)清晰的、可遵循可記錄的流程,能夠確保你在完成后,確保產(chǎn)品的整個(gè)開(kāi)發(fā)過(guò)程是可交付的,細(xì)節(jié)也是可回溯的。這就是為什么,我們需要這些流程。」

「最首要的問(wèn)題,不是選擇哪個(gè)流程,而是要了解這些流程為什么而存在,以及我們可能會(huì)碰到什么樣的問(wèn)題。無(wú)論你選擇哪一個(gè)?!筍arah 看了一眼窗外,繼續(xù)說(shuō)道:「你有問(wèn)過(guò)公司的其他的同事,他們都遵循什么樣的流程么?」Sarah 問(wèn)道。

「問(wèn)過(guò)了,絕大多數(shù)都采用的敏捷和瀑布模型?!笿immy 說(shuō)到。

承諾是關(guān)鍵

「首先要告訴你的是,兩種方法都很棒。但是絕大多數(shù)的公司只會(huì)在兩種方法當(dāng)中選擇一種。因此,當(dāng)人們采用敏捷或者瀑布的時(shí)候,我們更多看到的是他們所做的設(shè)計(jì)或者開(kāi)發(fā)的小沖刺。以往,我們會(huì)看到團(tuán)隊(duì)會(huì)在3個(gè)月或者半年這樣的時(shí)間尺度當(dāng)中,一直保持著高強(qiáng)度沖刺的狀態(tài)的。在旁觀者眼中,會(huì)看到一個(gè)清晰的故事,或者說(shuō)整個(gè)產(chǎn)品逐漸設(shè)計(jì)或者開(kāi)發(fā)出來(lái)的景象。如今流行的做法是將沖刺劃分為很多不同的階段,這也是為什么如今被稱(chēng)為小沖刺。不過(guò)本質(zhì)上,做的事情和內(nèi)容并沒(méi)有改變。」

「另外,很多人會(huì)使用敏捷的方法來(lái)做項(xiàng)目,過(guò)程中會(huì)不斷的迭代修改。他們希望通過(guò)這樣的方法來(lái)獲得更好的結(jié)果。實(shí)際上,很多團(tuán)隊(duì)會(huì)持續(xù)不斷地、長(zhǎng)期地堅(jiān)持這么做,幾個(gè)月甚至一年半載都沒(méi)有發(fā)布任何東西。如果你在這種情況下,會(huì)問(wèn)自己,到底出了什么問(wèn)題?我會(huì)告訴你,原因在于沒(méi)有清晰的承諾,以及太多的事情讓人分心。大家都不會(huì)承諾在一段時(shí)間內(nèi)交付一些東西,使用各種借口不按時(shí)、按預(yù)算來(lái)完成項(xiàng)目?!?

「如果這個(gè)時(shí)間只是一兩周,一個(gè)月,好吧,或者說(shuō)一年,這個(gè)周期并不重要。重要的是,你不需要擁有一個(gè)清晰的過(guò)程,并且承諾提供一些東西。當(dāng)然,這是很有挑戰(zhàn)性的。這意味著,在這個(gè)情況下,你必須作出一些選擇,來(lái)完成任務(wù)?!筍arah 總結(jié)道。

阻礙前進(jìn)的東西

「到底使用哪種敏捷的方法,采取多少個(gè)步驟,或者使用經(jīng)典的瀑布模型,借助谷歌的設(shè)計(jì)沖刺,都可以,都沒(méi)有問(wèn)題。大家總會(huì)認(rèn)為,采用哪種過(guò)程是關(guān)鍵,但是現(xiàn)實(shí)是,這個(gè)過(guò)程始終都只是達(dá)成目的一個(gè)手段而已?!?

「真正的問(wèn)題在于,人的天性是懶惰的,沒(méi)有按照承諾交付東西??偸侨滩蛔〉耐涎?,膨脹的自我,辦公室政治,愛(ài)來(lái)事兒的甲方,喜歡變卦的客戶,它們還都會(huì)像攔路虎一樣進(jìn)入產(chǎn)品和設(shè)計(jì)的流程。無(wú)休止的辯論,不斷改變的策略,不斷膨脹來(lái)回拉鋸的會(huì)議,最后你只能呆滯地坐在辦公室當(dāng)中,想想自己的生活到底出了什么問(wèn)題。最后,我想說(shuō)一下多年前,我自己所經(jīng)歷的一個(gè)項(xiàng)目?!筍arah 覺(jué)得她應(yīng)該從具體案例上來(lái)說(shuō)說(shuō)這個(gè)事兒了。

「所以,首先你應(yīng)該清楚,在一個(gè)特定的時(shí)間段內(nèi),交付一些東西出來(lái)。你要保證你的團(tuán)隊(duì)不會(huì)跳票和拖延,也不會(huì)讓預(yù)算超出計(jì)劃。你將要在約束中工作。約束其實(shí)是一種隱藏的優(yōu)點(diǎn),也許并不是每個(gè)人都明白。你需要完全保持專(zhuān)注,除了你的和參評(píng)之外,不會(huì)被其他的任何東西分心。就你的情況而言,你需要專(zhuān)注于這個(gè)儀表盤(pán)界面的設(shè)計(jì)和實(shí)現(xiàn)?!筍arah 說(shuō)道。

「團(tuán)隊(duì)的規(guī)模很重要。不過(guò)那是后話,后面咱們?cè)僮屑?xì)聊?!?

「假設(shè),你有一個(gè)三個(gè)人組成的團(tuán)隊(duì),他們共同負(fù)責(zé)開(kāi)發(fā)并發(fā)布你的產(chǎn)品的下一個(gè)功能。具體到你的頭上,就是為你開(kāi)發(fā)并實(shí)現(xiàn)這個(gè)重設(shè)計(jì)的儀表盤(pán)。你需要確保公司的其他人不會(huì)前來(lái)干涉他們的工作,不會(huì)來(lái)和他們討論這個(gè)項(xiàng)目以外的任何事情。」

「這一點(diǎn)極為重要。他們必須保持專(zhuān)注。減少被打擾的機(jī)率——或者說(shuō)不被打擾是最好的事情,他們能夠?qū)W⒍逦乃伎紗?wèn)題。除了手頭的任務(wù)之外,他們不會(huì)需要去做其他的任何事情,不會(huì)被其他的工作內(nèi)容所分心。對(duì)于如何做手頭的工作,什么時(shí)候做,具體做什么,他們應(yīng)當(dāng)有足夠的控制權(quán)和自主權(quán)。最后,請(qǐng)記住這一點(diǎn):

團(tuán)隊(duì)必須足夠小。如果太大,溝通問(wèn)題一定會(huì)成為主要的障礙。每增加一個(gè)人,想讓大家信息和想法保持一致的成本,就會(huì)成倍增加。如果你擁有太多的自由,太多的資源以及大量的人員,你不僅會(huì)得到過(guò)度的設(shè)計(jì),超出常規(guī)的工作,需要超出計(jì)劃的預(yù)算,以及一個(gè)沒(méi)有重點(diǎn),不夠出彩的產(chǎn)品?!?

問(wèn)題總是會(huì)出現(xiàn)的

「如果你像我說(shuō)的一樣,后退一步來(lái)看問(wèn)題,就會(huì)意識(shí)到,流程背后所存在的問(wèn)題,并不是流程本身的優(yōu)劣,也不關(guān)乎公司、人員、國(guó)家、文化或者其他。這是關(guān)于紀(jì)律和約束。不僅是團(tuán)隊(duì)本身需要紀(jì)律,負(fù)責(zé)人要有紀(jì)律感,業(yè)務(wù)也需要有紀(jì)律約束。如同我們所知道的,團(tuán)隊(duì)也好,產(chǎn)品也好,公司也好,它都是自上而下的,頂部的紀(jì)律、約束和眼界,決定了底部的紀(jì)律、調(diào)性和產(chǎn)出?!?

「現(xiàn)在,你可能會(huì)問(wèn)自己,如果你的項(xiàng)目出現(xiàn)了問(wèn)題,會(huì)怎么辦?那么首先,對(duì)于你想要達(dá)成的目標(biāo),需要一個(gè)清晰的愿景或者想法。除非你的愿景和目標(biāo)足夠清晰,否則你是沒(méi)有辦法來(lái)提供承諾的。在項(xiàng)目開(kāi)始之前,這個(gè)愿景/目標(biāo)必須有足夠清晰的定義,是否能夠達(dá)成,難度高低,是否具備可執(zhí)行性,否則在過(guò)程中一定會(huì)有所偏離。在這里,給你幾個(gè)小貼士,務(wù)必要記住:

不要自欺欺人,你需要提前計(jì)劃好整個(gè)項(xiàng)目,避免出錯(cuò)。很多事情都會(huì)出錯(cuò),所以你需要有目標(biāo)有愿景,你需要向著目標(biāo)前進(jìn),并且隨時(shí)做好解決問(wèn)題、糾偏的準(zhǔn)備。一旦你被其他的因素影響,就很容易增加開(kāi)發(fā)時(shí)間、增加預(yù)算、招募更多的人手。不要相信所謂的規(guī)劃和藍(lán)圖,那什么都不是。問(wèn)題是一定會(huì)出現(xiàn)的,出錯(cuò)了,就專(zhuān)注于最終目標(biāo),抓緊手頭的項(xiàng)目,別無(wú)其他?!?

Sarah 說(shuō)道這里,Jimmy 已經(jīng)開(kāi)始有所思考了。「所以,在我告訴你這些事情以后,對(duì)于你你手頭的這個(gè)儀表盤(pán)的項(xiàng)目,你打算下一步要怎么做?」

需要始終牢記的事情

Jimmy 的腦中仍然在反思 Sarah 剛剛說(shuō)過(guò)的話,下意識(shí)回復(fù)道:「要有遠(yuǎn)見(jiàn),目標(biāo)清晰,為即將出現(xiàn)的錯(cuò)誤與問(wèn)題做好準(zhǔn)備,組建一個(gè)足夠獨(dú)立的小團(tuán)隊(duì),和公司其他的團(tuán)隊(duì)和部門(mén)隔離開(kāi)來(lái),這樣可以在不被打斷的情況下聚焦于當(dāng)前的任務(wù),最重要的是,要在承諾的日期前交付承諾的產(chǎn)品。但是我不知道團(tuán)隊(duì)要有多小,我應(yīng)該帶多少人?」Jimmy 問(wèn)道。

「如果我說(shuō)我知道你要帶幾個(gè),那么我一定是在騙你。不過(guò),通常而言,你這種規(guī)模不算太大的產(chǎn)品,我建議控制在3人以內(nèi)。你是這個(gè)項(xiàng)目的主管設(shè)計(jì)師,也是產(chǎn)品經(jīng)理,在設(shè)計(jì)上已經(jīng)沒(méi)有大的問(wèn)題,你還需要兩個(gè)開(kāi)發(fā)人員,一個(gè)負(fù)責(zé)前端,一個(gè)負(fù)責(zé)后端,這樣足矣。」Sarah 回答道。

「那么我應(yīng)該花費(fèi)多少人在這個(gè)上面呢?」Jimmy 又問(wèn)道。

「這個(gè)是你的項(xiàng)目,時(shí)間應(yīng)該由你來(lái)衡量。不過(guò),你需要一開(kāi)始就清楚你手頭有多少資源,你有多少時(shí)間來(lái)投入這個(gè)項(xiàng)目,有多少可供調(diào)用的預(yù)算,以及管理團(tuán)隊(duì)的耐心達(dá)到了什么程度。而且,這個(gè)事情最關(guān)鍵的并不是時(shí)間,而是你的承諾,以及到達(dá)約定時(shí)間之后要交付的東西。這不僅是對(duì)上層的責(zé)任,對(duì)于你和你的項(xiàng)目而言,也是一個(gè)可供奮斗的目標(biāo)和清晰的邊界。你的項(xiàng)目看起來(lái)并不算小,這個(gè)人員工作量之下,可能需要花費(fèi)一個(gè)月的時(shí)間來(lái)進(jìn)行開(kāi)發(fā)。但是請(qǐng)記住,在一個(gè)月的時(shí)間內(nèi),你必須提交出一個(gè)可用的產(chǎn)品出來(lái)。從我的角度上來(lái)看,我是不允許增加預(yù)算和時(shí)間的。約束對(duì)雙方其實(shí)都是有利的。」Sarah 說(shuō)道。

「那么我還是想問(wèn)最開(kāi)始的那個(gè)問(wèn)題,到底應(yīng)該使用敏捷還是瀑布模型?」Jimmy 還是忍不住問(wèn)道。

「我不知道?!筍arah 坦言道:「你的項(xiàng)目應(yīng)該由你來(lái)決定。對(duì)我而言,選擇哪個(gè)流程其實(shí)并不算最重要的問(wèn)題,相反我剛剛說(shuō)道的,流程之前的種種問(wèn)題才是最重要的,關(guān)于承諾,團(tuán)隊(duì)的構(gòu)建和管理,這些因素產(chǎn)生的影響更為深遠(yuǎn)。如果你清楚的知道最終要產(chǎn)出的產(chǎn)品,流程就僅僅只是手段了?!筍arah 笑著總結(jié)道。說(shuō)話間,她伸手去拿之前沒(méi)看完的文檔。「謝謝,Sarah,」Jimmy 笑道:「你好像又救了我一次?!拐f(shuō)著 Jimmy 走出了Sarah 的辦公室。

「我的門(mén)一直都敞開(kāi)著。」Sarah 低聲說(shuō)道,走遠(yuǎn)了 Jimmy 大概并沒(méi)有聽(tīng)到這句低語(yǔ)。

結(jié)語(yǔ)

在設(shè)計(jì)和開(kāi)發(fā)數(shù)字產(chǎn)品的時(shí)候,每個(gè)團(tuán)隊(duì)的負(fù)責(zé)人可以選擇自己習(xí)慣的或者自己青睞的流程和方法。使用什么樣的方法無(wú)關(guān)緊要,在未來(lái)10年,我們可能還會(huì)碰到更多的新方法,新的策略。而唯一不變的,始終還是最基本的問(wèn)題,團(tuán)隊(duì),承諾和交付。

我注意到,有人把產(chǎn)品所使用的敏捷和瀑布模型這類(lèi)流程稱(chēng)為「項(xiàng)目的上帝」。但是實(shí)際上,不管哪種流程,依然會(huì)陷入無(wú)休止的扯皮會(huì)議和無(wú)意義的辯論,出現(xiàn)了問(wèn)題之后,開(kāi)始修改時(shí)間表。「我們無(wú)法按時(shí)完成功能A,因此我們無(wú)法開(kāi)發(fā)模塊B,開(kāi)發(fā)人員又需要參與下一個(gè)項(xiàng)目,因此我們資源是不夠用的,所以呢,這個(gè)項(xiàng)目不得不停一個(gè)月?!惯@情況很常見(jiàn),也是典型的反面案例。

我相信,產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)該高度專(zhuān)注于當(dāng)前的產(chǎn)品,和其他產(chǎn)品的需求、各種無(wú)關(guān)的事務(wù)隔離開(kāi)來(lái)?!窰ey,Angela,我們的大客戶要求這個(gè)今天上線,能不能把你的項(xiàng)目放一邊,幫我們把這個(gè)產(chǎn)品弄上線?」這也是一個(gè)反面案例。拒絕。


藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 



布局怎么做到不單調(diào)而有層次?來(lái)看高手的9個(gè)技巧

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

簡(jiǎn)單布局怎么做到不單調(diào)而有層次?看看設(shè)計(jì)師 Czékmány Zoltán 的9個(gè)技巧。

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制  用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

全面易懂!寫(xiě)給新手的信息架構(gòu)設(shè)計(jì)指南

濤濤


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

很多產(chǎn)品設(shè)計(jì)師,在畫(huà)原型或者設(shè)計(jì) UI 的時(shí)候癡迷于工具的使用,拿到需求文檔之后急于動(dòng)手畫(huà)圖,忽略了信息架構(gòu)設(shè)計(jì)對(duì)于產(chǎn)品的作用。


信息架構(gòu)作為一個(gè)產(chǎn)品的骨架,是產(chǎn)品非常重要的一部分,它決定了一個(gè)產(chǎn)品

的布局和未來(lái)的發(fā)展方向以及用戶對(duì)一個(gè)產(chǎn)品的最初印象和整體體驗(yàn)。毫不夸張的說(shuō),好的產(chǎn)品信息架構(gòu)是產(chǎn)品成功的一半。

那么到底什么是產(chǎn)品的信息架構(gòu)呢?該如何設(shè)計(jì)產(chǎn)品的信息架構(gòu)?如何評(píng)判一個(gè)產(chǎn)品信息架構(gòu)的好壞?我們接著往下看:

一、信息架構(gòu)的概念

讓我們來(lái)看一個(gè)例子:

一個(gè)飯店需要有哪些設(shè)施,如果你是飯店的老板如何合理的排布這些設(shè)施,可以讓客戶感覺(jué)很舒服的用餐,這個(gè)過(guò)程就是一個(gè)信息架構(gòu)的過(guò)程。他可以讓客戶對(duì)你的飯店產(chǎn)生好感,從而下次用餐的時(shí)候還會(huì)想到來(lái)你這里吃飯。

在排布飯店設(shè)施的過(guò)程中我們要遵循一些規(guī)范,比如用戶的習(xí)慣或者施工規(guī)范等,正是因?yàn)樾枰裱@些規(guī)范,所以我們需要一個(gè)信息架構(gòu)來(lái)體現(xiàn)這些。

比較官方的信息架構(gòu)解釋是這樣的:信息架構(gòu)設(shè)計(jì)是對(duì)信息進(jìn)行結(jié)構(gòu)、組織以及歸類(lèi)的設(shè)計(jì),好讓使用者與用戶容易使用與理解的一項(xiàng)藝術(shù)與科學(xué)。

簡(jiǎn)單來(lái)說(shuō),信息架構(gòu)設(shè)計(jì)就是讓用戶可以 容易地理解你的產(chǎn)品是怎樣的。讓他們?cè)谑褂媚惝a(chǎn)品的時(shí)候可以更順利更自然。就像一進(jìn)入飯店就會(huì)有一種感覺(jué),門(mén)口是等餐的地方,進(jìn)去就應(yīng)該吃飯,如果找洗手間一定不會(huì)往門(mén)口走,而會(huì)往深處走。這就是信息架構(gòu)的好處:他讓用戶使用同類(lèi)產(chǎn)品時(shí)更容易上手和理解,讓產(chǎn)品更容易被接受。

二、為何需要信息架構(gòu)設(shè)計(jì)

那對(duì)于線上產(chǎn)品來(lái)說(shuō)為什么需要合理的信息架構(gòu)呢?大家來(lái)看下邊3組 app 的 tab欄截圖。你能僅僅從 tab欄就看出這款 app 是什么類(lèi)型的 app,如何使用嗎?

很明顯的,第一個(gè)是一款購(gòu)物類(lèi) app,第二個(gè)是一款圖片社交類(lèi)的 app,第三個(gè)是微信的 tab,雖然首頁(yè)名稱(chēng)是微信,但是我相信如果把名稱(chēng)換成「聊天」,你還是能認(rèn)出這是微信的 tab欄。

從底部標(biāo)簽欄就可以大致看出產(chǎn)品是用來(lái)干嘛的,這就是信息架構(gòu)的作用。一個(gè)合理的信息架構(gòu)可以讓產(chǎn)品非常容易被用戶理解,可以讓用戶第一眼對(duì)產(chǎn)品有一個(gè)簡(jiǎn)單的認(rèn)知,指導(dǎo)自己可以用產(chǎn)品做什么事,指導(dǎo)產(chǎn)品提供什么服務(wù)。

再看一組反例:

這三組 tab欄就讓人很困惑了,看了半天你也許根本不知道這幾款 app 是做什么用的,以及如何使用。如果你讓用戶很困惑,他會(huì)分分鐘拋棄你的 app。

所以信息架構(gòu)的核心目標(biāo)是為用戶提供更好的體驗(yàn),獲得更高的留存率。

一款信息架構(gòu)良好的產(chǎn)品必然遵循以下兩個(gè)標(biāo)準(zhǔn):

  • 讓用戶打開(kāi) app 的第一秒就知道這是一款什么 app,怎么用;
  • 用戶想要使用某一功能時(shí),能夠第一時(shí)間找到。

我們通過(guò)這兩個(gè)標(biāo)準(zhǔn)來(lái)印證下上邊3個(gè)正面案例的信息架構(gòu):

相信你能很快速的識(shí)別出這款軟件的用途和用法,這就給提升留存提供了基礎(chǔ)。

那么如果信息架構(gòu)像架構(gòu)一個(gè)飯店一樣簡(jiǎn)單,那么信息架構(gòu)為何需要設(shè)計(jì)?

因?yàn)槟愕膶?shí)際產(chǎn)品功能可能有這么多:

畢竟我們不是支付寶,沒(méi)辦法把功能像豆腐塊一樣堆疊起來(lái),我們需要一些科學(xué)的設(shè)計(jì)方法。

三、如何設(shè)計(jì)信息架構(gòu)

合理的信息架構(gòu)設(shè)計(jì)需要考慮5個(gè)步驟:

下面我來(lái)分步講解一下。

1. 了解用戶,場(chǎng)景,習(xí)慣

首先你的產(chǎn)品是給到用戶用,你當(dāng)然要最大限度的了解你的用戶,我們先來(lái)看下一個(gè)概念:「心智模型」。

心智模型是經(jīng)由經(jīng)驗(yàn)及學(xué)習(xí),腦海中對(duì)某些事物發(fā)展的過(guò)程,所寫(xiě)下的劇本。人類(lèi)在經(jīng)歷或?qū)W習(xí)某些事件之后,會(huì)對(duì)事物的發(fā)展及變化,歸納出一些結(jié)論,然后像是寫(xiě)劇本一樣,把這些經(jīng)驗(yàn)濃縮成一本一本的劇本,等到重復(fù)或類(lèi)似的事情再度發(fā)生,我們便不自覺(jué)的應(yīng)用這些先前寫(xiě)好的劇本,來(lái)預(yù)測(cè)事物的發(fā)展變化。心智模型是你對(duì)事物運(yùn)行發(fā)展的預(yù)測(cè)。再說(shuō)得清楚一點(diǎn),你「希望」事物將如何發(fā)展,并不是心智模型,但你「認(rèn)為」事物將如何發(fā)展,就是你的心智模型了。

假設(shè)你從沒(méi)見(jiàn)過(guò) iPad,而我剛遞給你一臺(tái)并告訴你可以用它來(lái)看書(shū)。在你打開(kāi) iPad 使用它之前,你頭腦里會(huì)有一個(gè)在 iPad 上如何閱讀的模型。你會(huì)假想書(shū)在 iPad 屏幕上是怎樣的,你可以做什么事情,比如翻頁(yè)或使用書(shū)簽,以及這些事情的大致做法。即使你以前從沒(méi)有使用過(guò) iPad,你也有一個(gè)用 iPad 看書(shū)的「心智模型」。你頭腦里的心智模型的樣式和運(yùn)作方式取決于很多因素。

用戶往往帶著以往使用 APP 的一些習(xí)慣來(lái)使用產(chǎn)品;線下做同一件事的習(xí)慣、生活習(xí)慣、心智模型等。要考慮哪些是可以創(chuàng)新的,哪些是用戶習(xí)慣,要在不妨礙用戶習(xí)慣的情況下作出更能讓用戶接受的創(chuàng)新。

你要考慮清楚4個(gè)問(wèn)題:

用戶通常用你的產(chǎn)品做什么?

用戶用你的產(chǎn)品來(lái)做什么?用來(lái)看新聞還是用來(lái)聊天?一定要考慮清楚用戶的核心流程。從核心流程中提取信息架構(gòu)的基礎(chǔ)形式。

用戶用這類(lèi)產(chǎn)品最關(guān)心什么?

用新聞app 時(shí)咨詢的真實(shí)性實(shí)效性,購(gòu)物類(lèi)app 精準(zhǔn)搜索和售后功能,就是你的用戶關(guān)注點(diǎn)在哪里,這是一個(gè)很好的突破口。

用戶有哪些思維定式?

和用戶年齡身份相關(guān)的屬性,產(chǎn)品體驗(yàn)符合相應(yīng)用戶的思維模式,心智模型,用戶就會(huì)比較容易接受。

用戶用什么類(lèi)似的產(chǎn)品?

類(lèi)似的產(chǎn)品也會(huì)帶來(lái)一些用戶習(xí)慣,迎合這些習(xí)慣也會(huì)讓用戶快速上手接受產(chǎn)品。

了解了你的用戶場(chǎng)景和使用習(xí)慣之后你會(huì)知道如何做出符合用戶心智的,容易被接受的產(chǎn)品,你不需要擔(dān)心做的產(chǎn)品沒(méi)有差異性或者沒(méi)有競(jìng)爭(zhēng)力,我們可以在核心流程之外做出創(chuàng)新點(diǎn),讓用戶覺(jué)得你的產(chǎn)品又好用又有些不一樣。

2. 了解業(yè)務(wù)

這里的業(yè)務(wù)包括與產(chǎn)品接觸的內(nèi)部及外部的人提出的需求,比如公司的運(yùn)營(yíng),市場(chǎng),銷(xiāo)售,BD,公司的外部合作伙伴等。

這些人的需求我們也要收集,比如運(yùn)營(yíng)人員想更方便的管理注冊(cè)用戶,銷(xiāo)售想更多的添加廣告位,市場(chǎng)推廣人員要求能統(tǒng)計(jì)不同渠道帶來(lái)產(chǎn)品的下載量,注冊(cè)數(shù),活躍數(shù),合作伙伴需要進(jìn)行賬號(hào),內(nèi)容互通等,總之只要與業(yè)務(wù)有關(guān)的人的意見(jiàn),盡可能的在產(chǎn)品設(shè)計(jì)前多收集,即使做不了,也告訴他們?cè)?,要不然產(chǎn)品上線后就等著被他們吐槽吧。

3. 調(diào)研競(jìng)品的信息架構(gòu)

在做一款 app 時(shí),我們面臨了和無(wú)數(shù)競(jìng)品爭(zhēng)搶用戶的局面,這時(shí)候分析競(jìng)品就非常必要,我們需要在知己知彼的前提下,做好核心流程功能,再思考如何在差異功能上做好突破。

首先我們需要把競(jìng)品功能梳理成思維導(dǎo)圖:

其實(shí)思維導(dǎo)圖就是信息架構(gòu)比較基礎(chǔ)的形式了,但是光有思維導(dǎo)圖沒(méi)用,我們需要對(duì)思維導(dǎo)圖進(jìn)行分析。

我以前做過(guò)的一款人脈 app 為例,當(dāng)初對(duì)比了領(lǐng)英、赤兔和脈脈,分析了這4款 app 的思維導(dǎo)圖后得出的共性和差異點(diǎn):

共性就是要符合用戶使用習(xí)慣的地方,如果你調(diào)研的3-5個(gè)產(chǎn)品都這么做了,很可能這里是產(chǎn)生用戶習(xí)慣的地方,是我們需要去遵循的,這是獲得用戶好感度的基礎(chǔ)。

分析產(chǎn)品時(shí)你一定也會(huì)得出一些產(chǎn)品差異的地方,而這些差異就是你的產(chǎn)品競(jìng)爭(zhēng)點(diǎn),也是別人用你的 app 不用其他 app 的理由。比如人脈軟件都會(huì)有社交相關(guān)的功能,但是脈脈會(huì)比較注重職場(chǎng)招聘、直播等互聯(lián)網(wǎng)職場(chǎng)人比較關(guān)心的點(diǎn),這樣對(duì)應(yīng)的用戶群體就比較會(huì)吃你這套,會(huì)提升用戶的粘性。

相信你在梳理了競(jìng)品的信息架構(gòu),總結(jié)了共性和差異點(diǎn)之后對(duì)產(chǎn)品的信息架構(gòu)已經(jīng)有一個(gè)比較清晰的認(rèn)知了,在做自己產(chǎn)品信息架構(gòu)的時(shí)候也會(huì)更胸有成竹。但是最后還有一件事我們可以做,就是對(duì)我們的要做的產(chǎn)品功能做卡片分類(lèi)。

4. 卡片分類(lèi)

卡片分類(lèi)法是我們工作中常用到的一種方法,它可以在用戶側(cè)再一次印證和檢測(cè)我們的產(chǎn)品信息架構(gòu)。

卡片分類(lèi)法就是讓用戶對(duì)功能卡片進(jìn)行分類(lèi),組織,并給相關(guān)功能的集合重新定義名稱(chēng)的一種自下而上的整理方法。

說(shuō)直白點(diǎn)就是準(zhǔn)備一堆卡片,在這些卡片上寫(xiě)上你所需要包含的功能名稱(chēng),然后給到用戶側(cè),讓用戶進(jìn)行分類(lèi),讓用戶進(jìn)行組織,來(lái)了解用戶到底覺(jué)得這些功能應(yīng)該怎么合并怎么歸類(lèi)的一種方法。它可以幫助你站在用戶角度去了解用戶是怎么認(rèn)定這些功能的,也可以在卡片分類(lèi)法的過(guò)程中更加了解用戶是怎么想的。

卡片分類(lèi)法大概的步驟和注意點(diǎn)是這樣的:

卡片分類(lèi)法最終會(huì)產(chǎn)出這樣的一個(gè)樹(shù)形圖:

5. 產(chǎn)出信息架構(gòu)

其實(shí)到這一步信息架構(gòu)大概的雛形已經(jīng)有了,你可以用 axure 或者類(lèi)似 mindnode 的軟件把信息架構(gòu)梳理出來(lái)。

接下來(lái)你要對(duì)信息架構(gòu)進(jìn)行重要性分級(jí),這樣在產(chǎn)品開(kāi)發(fā)的前期可以幫助梳理產(chǎn)品研發(fā)的優(yōu)先級(jí),集中精力解決用戶的最大痛點(diǎn)。在產(chǎn)出頁(yè)面時(shí)也可以更好的把控頁(yè)面元素的大小層級(jí),位置關(guān)系等。

最后你需要注意層和度的平衡:層一般不超過(guò)5層,超過(guò)操作困難。度過(guò)多會(huì)讓用戶認(rèn)知成本增加,容易找不到想找的內(nèi)容。這里的度指的是同一頁(yè)面展示的信息量。


藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。


3個(gè)步驟,讓你把握設(shè)計(jì)切入點(diǎn)

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

如何從眾多的設(shè)計(jì)點(diǎn)中找到一個(gè)清晰的設(shè)計(jì)主線呢?只需從3個(gè)方面切入。

小明的設(shè)計(jì)故事:身為設(shè)計(jì)師的小明,剛剛遇到下發(fā)的設(shè)計(jì)需求,看了半天需求,無(wú)從下手。于是瘋狂尋找競(jìng)品去借鑒,去素材網(wǎng)站尋找素材拼湊。

如果在設(shè)計(jì)工作中遇到與小明相同的情況:沒(méi)有設(shè)計(jì)頭緒,大腦一片空白,畫(huà)著不一定能過(guò)審的草稿時(shí),請(qǐng)繼續(xù)閱讀下面的文章,希望大家能從作者的設(shè)計(jì)總結(jié)中有所啟發(fā)。

目錄:

  • 從業(yè)務(wù)目標(biāo)切入
  • 從用戶行為切入
  • 從設(shè)計(jì)方法上切入

什么是設(shè)計(jì)點(diǎn)?

設(shè)計(jì)點(diǎn)是設(shè)計(jì)師通過(guò)設(shè)計(jì)手段介入設(shè)計(jì)任務(wù)的一個(gè)節(jié)點(diǎn),比如:設(shè)計(jì)目標(biāo) 、設(shè)計(jì)風(fēng)格 、用戶行為 、用戶情緒 、信息表達(dá)等都是設(shè)計(jì)的切入點(diǎn),設(shè)計(jì)點(diǎn)能夠影響設(shè)計(jì)的風(fēng)格走向和設(shè)計(jì)師的創(chuàng)作思路。

那如何從眾多的設(shè)計(jì)點(diǎn)中找到一個(gè)清晰的設(shè)計(jì)主線呢?只需從3個(gè)方面切入。

一、從業(yè)務(wù)目標(biāo)來(lái)切入:曬講義案例

下圖是阿里巴巴UED 的設(shè)計(jì)理論,同程序員提倡的「不造重復(fù)的輪子」一樣,設(shè)計(jì)理論也沒(méi)有必要去反復(fù)總結(jié)類(lèi)似的。目前阿里的這個(gè)設(shè)計(jì)理論,很好的支持了包含大型項(xiàng)目到中型項(xiàng)目的各個(gè)環(huán)節(jié),易于理解,且和我們的工作認(rèn)知貼近,是一個(gè)很好的入門(mén)方法。

我們通過(guò)定義業(yè)務(wù)目標(biāo)和聚焦設(shè)計(jì)目標(biāo),來(lái)最終實(shí)現(xiàn)設(shè)計(jì)的產(chǎn)出。

下圖是平臺(tái)營(yíng)銷(xiāo)活動(dòng)的設(shè)計(jì)5個(gè)要義,其核心也是業(yè)務(wù)目標(biāo)。

通過(guò)幾個(gè)的設(shè)計(jì)方法的展示,我們可以看出,處于上游業(yè)務(wù)目標(biāo)的重要性。

只有業(yè)務(wù)目標(biāo)和設(shè)計(jì)目標(biāo)一致的時(shí)候,我們的設(shè)計(jì)工作才有意義。當(dāng)我們?cè)u(píng)判我們的設(shè)計(jì)結(jié)果時(shí),除了設(shè)計(jì)的數(shù)據(jù)指標(biāo)外,能快速判斷設(shè)計(jì)方案比迭代之前更優(yōu)的指標(biāo)就是是否符合業(yè)務(wù)目標(biāo),是否更貼近用戶的訴求。

1. 切入模型

根據(jù)工具模型我們從業(yè)務(wù)目標(biāo)出發(fā),去定義設(shè)計(jì)目標(biāo)從而得出設(shè)計(jì)方向。

2. 明確業(yè)務(wù)訴求

3. 得出業(yè)務(wù)目標(biāo)

用分享講義的策略給用戶帶來(lái)學(xué)習(xí)交流機(jī)會(huì)和學(xué)習(xí)成就感,達(dá)到拉新和活躍用戶目的。

4. 視覺(jué)推導(dǎo)

5. 案例

二、從用戶行為切入

視覺(jué)設(shè)計(jì)師,尤其是運(yùn)營(yíng)設(shè)計(jì)師一定要具有交互思維,作為全鏈路設(shè)計(jì)目標(biāo)的我們,掌握交互思維,能更好的理解產(chǎn)品文檔和規(guī)避更多的設(shè)計(jì)錯(cuò)誤,從而準(zhǔn)確引導(dǎo)用戶操作路徑。

方法:了解頁(yè)面中的功能交互流程,梳理用戶操作行為路徑,可以對(duì)行為步驟中的信息內(nèi)容進(jìn)行歸類(lèi)分組提供依據(jù)。

切入模型:

三、從設(shè)計(jì)方法上切入

常見(jiàn)的方法有:情感化、原子化、組件化、游戲化等等。

方法:分解設(shè)計(jì)需求,歸納設(shè)計(jì)模塊,運(yùn)用已知的設(shè)計(jì)類(lèi)型進(jìn)行視覺(jué)化設(shè)計(jì)。

1. 提取儀式感設(shè)計(jì)點(diǎn)-曬成績(jī)項(xiàng)目

儀式感的作用:通過(guò)用戶在體驗(yàn)過(guò)程中由產(chǎn)品功能實(shí)現(xiàn)—交互操作—體驗(yàn)心理變化建立,形成對(duì)價(jià)值觀的建立,是給用戶帶來(lái)更高層次的享受。

從四個(gè)層面理解儀式感:權(quán)威感、尊重存在感、期待感、榮譽(yù)感的意義。通過(guò)分解設(shè)計(jì)內(nèi)容來(lái)發(fā)現(xiàn)機(jī)會(huì)點(diǎn),插入儀式感設(shè)計(jì)方法。

視覺(jué)推導(dǎo):

案例:

2. 提取情感化設(shè)計(jì)點(diǎn)

情感化設(shè)計(jì)3要素:

案例:

3. 提取游戲化設(shè)計(jì)點(diǎn)

將游戲機(jī)制運(yùn)用于非游戲場(chǎng)景。比如:要想鼓勵(lì)用戶多參與交互,你可以在 APP 加入「挑戰(zhàn)」這類(lèi)的游戲元素,用戶可以參與挑戰(zhàn),通過(guò)連續(xù)抽獎(jiǎng),并獲得相應(yīng)獎(jiǎng)賞,從而達(dá)到預(yù)期目的。

案例:

尋找設(shè)計(jì)點(diǎn)就是拆解與分析的過(guò)程。

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制  用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

如何快速制作一款有個(gè)人風(fēng)格的字體?來(lái)看阿里設(shè)計(jì)師的方法!

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

專(zhuān)注于做好一件小事,哪怕是做不好也用心去做,小到搭建一個(gè)精美的網(wǎng)格系統(tǒng),做好一個(gè)字體的拐角……先看一下我的往期設(shè)計(jì)案例。

如何從無(wú)到有設(shè)計(jì)一款字體

對(duì)于很多剛接觸字體設(shè)計(jì)的同學(xué)經(jīng)常會(huì)遇到一種情況那就是想法高大上,結(jié)果很悲傷,為什么會(huì)造成這樣的結(jié)果?歸根結(jié)底是對(duì)字體設(shè)計(jì)本身了解還不夠細(xì)致就照葫蘆畫(huà)瓢直接上,為了避免這種尷尬的結(jié)果,我們應(yīng)該在開(kāi)始著手做字體之前要做好各項(xiàng)準(zhǔn)備工作,不斷去瀏覽優(yōu)秀的字體設(shè)計(jì)從中尋找設(shè)計(jì)的感覺(jué),確定感覺(jué)后建立網(wǎng)格系統(tǒng),開(kāi)始逐步設(shè)計(jì)字體。我在做字體設(shè)計(jì)的時(shí)候會(huì)把握幾個(gè)步驟「建網(wǎng)格」——「選字體」——「拆字體」——「繪筆畫(huà)」——「綁骨架」——「粗與細(xì)」——「取與舍」——「磨細(xì)節(jié)」——「去感受」。

下面我們就以大家最常見(jiàn)的矩陣字體為例來(lái)給大家分享如何制作字體。

1. 建網(wǎng)格

建立網(wǎng)格系統(tǒng),萬(wàn)丈高樓平地起,要做一款扎實(shí)的字體離不開(kāi)網(wǎng)格系統(tǒng)的規(guī)范。

2. 拆字體

以「燃」為例——選取一個(gè)默認(rèn)字體,按照字體結(jié)構(gòu)對(duì)筆畫(huà)進(jìn)行拆分。

3. 繪筆畫(huà)

將拆分出的筆畫(huà)用橫線和豎線在網(wǎng)格系統(tǒng)里進(jìn)行筆畫(huà)重繪,此時(shí)不要做細(xì)節(jié),撇、捺和點(diǎn)根據(jù)自身走向和結(jié)構(gòu)特點(diǎn)也歸屬為橫豎線。

4. 綁骨架

拆分繪制的字體筆畫(huà)就是字體的骨骼,筆畫(huà)間的連接處可以理解成是人體的關(guān)節(jié),關(guān)節(jié)的意義在于保證字體穩(wěn)固的同時(shí)又靈活多變,字體的筆畫(huà)可以根據(jù)視覺(jué)需要圍繞關(guān)節(jié)在一定范圍內(nèi)做活動(dòng),也可調(diào)整長(zhǎng)短比例。

5. 粗與細(xì)

筆畫(huà)的粗細(xì)與硬度由你想要的字體氣質(zhì)來(lái)決定,細(xì)筆畫(huà)與曲筆畫(huà)柔美氣質(zhì),粗筆畫(huà)與直筆畫(huà)沉穩(wěn)大氣,雖說(shuō)設(shè)計(jì)是一種感覺(jué),但是這種感覺(jué)對(duì)于初學(xué)者來(lái)說(shuō)很難把控,所以跟大家共享一下常用的幾種筆畫(huà)的粗細(xì),在1000PX*1000PX畫(huà)板里采用6px,10px和20px為基礎(chǔ)筆畫(huà)粗細(xì),根據(jù)想要的業(yè)務(wù)氣質(zhì)選取即可。

6. 解與構(gòu)

常見(jiàn)的字體結(jié)構(gòu)有「上下結(jié)構(gòu)」「上中下結(jié)構(gòu)」「左右結(jié)構(gòu)」「左中右結(jié)構(gòu)」「半包圍結(jié)構(gòu)」和「全包圍結(jié)構(gòu)」。其中「上下結(jié)構(gòu)」中著重強(qiáng)調(diào)占比較小的那部分筆畫(huà),進(jìn)而達(dá)到字體本身的平衡,例如「感」字著重設(shè)計(jì)心字;「上中下結(jié)構(gòu)」中一般會(huì)在不影響識(shí)別性的前提下去掉中間部分橫行筆畫(huà),進(jìn)而達(dá)到字體本身的平衡,例如「享」字著重設(shè)計(jì)口字;左中右結(jié)構(gòu)中在不影響識(shí)別性的前提下會(huì)簡(jiǎn)化左邊部分筆畫(huà),進(jìn)而達(dá)到字體本身的平衡,例如「燃」字著重設(shè)計(jì)火字。

7. 取與舍

筆畫(huà)變粗后整個(gè)字體筆畫(huà)間的空間比例會(huì)受到一定影響,因此為了字體的美觀度和透氣性我們會(huì)對(duì)字體結(jié)構(gòu)進(jìn)行一些取舍和整合。

8. 磨細(xì)節(jié)

為了讓字體看起來(lái)更加舒適,我們將字體的拐角做圓,做圓角的同時(shí)也要根據(jù)網(wǎng)格系統(tǒng)來(lái)調(diào)整圓的度數(shù)。

9. 去感受

打磨整體字體,繼續(xù)刻畫(huà)細(xì)節(jié)。

注意:在一組字里,每個(gè)單字的結(jié)構(gòu)都存在差異,適當(dāng)調(diào)整字體內(nèi)部的比例,形成感官上舒適的筆勢(shì),對(duì)保持視覺(jué)上大小一致很重要。漢字字體類(lèi)型繁多,但是如果我們用幾何法則來(lái)劃分字體類(lèi)型其實(shí)大致可以歸納為三種:方形,圓形和三角形,從面積上來(lái)看方形和圓形的面積最大,三角形次之,所以我們?yōu)榱吮3肿种卮笮〉囊恢滦孕枰{(diào)整他們之間的大小比例,做到大小均勻,筆畫(huà)一致,結(jié)構(gòu)嚴(yán)謹(jǐn)和間隙適中。

△ 圖源:ElethomHunter

為了拉出字體的氣質(zhì),一般會(huì)把字體做的稍微偏瘦長(zhǎng)一些。

字體設(shè)計(jì)的手段是多種多樣的,每個(gè)設(shè)計(jì)師都有自己擅長(zhǎng)的切入點(diǎn),最后的結(jié)果是自己想要的就好。上述的分享希望能給字體設(shè)計(jì)初學(xué)者一點(diǎn)幫助,也歡迎各位同行大神交流切磋。

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如何讓界面任務(wù)流程更清晰 ?向?qū)皆O(shè)計(jì)了解下

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

向?qū)皆O(shè)計(jì)屬于交互設(shè)計(jì)的常識(shí),包括步驟條設(shè)計(jì),引導(dǎo)標(biāo)簽等。本文從向?qū)皆O(shè)計(jì)的作用、使用場(chǎng)景、設(shè)計(jì)類(lèi)型、需要注意的問(wèn)題等,給你帶來(lái)全面的基礎(chǔ)科普。

一、向?qū)皆O(shè)計(jì)是什么?

軟件界面設(shè)計(jì)中的「向?qū)浇缑妗惯@個(gè)術(shù)語(yǔ)源自英語(yǔ)中的「Wizard」一詞。意思為「男巫、奇才」的意思;延伸意為「向?qū)А?。向?qū)В櫭剂x,就是能帶領(lǐng)或指引別人到達(dá)目的地的人。在實(shí)際使用中,這種交互方式的確像一個(gè)向?qū)б粯樱徊讲降匾I(lǐng)用戶向前,把復(fù)雜的任務(wù)進(jìn)行拆解并有步驟地完成。

向?qū)皆O(shè)計(jì)也是流程設(shè)計(jì)的一種方式,這種方式通常目的性明確。在很多商業(yè)領(lǐng)域使用非常廣泛,比如購(gòu)物,酒店預(yù)訂,銀行業(yè)務(wù)等等,尤其適合新用戶第一次體驗(yàn)產(chǎn)品時(shí)使用,讓用戶對(duì)產(chǎn)品使用和任務(wù)快速上手,節(jié)約時(shí)間,提升效率。

二、向?qū)皆O(shè)計(jì)的主要作用

1. 引導(dǎo)新手操作

讓新用戶在最短的時(shí)間內(nèi)了解產(chǎn)品/任務(wù),明白如何快速上手使用。

2. 縱觀信息全局

讓用戶操作時(shí)對(duì)整體流程可控,心里有底,可以提前預(yù)估操作/完成時(shí)間。

3. 簡(jiǎn)化操作任務(wù)

對(duì)復(fù)雜任務(wù)進(jìn)行拆解,提升用戶操作的效率,同時(shí)也降低出錯(cuò)率。

4. 較少操作決策

固定任務(wù)操作路徑,節(jié)約用戶思考&做操作決策時(shí)間,快速完成任務(wù)。

三、向?qū)皆O(shè)計(jì)的使用場(chǎng)景

一般情況下,標(biāo)準(zhǔn)向?qū)Р襟E條的使用場(chǎng)景為:2-5 步比較合適。< 2 步,> 10步,使用是不合適的。因?yàn)?< 2 步?jīng)]必要;> 10 步太夸張,會(huì)嚇到用戶,本能認(rèn)為你的產(chǎn)品使用過(guò)于繁瑣,拒絕嘗試和使用。

四、向?qū)皆O(shè)計(jì)的類(lèi)型

  • 手風(fēng)琴向?qū)?
  • 標(biāo)準(zhǔn)向?qū)?
  • 橫向標(biāo)準(zhǔn)向?qū)?
  • 縱向標(biāo)準(zhǔn)向?qū)?
  • 彈框向?qū)?
  • Tab 欄向?qū)?
  • 標(biāo)簽向?qū)?

五、向?qū)гO(shè)計(jì)類(lèi)型案例場(chǎng)景分析

1. 手風(fēng)琴向?qū)?/strong>

手風(fēng)琴向?qū)皆O(shè)計(jì)類(lèi)型,一般適用于 2B 類(lèi)后臺(tái)業(yè)務(wù)數(shù)據(jù)較多,任務(wù)指向性相對(duì)明確,流程基本固定。例如用戶幫助文檔以及 Q&A 的場(chǎng)景; PC 端頁(yè)面的注冊(cè)引導(dǎo);電商網(wǎng)站的購(gòu)物支付等流程。

手風(fēng)琴向?qū)?,除了可滿足任務(wù)引導(dǎo),步驟拆解,直觀展示等作用;更主要的是能對(duì)大量的數(shù)據(jù)信息進(jìn)行收納整理,凸顯信息層級(jí)的清晰度,并在收納信息的同時(shí)節(jié)約頁(yè)面空間,讓頁(yè)面更有節(jié)奏和呼吸感。

2. 標(biāo)準(zhǔn)向?qū)?– 橫向向?qū)?/strong>

橫向標(biāo)準(zhǔn)向?qū)б部梢苑Q(chēng)為橫向步驟條,這樣表述大家比較容易理解。此類(lèi)向?qū)皆O(shè)計(jì)是大家最常見(jiàn)的,也是最常規(guī)的一種橫向向?qū)У脑O(shè)計(jì),主要作用是對(duì)復(fù)雜的任務(wù)進(jìn)行拆解,按照固定順序明確步驟,讓用戶對(duì)即將要操作的任務(wù)時(shí)間和內(nèi)容有一個(gè)可控的心理預(yù)期。一般用戶可以一目了然總覽共有幾步,目前每個(gè)步驟的狀態(tài)(例如已完成/進(jìn)行中/未開(kāi)始),和自己當(dāng)前的操作位置。

目前很多行業(yè)內(nèi)的組件庫(kù)對(duì)橫向步驟條的 UI 設(shè)計(jì)基本都采用以下表現(xiàn)形式(圖片來(lái)源 阿里巴巴 TXD-AISC 組件庫(kù)),只是在細(xì)節(jié)上有稍許的差異。

具體差異主要表現(xiàn)在狀態(tài)色彩的使用和上下圖文的布局中。例如阿里-螞蟻金服的 Ant Design 橫向步驟條的設(shè)計(jì)圖文布局為左圖右文,這樣設(shè)計(jì)的好處是,如果流程步驟相對(duì)較少時(shí),文字也可作橫向指向的一部分,避免頁(yè)面太過(guò)空曠。同時(shí) Ant Design 對(duì)步驟條的使用場(chǎng)景做了更多細(xì)分,除了簡(jiǎn)單的步驟條,還有迷你版和帶圖標(biāo)的步驟條。

除了上面標(biāo)準(zhǔn)的組件庫(kù)中常有的步驟條樣式,還有以下的常用樣式,例如電商類(lèi)購(gòu)物和支付的場(chǎng)景,除了對(duì)已完成的狀態(tài)進(jìn)行確認(rèn)顯示,色塊箭頭的設(shè)計(jì),向?qū)е敢愿鼜?qiáng)。

類(lèi)似上一個(gè)案例的 UI 美化升級(jí)版,其實(shí)功能原理都是相通的。

除了上面相對(duì)比較簡(jiǎn)單場(chǎng)景的步驟條,其實(shí)在 2B 業(yè)務(wù)中還有相對(duì)比較復(fù)雜的步驟條的設(shè)計(jì),具體對(duì)應(yīng)的是復(fù)雜的業(yè)務(wù)場(chǎng)景,例如覆蓋多產(chǎn)品線參與,多角色審批,包含父子步驟審批的業(yè)務(wù)場(chǎng)景,簡(jiǎn)單常規(guī)的標(biāo)準(zhǔn)向?qū)皆O(shè)計(jì)是不能夠滿足業(yè)務(wù)場(chǎng)景的,需要對(duì)簡(jiǎn)化版的橫向向?qū)Ю^續(xù)深入拓展和優(yōu)化。

上面兩種普通常見(jiàn)的橫向向?qū)讲襟E條,業(yè)務(wù)場(chǎng)景相對(duì)更偏向 2B 中后臺(tái),風(fēng)格相對(duì)保守和嚴(yán)謹(jǐn)。其實(shí)網(wǎng)上還有很多設(shè)計(jì)感和趣味性較強(qiáng)的步驟條設(shè)計(jì),UI 風(fēng)格創(chuàng)意十足,但原理都是相通的,具體 UI 樣式詳解就不再贅述。可參考作者的設(shè)計(jì)板。整體資料 UI 風(fēng)格如下:

3. 標(biāo)準(zhǔn)向?qū)?– 縱向向?qū)?/strong>

縱向標(biāo)準(zhǔn)向?qū)б部煞Q(chēng)為縱向步驟條向?qū)В饕褂脠?chǎng)景為內(nèi)容數(shù)據(jù)較多,需要分頁(yè)/板塊展現(xiàn)的場(chǎng)景,B端業(yè)務(wù)使用的場(chǎng)景較多;縱向向?qū)гO(shè)計(jì)陳列在左側(cè)的目的也為了能對(duì)大量數(shù)據(jù)進(jìn)行快速篩選和定位,同時(shí)此類(lèi)數(shù)據(jù)之間無(wú)需進(jìn)行對(duì)比查看,如下圖:

4. 彈出框向?qū)?/strong>

彈出框向?qū)гO(shè)計(jì)主要使用的場(chǎng)景為注冊(cè)頁(yè)/登錄頁(yè)/輕量任務(wù)操作頁(yè),都在彈出框內(nèi),步驟較少,能夠快速完成。如下圖:

5. Tab 欄向?qū)?/strong>

Tab 欄向?qū)鋵?shí)是Tab欄+步驟條元素,組建成的一個(gè)新的橫向向?qū)J?,它的主要使用?chǎng)景相對(duì)來(lái)說(shuō)比較靈活,可以用在登錄和注冊(cè)頁(yè)等輕量頁(yè)面場(chǎng)景中,也可用在有固定任務(wù)流程的詳情頁(yè)面中,不過(guò)一般 PC 端的詳情頁(yè)會(huì)采用單獨(dú)的 Tab 和步驟條展示,為讓信息層級(jí)更清晰明確。

6. 標(biāo)簽向?qū)?/strong>

標(biāo)簽性向?qū)гO(shè)計(jì)主要使用在移動(dòng)端居多,較少標(biāo)明固定的操作順序,但是基本的操作路徑有一定的秩序在,主要使用的場(chǎng)景是對(duì)特定事物進(jìn)行快速引導(dǎo)定位和查找,在眾多商品類(lèi)目中,快速找到自己需要的。例如瀏覽器的搜索和電商平臺(tái)的商品分類(lèi)檢索,還有外賣(mài)類(lèi)和旅行類(lèi)對(duì)食物以及景點(diǎn)的查找中,都常常會(huì)用到標(biāo)簽向?qū)В?

六、向?qū)гO(shè)計(jì)中需要注意的問(wèn)題

任務(wù)流程本身并不復(fù)雜的時(shí)候,盡量不要使用,避免弄巧成拙,畫(huà)蛇添足;

每一步驟都需定義清楚,明確用戶當(dāng)前所在的進(jìn)度節(jié)點(diǎn),清晰展現(xiàn)此刻具體步驟及狀態(tài);

顏色不要亂用,避免產(chǎn)生寓意分歧和過(guò)度設(shè)計(jì),一般情況下「已完成」采用藍(lán)色/綠色都可以,但是需標(biāo)注「已完成」 icon,「進(jìn)行中」為藍(lán)色高亮,「未開(kāi)始」置灰;不過(guò)也可根據(jù)品牌色做出對(duì)應(yīng)調(diào)整,避免采用太多顏色,讓用戶感覺(jué)眼花繚亂,不知所措;

及時(shí)對(duì)狀態(tài)進(jìn)行追蹤&反饋,避免用戶不知道自己操作是否生效,混淆認(rèn)知;

任何向?qū)гO(shè)計(jì)中最好是提供隨時(shí)撤銷(xiāo)的選項(xiàng),讓誤操作有可逆場(chǎng)景,給任何誤操作提供返回和修改的機(jī)會(huì)。

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

比爾晴還煩人!用戶最討厭的三種UI設(shè)計(jì)方式

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


閱讀之前,溫馨提示下,文中提到的 UI設(shè)計(jì)方式不一定有對(duì)錯(cuò),如果使用得當(dāng),它們都有很大的可能性。

一、彈窗

也許你會(huì)知道這種感覺(jué),當(dāng)你打開(kāi)一個(gè)新的網(wǎng)頁(yè),閱讀到一半時(shí),突然被一個(gè)巨大的浮層打斷,要求填寫(xiě)電子郵箱。大多數(shù)人第一反應(yīng)是關(guān)閉彈窗或關(guān)閉整個(gè)網(wǎng)頁(yè)。

這么多網(wǎng)站都會(huì)使用這種方式,其用意顯而易見(jiàn)。然而,這種方式對(duì)用戶產(chǎn)生了非常負(fù)面的影響——中斷了用戶正在做的事(對(duì)用戶來(lái)說(shuō)重要的事)并將注意力集中在另一件事情上(對(duì)網(wǎng)站來(lái)說(shuō)重要的事)。在你試圖要求獲取用戶信息之前,最好等用戶完成當(dāng)前的事情(例如,閱讀并熟悉內(nèi)容)。讓他們有機(jī)會(huì)選擇是否做某件事情,而不是強(qiáng)迫他們?nèi)プ觥?

二、無(wú)限滾動(dòng)

無(wú)限滾動(dòng)是指用戶可以通過(guò)無(wú)限地向下滾動(dòng)瀏覽頁(yè)面大量?jī)?nèi)容。當(dāng)您向下滾動(dòng)頁(yè)面時(shí),它可以一直刷出新的內(nèi)容。雖然聽(tīng)起來(lái)很好,但這種方式并不適用于所有網(wǎng)站,也不是 APP 的通用解決方案。

△ 圖片來(lái)源:Geo Law

這種方式的缺點(diǎn)也是它的優(yōu)勢(shì)——它是沒(méi)有終點(diǎn)的。用戶訪問(wèn)到網(wǎng)頁(yè)的某一個(gè)位置,他們無(wú)法記錄當(dāng)前瀏覽位置以便于稍后回到同一位置。當(dāng)用戶離開(kāi)了網(wǎng)站,他們將失去之前訪問(wèn)的所有進(jìn)度,不得不再次向下滾動(dòng)頁(yè)面返回到同一位置。這種方式無(wú)法確定用戶的滾動(dòng)位置,不僅會(huì)對(duì)用戶造成煩擾或混淆,而且還會(huì)使整體用戶體驗(yàn)變差。

2012年,Etsy 花了很多時(shí)間實(shí)現(xiàn)電商網(wǎng)站的無(wú)限滾動(dòng)界面,但是卻發(fā)現(xiàn)新界面的體驗(yàn)不如翻頁(yè)。雖然購(gòu)買(mǎi)數(shù)量沒(méi)有什么變化,但用戶參與度卻下降了(人們有目的地使用搜索的次數(shù)下降)。

正如 Dmitry Fadeyev 指出:

人們會(huì)想回到搜索結(jié)果列表中查看剛才看到的內(nèi)容,并與他們?cè)诹斜碇邪l(fā)現(xiàn)的其他內(nèi)容進(jìn)行比較。無(wú)限滾動(dòng)不僅打破了這種對(duì)比,也使列表上下移動(dòng)變得困難,尤其是當(dāng)你下次回到頁(yè)面,發(fā)現(xiàn)自己又回到了頂部,需要再次向下滾動(dòng)列表并等待內(nèi)容加載。在這種情況下,無(wú)限滾動(dòng)界面就比翻頁(yè)慢多了。

設(shè)計(jì)師在設(shè)計(jì)中加入無(wú)限滾動(dòng)之前,應(yīng)該權(quán)衡它的優(yōu)缺點(diǎn)。選擇取決于場(chǎng)景以及內(nèi)容的傳遞方式。一般來(lái)說(shuō),無(wú)限滾動(dòng)適用于像 Twitter、Instagram 這樣的產(chǎn)品,用戶在消耗無(wú)窮無(wú)盡的數(shù)據(jù)流時(shí)不會(huì)特別尋找特定的內(nèi)容。

譯者注:作者在《UX: Infinite Scrolling vs. Pagination》中提到無(wú)限滾動(dòng)的優(yōu)缺點(diǎn):

1. 無(wú)限滾動(dòng)的優(yōu)點(diǎn)

用戶停留的時(shí)間更長(zhǎng),提升用戶參與度。當(dāng)用戶沒(méi)有特定尋找的內(nèi)容時(shí),可以通過(guò)瀏覽海量信息找到自己喜歡的內(nèi)容(如Pinterest、Facebook)。

滾動(dòng)比點(diǎn)擊操作更快更容易,分頁(yè)展示每次內(nèi)容更新都需要額外點(diǎn)擊等待加載。無(wú)限滾動(dòng)對(duì)于移動(dòng)設(shè)備很友好,移動(dòng)設(shè)備的手勢(shì)控制讓滾動(dòng)更自然。

2. 無(wú)限滾動(dòng)的缺點(diǎn)

影響頁(yè)面性能,加載速度慢,用戶無(wú)限的向下滾動(dòng),加載更多的內(nèi)容,頁(yè)面的性能會(huì)越來(lái)越低。

無(wú)法定位到上一次瀏覽的位置,需要重新不斷下拉回到同一位置。

網(wǎng)站右側(cè)的滾動(dòng)條變得無(wú)關(guān)緊要,反映不出數(shù)據(jù)量,當(dāng)你以為快要接近底部,引誘你繼續(xù)向下滾動(dòng),結(jié)果更多的內(nèi)容又呈現(xiàn)出來(lái)。

缺少頁(yè)腳,用戶有時(shí)候需要查看某些信息,去頁(yè)腳查看發(fā)現(xiàn)沒(méi)有。這些信息可以展示在別的地方,或者加上「加載更多」的按鈕來(lái)響應(yīng)用戶對(duì)更多內(nèi)容的需求。

結(jié)論:無(wú)限滾動(dòng)適用于用戶沒(méi)有特定目的的原創(chuàng)內(nèi)容網(wǎng)站(Twitter,F(xiàn)acebook)或者視覺(jué)(Pinterest,Instagram)的網(wǎng)站和 app,分頁(yè)則適用于用戶在尋找特定信息的搜索結(jié)果列表,以及用戶瀏覽位置重要的地方。谷歌的圖片用了無(wú)限滾動(dòng),相對(duì)于文本搜索,用戶可以更快地瀏覽和操作圖片,文本搜索則需要花費(fèi)更長(zhǎng)的時(shí)間。

3. 使用無(wú)限滾動(dòng)的建議

  • 當(dāng)你使用無(wú)限滾動(dòng)時(shí),可以保持導(dǎo)航欄可見(jiàn),以便于快速進(jìn)入其他頁(yè)面。
  • 頁(yè)面需要頁(yè)腳時(shí),使用「加載更多」的按鈕。
  • 為特定項(xiàng)目增加收藏或書(shū)簽,以便于保存下來(lái)。
  • 加載新內(nèi)容的時(shí)候提供視覺(jué)反饋,讓用戶知道發(fā)生了什么。

三、推送通知

您是否注意過(guò)每天從各種應(yīng)用收到的通知和提醒消息的數(shù)量?其中您真正關(guān)心的通知有多少?

每天用戶都會(huì)被沒(méi)用的推送轟炸,分散日常活動(dòng)的注意力,并感到惱火。

惱人的推送通知是人們卸載移動(dòng)應(yīng)用程序的首要原因(根據(jù)調(diào)查受訪者的比例為71%)。

當(dāng)用戶開(kāi)始使用 APP 時(shí),如果推送內(nèi)容足以讓用戶「愿意被打斷」,他們就不會(huì)那么在意收到推送消息,換句話說(shuō),這意味著推送消息必須讓用戶覺(jué)得足夠有用和有趣。因此,為用戶推送有感染力并使之愉悅的定制化內(nèi)容才是關(guān)鍵。

推送通知是一項(xiàng)特權(quán),因?yàn)橛脩粜湃文?,才允許你直接向他們發(fā)送消息,你不能濫用這個(gè)特權(quán)。

為用戶設(shè)計(jì)有用,相關(guān)和及時(shí)的通知非常重要。推送通知可以成為企業(yè)直接與用戶溝通的強(qiáng)大工具,并在適當(dāng)?shù)臅r(shí)間和地點(diǎn)傳遞正確的信息,以促進(jìn)互動(dòng)。

譯者注:作者在《Mobile UX Design: What Makes a Good Notification?》、《How to create effective push notifications》中提到推送通知需要注意幾點(diǎn):

適當(dāng)?shù)臅r(shí)間。尊重當(dāng)?shù)氐臅r(shí)間,不要在用戶睡眠的時(shí)候發(fā)送通知,比如國(guó)際化的 APP 針對(duì)不同的地區(qū)調(diào)整推送時(shí)間。Andrew Chen 收集了一些數(shù)據(jù)顯示推送打開(kāi)率在下午6點(diǎn)后更高,當(dāng)用戶參與度最高的時(shí)候,在下午6-8點(diǎn)時(shí)發(fā)送推送通知。

△ 圖片來(lái)源:Andrew Chen和 Leanplum

限制次數(shù)。設(shè)置一個(gè)合理的推送次數(shù),一些 APP 只要觸發(fā)了與你相關(guān)的信息就會(huì)提醒你,過(guò)多的推送可能會(huì)引起用戶的不適。

個(gè)性化定制不同的推送內(nèi)容給不同的用戶,推送對(duì)用戶有價(jià)值的內(nèi)容。比如根據(jù)用戶的瀏覽歷史做相關(guān)用戶感興趣的推送。

發(fā)送消息之前應(yīng)該確定好目標(biāo),跟蹤數(shù)據(jù),確認(rèn)推送是否達(dá)到了效果。


藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

7個(gè)案例解析:復(fù)選框 vs 切換開(kāi)關(guān)

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

本文介紹在設(shè)計(jì)表單體驗(yàn)時(shí),決定這兩個(gè)控件之間的指導(dǎo)性原則和案例分享。

表單提供了幾個(gè)可以更輕松收集用戶輸入的控件。設(shè)計(jì)表單時(shí),在正確的位置使用正確的控件是一項(xiàng)挑戰(zhàn)。


復(fù)選框控件有三種狀態(tài):unselected(非勾選態(tài))、selected(勾選態(tài))和indeterminate(未確定態(tài))。最后一個(gè)狀態(tài)代表子選項(xiàng)列表在父選項(xiàng)下分組且子選項(xiàng)處于勾選態(tài)和未勾選態(tài)之間的情況。


切換開(kāi)關(guān)代表允許用戶打開(kāi)或關(guān)閉物體的物理開(kāi)關(guān),如燈的開(kāi)關(guān)。


點(diǎn)擊切換開(kāi)關(guān)需要兩個(gè)操作步驟:選擇和執(zhí)行,但復(fù)選框只有一個(gè)選項(xiàng),其執(zhí)行通常需要另一個(gè)控件。


在選中復(fù)選框和切換開(kāi)關(guān)控件之間時(shí),最好關(guān)注使用的環(huán)境而不是其功能。


下面是一些在設(shè)計(jì)表單體驗(yàn)時(shí)決定這兩個(gè)控件之間的指導(dǎo)性原則和案例分享。



案例1:即時(shí)回復(fù)


使用切換開(kāi)關(guān)時(shí),


1. 應(yīng)用設(shè)置的立即響應(yīng)是無(wú)需明確操作的。


2. 設(shè)置需要打開(kāi)/關(guān)閉或顯示/隱藏功能才能顯示結(jié)果。


3. 用戶需要執(zhí)行不需要審核或確認(rèn)的即時(shí)操作。


Image title

如果需要即時(shí)響應(yīng)的選項(xiàng)最好選擇使用切換開(kāi)關(guān)


案例2:設(shè)置確認(rèn)


使用復(fù)選框時(shí),


1. 應(yīng)用設(shè)置需要在提交之前由用戶確認(rèn)和審核。


2. 在顯示結(jié)果前,設(shè)置定義需要執(zhí)行提交、確定、下一步、等應(yīng)用操作。


3. 用戶必須執(zhí)行其他步驟才能使更改生效。


Image title

如果需要顯式操作來(lái)應(yīng)用設(shè)置,則首選復(fù)選框


案例3:多項(xiàng)選擇


使用復(fù)選框時(shí),


1. 有多個(gè)選項(xiàng)可供使用,用戶必須從中選擇一個(gè)或多個(gè)選項(xiàng)。


2. 逐個(gè)單擊多個(gè)切換開(kāi)關(guān),每次單擊后等待查看結(jié)果是需要額外的時(shí)間。


Image title

在列表中選擇多個(gè)選項(xiàng),復(fù)選框能提供更好的體驗(yàn)


案例4:不確定狀態(tài)


使用復(fù)選框時(shí),


1. 當(dāng)多個(gè)子選項(xiàng)在父選項(xiàng)下分組時(shí),需要中間選擇狀態(tài)。中間狀態(tài)表示在列表中選擇了多個(gè)子選項(xiàng)(但不是全部)。


Image title

使用復(fù)選框最好地顯示不確定狀態(tài)


案例5:清晰的視覺(jué)狀態(tài)


使用復(fù)選框時(shí),


1. 有可能與切換開(kāi)關(guān)的開(kāi)/關(guān)狀態(tài)混淆。有時(shí)很難理解開(kāi)關(guān)是顯示狀態(tài)還是動(dòng)作。


2. 需要提供明確的勾選狀態(tài)或未勾選狀態(tài)。


Image title

有時(shí)切換開(kāi)關(guān)不能清晰地顯示它是狀態(tài)還是動(dòng)作


案例6:相關(guān)項(xiàng)目


使用復(fù)選框時(shí),


1. 用戶必須從相關(guān)項(xiàng)目列表中選擇選項(xiàng)。


Image title

用復(fù)選框顯示要選擇列表中的相關(guān)項(xiàng)


使用時(shí)切換開(kāi)關(guān)時(shí),


1. 用戶切換獨(dú)立的功能或行為。


Image title

獨(dú)立項(xiàng)目可使用切換開(kāi)關(guān)進(jìn)行選擇


案例7:?jiǎn)芜x項(xiàng)


使用復(fù)選框時(shí),


1. 提供單個(gè)二進(jìn)制是/否選擇。


2. 只有選擇或取消選擇一個(gè)顯而易見(jiàn)的選項(xiàng)。


Image title

單個(gè)是/否選項(xiàng)更適用于復(fù)選框


使用切換開(kāi)關(guān)時(shí),


1. 需要單一選擇,并且您希望為開(kāi)/關(guān)類(lèi)型的決策提供兩個(gè)選項(xiàng)。


Image title

使用切換開(kāi)關(guān)可以最好地理解單個(gè)開(kāi)/關(guān)決定


結(jié)論


重要的是在表格中的正確位置提供正確的控件使其更加用戶友好。由于表單有很多很長(zhǎng)的選項(xiàng),若用戶必須進(jìn)行額外點(diǎn)擊才能填寫(xiě)信息,對(duì)用戶來(lái)說(shuō)會(huì)變得枯燥乏味。提供的案例和指南會(huì)幫助你決定在表單中添加控件時(shí)選擇復(fù)選框還是切換開(kāi)關(guān)。



參考文獻(xiàn)


1. Control and Patterns《控制和模式》


2. When to Use a Switch or Checkbox《何時(shí)使用開(kāi)關(guān)或復(fù)選框》


3. Selection Controls《選擇控制》


4. UX Design: Checkbox and Toggle in Forms《UX設(shè)計(jì):表單中的復(fù)選框和切換》

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

 

牢記這9個(gè)排版設(shè)計(jì)要點(diǎn),領(lǐng)導(dǎo)都無(wú)話可說(shuō)了(二)

濤濤


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

前幾天帶大家學(xué)習(xí)了《牢記這9個(gè)排版設(shè)計(jì)要點(diǎn),領(lǐng)導(dǎo)都無(wú)話可說(shuō)了…》,今天給大家?guī)?lái)排版設(shè)計(jì)要點(diǎn)第二彈。



藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。


日歷

鏈接

個(gè)人資料

存檔

彝良县| 洪洞县| 景洪市| 怀化市| 岳普湖县| 德钦县| 临泽县| 股票| 乌拉特后旗| 芦山县| 洛隆县| 曲麻莱县| 新宾| 铁力市| 绥阳县| 绵竹市| 延川县| 莱西市| 明水县| 闵行区| 无极县| 彩票| 平和县| 墨玉县| 台安县| 南充市| 玉环县| 西林县| 积石山| 泰安市| 巨鹿县| 海宁市| 资中县| 方山县| 乌拉特后旗| 班玛县| 周口市| 喀什市| 泰来县| 招远市| 洞口县|