《用生活場(chǎng)景來理解返回和關(guān)閉谒府,返回和關(guān)閉實(shí)質(zhì)上是基于產(chǎn)品結(jié)構(gòu)的導(dǎo)航,承載了用戶對(duì)產(chǎn)品的理解》#設(shè)計(jì)思考 #設(shè)計(jì)細(xì)節(jié)

?

flag讓我顯得很愚蠢浮毯,也很挫敗完疫,在這里給那些意志不堅(jiān)定的baby們給一個(gè)建議,制定目標(biāo)债蓝,不要限定手段壳鹤,不要拘泥與形式,經(jīng)常切換所處環(huán)境保持激情饰迹。

目錄

— 如何理解返回和關(guān)閉

— 返回和關(guān)閉的形式

— 案例

—總結(jié)


如何理解返回和關(guān)閉芳誓?

在日常生活中我們經(jīng)常用到的一句話是“下班了早點(diǎn)回來啊”,表示用戶從當(dāng)前所在位置出發(fā)去往另一個(gè)目的地啊鸭,當(dāng)他完成某件事或到達(dá)某個(gè)時(shí)間點(diǎn)就會(huì)告訴自己該回去了锹淌。而這個(gè)過程中大多數(shù)人的路徑都是固定的,走下樓赠制,乘坐1號(hào)線轉(zhuǎn)7號(hào)線再乘坐3路公交車然后走進(jìn)家門赂摆。

大多數(shù)用戶對(duì)于返回的理解就是沿著原來的路線回到原點(diǎn),不管我是去上班還是去旅游去看病最終我都會(huì)回到家里,只是不同的目的烟号,不同的路線绊谭。

對(duì)于關(guān)閉我們?nèi)粘I钪辛牡淖疃嗟氖恰捌痫L(fēng)了關(guān)下窗戶、出門記得關(guān)門啊汪拥、關(guān)一下燈我要睡覺了”达传,在用戶的物質(zhì)世界里關(guān)閉是對(duì)某一個(gè)物體的當(dāng)前狀態(tài)的變更,或者可以理解為我已經(jīng)使用了一段時(shí)間但在某個(gè)場(chǎng)景它會(huì)影響到我喷楣,那就需要關(guān)閉它趟大。窗戶不關(guān)會(huì)有灰塵進(jìn)入房間,出門不關(guān)門家里的東西會(huì)丟失铣焊,不關(guān)燈很難進(jìn)入夢(mèng)鄉(xiāng)逊朽。

那么我們就可以大致的理解返回和關(guān)閉被應(yīng)用在APP時(shí)用戶是怎么思考的了。

返回:達(dá)成某個(gè)目的后按照原有路徑返回起初的地方曲伊,存在想走捷徑的情況叽讳;

關(guān)閉:場(chǎng)景切換時(shí)改變當(dāng)前狀態(tài),且對(duì)關(guān)閉后的結(jié)果有明確認(rèn)知坟募。

因?yàn)榉祷睾完P(guān)閉的形式有很多種岛蚤,所以我這里根據(jù)用戶是否可預(yù)測(cè)結(jié)果劃分說明。


返回和關(guān)閉的形式

返回

1懈糯、按照層級(jí)返回涤妒,原路返回最初的起點(diǎn),用戶可預(yù)測(cè)結(jié)果赚哗;

2她紫、流程結(jié)束時(shí),有2種一個(gè)是上一頁(yè)屿储,一個(gè)是到該流程的入口處贿讹,對(duì)用戶來說結(jié)果可預(yù)測(cè)但不確定的;

3够掠、移動(dòng)端瀏覽器場(chǎng)景切換民褂,結(jié)果可見;(在這里本想劃分為關(guān)閉疯潭,最終以這種方式說服了自己“就像是在家里你從廚房走進(jìn)了衛(wèi)生間赊堪,你可能會(huì)在兩個(gè)點(diǎn)之間切換但并不是封閉了你家的衛(wèi)生間”)

關(guān)閉

1、最常見的彈窗or浮層關(guān)閉竖哩,這是最簡(jiǎn)單的狀態(tài)變更雹食,且用戶往往知道關(guān)閉的結(jié)果;

2期丰、全屏模態(tài)關(guān)閉群叶,其實(shí)也可以被劃分在彈窗層面吃挑,但這種關(guān)閉除了icon和關(guān)閉之外還會(huì)使用收起、取消街立、完成舶衬,這種情況一般是操作步驟簡(jiǎn)單,所以用戶可以根據(jù)情境理解操作結(jié)果赎离。

3逛犹、流程結(jié)束,使用完成來代替關(guān)閉梁剔,但是用戶往往很難想象到點(diǎn)擊后的結(jié)果是哪里虽画;

4、返回和關(guān)閉同時(shí)出現(xiàn)在導(dǎo)航欄時(shí)荣病,用戶對(duì)于返回和關(guān)閉的結(jié)果均不可預(yù)測(cè)码撰;而目前對(duì)此處理最好的便是微信瀏覽器。

如果我們把所有頁(yè)面以框架結(jié)構(gòu)鋪開添加連接線个盆,你會(huì)發(fā)現(xiàn)返回和關(guān)閉實(shí)質(zhì)上是基于結(jié)構(gòu)的導(dǎo)航脖岛。

返回承載的并非僅僅只是頁(yè)面跳轉(zhuǎn)的功能,是用戶對(duì)整個(gè)產(chǎn)品的理解颊亮;在《用戶體驗(yàn)要素》中將體驗(yàn)分為戰(zhàn)略柴梆、范圍、結(jié)構(gòu)终惑、框架绍在、表現(xiàn)層五個(gè)層面,產(chǎn)品戰(zhàn)略和范圍(類型)決定了結(jié)構(gòu)類型雹有,結(jié)構(gòu)決定了產(chǎn)品的交互方式偿渡,交互方式?jīng)Q定了體驗(yàn)路徑,體驗(yàn)路徑中不同的場(chǎng)景下返回和關(guān)閉是我們提供給用戶可以去執(zhí)行的操作件舵,用戶通過對(duì)功能的理解和自身的需求做了一個(gè)決策卸察,然后付諸行動(dòng)離開當(dāng)前頁(yè)面脯厨。

案例

層級(jí)導(dǎo)航類

每一屏只做一個(gè)選擇铅祸,直到到達(dá)你想的位置。如果想到達(dá)另外的位置合武,你必須原路一級(jí)級(jí)返回并且從最開始的位置再次依次做出選擇临梗。像系統(tǒng)原生的設(shè)置及郵件應(yīng)用便是典型的層級(jí)導(dǎo)航模式。

返回:采用的是最簡(jiǎn)單的層級(jí)返回稼跳;

取消(關(guān)閉):在新建郵件/回復(fù)郵件時(shí)屬于場(chǎng)景變更盟庞,用戶從單純的瀏覽切換為編輯郵件,所以在這里采用了新頁(yè)面汤善,方便用戶隨時(shí)能夠關(guān)閉頁(yè)面什猖,回到主場(chǎng)景票彪。(添加內(nèi)容后取消有二次確認(rèn))

在眾多的工具類應(yīng)用中noto筆記是我最喜歡的,典型的移動(dòng)端應(yīng)用不狮,沒有PC端后遺癥降铸,(各種列表式的分類、樣式選擇時(shí)彈窗打斷操作摇零,比如iPhone的備忘錄)推掸。而noto筆記足夠簡(jiǎn)單,層級(jí)平鋪驻仅,內(nèi)容可見谅畅,沉浸式體驗(yàn)讓你享受記錄的過程;對(duì)付費(fèi)和免費(fèi)功能的劃分非常友好噪服,免費(fèi)功能可以完成基本的文本操作毡泻,這是基本需求。而付費(fèi)功能可以添加繪畫芯咧、圖片牙捉、代碼、文件敬飒、表格等功能更加專業(yè)傾向于專業(yè)用戶邪铲。


內(nèi)容驅(qū)動(dòng)或體驗(yàn)驅(qū)動(dòng)導(dǎo)航

在應(yīng)用的不同內(nèi)容間切換,或者由應(yīng)用本身來定義導(dǎo)航无拗。像游戲带到,書籍或者其它沉浸式應(yīng)用一般都使用這種導(dǎo)航模式。

以豆瓣這個(gè)純國(guó)產(chǎn)應(yīng)用來舉例吧(嚴(yán)格劃分的話豆瓣應(yīng)該屬于平級(jí)導(dǎo)航英染,只是恰巧有一個(gè)模塊做了內(nèi)容驅(qū)動(dòng)和體驗(yàn)導(dǎo)航所以才舉例揽惹,相對(duì)而言游戲才是最好的例子)

在瀏覽影視板塊查看榜單,用戶進(jìn)入某個(gè)榜單二級(jí)瀏覽至最后可以選擇其他的榜單查看四康,這就使用戶減少了一步「返回一級(jí)頁(yè)面/全部榜單」的操作搪搏,讓用戶在了解熱門電影時(shí)能夠沉浸其中不被干擾。

另外同樣是榜單闪金,網(wǎng)易云音樂和蝦米音樂均沒有在榜單二級(jí)頁(yè)面做其他榜單推薦疯溺,只能通過返回上一級(jí)查看其他榜單。

我理解的是用戶目的不同哎垦,豆瓣用戶以看為主囱嫩,目的可能是找一部想看的電影,了解大家對(duì)電影的看法漏设,可能對(duì)比哪一部更值得觀看墨闲,最后決定是否要看,去第三方平臺(tái)觀看郑口;

音樂APP以聽為主鸳碧,查看榜單是為了找到合適的音樂盾鳞,而聽音樂可能只是用戶所在環(huán)境下的一個(gè)輔助任務(wù),最終的目的可能是消除周邊的噪音瞻离,緩解情緒雁仲,讓工作更有激情,播放之后就會(huì)切換應(yīng)用/放下手機(jī)琐脏,去完成自己的主要任務(wù)攒砖。

關(guān)于平級(jí)導(dǎo)航就不做介紹和舉例了,主要交互方式和層級(jí)導(dǎo)航是一致的日裙。


總結(jié)

寫完之后發(fā)現(xiàn)前后有一些跑題吹艇,主要還是談了一些自己對(duì)返回、關(guān)閉的理解昂拂。

返回和關(guān)閉可以通過可預(yù)測(cè)結(jié)果和不可預(yù)測(cè)結(jié)果兩種角度去分析體驗(yàn)是否易用受神,在我看來結(jié)果可以預(yù)測(cè)的會(huì)更好。如果用戶在能預(yù)測(cè)結(jié)果的前提下還能減少操作那就更加完美了格侯。

我們最終是對(duì)產(chǎn)品負(fù)責(zé)鼻听,有時(shí)候我們可能只是負(fù)責(zé)一個(gè)產(chǎn)品的一小支流程的設(shè)計(jì),那么在做之前其實(shí)是很有必要搞清楚整個(gè)產(chǎn)品的結(jié)構(gòu)和導(dǎo)航類型联四。

先理解你的產(chǎn)品撑碴,了解你產(chǎn)品的體驗(yàn)方式,才能選擇使用那種返回和關(guān)閉朝墩。

最后祝各位老鐵們節(jié)日快樂醉拓,就不一一送上祝福了,點(diǎn)贊就說明你收到祝福了??

The end ...

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末收苏,一起剝皮案震驚了整個(gè)濱河市亿卤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鹿霸,老刑警劉巖排吴,帶你破解...
    沈念sama閱讀 219,427評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異懦鼠,居然都是意外死亡钻哩,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門葛闷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來憋槐,“玉大人双藕,你說我怎么就攤上這事淑趾。” “怎么了忧陪?”我有些...
    開封第一講書人閱讀 165,747評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵扣泊,是天一觀的道長(zhǎng)近范。 經(jīng)常有香客問我,道長(zhǎng)延蟹,這世上最難降的妖魔是什么评矩? 我笑而不...
    開封第一講書人閱讀 58,939評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮阱飘,結(jié)果婚禮上斥杜,老公的妹妹穿的比我還像新娘。我一直安慰自己沥匈,他們只是感情好蔗喂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著高帖,像睡著了一般缰儿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上散址,一...
    開封第一講書人閱讀 51,737評(píng)論 1 305
  • 那天乖阵,我揣著相機(jī)與錄音,去河邊找鬼预麸。 笑死瞪浸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的吏祸。 我是一名探鬼主播默终,決...
    沈念sama閱讀 40,448評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼犁罩!你這毒婦竟也來了齐蔽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤床估,失蹤者是張志新(化名)和其女友劉穎含滴,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體丐巫,經(jīng)...
    沈念sama閱讀 45,834評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡谈况,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評(píng)論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了递胧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片碑韵。...
    茶點(diǎn)故事閱讀 40,133評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖缎脾,靈堂內(nèi)的尸體忽然破棺而出祝闻,到底是詐尸還是另有隱情,我是刑警寧澤遗菠,帶...
    沈念sama閱讀 35,815評(píng)論 5 346
  • 正文 年R本政府宣布联喘,位于F島的核電站华蜒,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏豁遭。R本人自食惡果不足惜叭喜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蓖谢。 院中可真熱鬧捂蕴,春花似錦、人聲如沸闪幽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)沟使。三九已至委可,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間腊嗡,已是汗流浹背着倾。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留燕少,地道東北人卡者。 一個(gè)月前我還...
    沈念sama閱讀 48,398評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像客们,于是被迫代替她去往敵國(guó)和親崇决。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評(píng)論 2 355