用戶體驗(yàn)要素讀后、二

本文是用戶體驗(yàn)要素讀書筆記的第二篇倦沧,附上第一篇傳送門

用戶體驗(yàn)要素讀后唇撬、一


3、結(jié)構(gòu)層

a展融、產(chǎn)品信息架構(gòu)

進(jìn)入這一層窖认,已經(jīng)逐步進(jìn)入用戶能夠直觀感受到的界面。結(jié)構(gòu)結(jié)構(gòu)層最主要的成果就是產(chǎn)品信息架構(gòu)告希,關(guān)于產(chǎn)品信息架構(gòu)扑浸,可以移步我的文章產(chǎn)品信息架構(gòu)

我們依舊以微信舉例燕偶。微信的一級(jí)菜單是微信(對(duì)話)喝噪、通訊錄、發(fā)現(xiàn)杭跪、我仙逻。我們以發(fā)現(xiàn)為例,可以看出在這個(gè)頁面有分成了四個(gè)小的子分類涧尿,朋友圈作為單獨(dú)的一個(gè)二級(jí)分類,掃一掃和搖一搖兩個(gè)功能檬贰,指向的目標(biāo)都不僅僅是人姑廉,包含了商品,街景翁涤,二維碼桥言,書籍萌踱,歌曲等等等,總結(jié)下來是圖像和聲音識(shí)別的擴(kuò)展項(xiàng)目号阿。

而下方附近的人和漂流瓶都是指向人的功能并鸵,通過隨機(jī)(偽隨機(jī)?)或者定位擴(kuò)展關(guān)系鏈扔涧。與上面是不同一類园担。

至于購物和游戲,屬于產(chǎn)品向現(xiàn)實(shí)的妥協(xié)枯夜,微信手上掌握著數(shù)億的日活和用戶弯汰,流量巨大,電商和游戲是流量變現(xiàn)的幾個(gè)最快捷徑之一湖雹。因?yàn)轵v訊和京東的戰(zhàn)略合作咏闪,微信為其提供一個(gè)流量入口。至于小龍哥壓箱底掏出一個(gè)打飛機(jī)培養(yǎng)用戶習(xí)慣的經(jīng)典案例摔吏,又是另個(gè)PM必須知道的話題了鸽嫂。

一個(gè)好的產(chǎn)品信息架構(gòu)可以讓用戶發(fā)出“這個(gè)功能果然在這里,和我想的一樣”的感慨征讲,看似簡單溪胶,卻需要對(duì)用戶使用習(xí)慣的深入研究和出色的撥開現(xiàn)象看本質(zhì)的能力。

微信截圖


b稳诚、定義概念模型

并且到了這個(gè)層面哗脖,PM需要定義一些概念模型,用以更好的表達(dá)產(chǎn)品的某些交互組件是怎么工作的扳还。

如電子商務(wù)網(wǎng)站里的“購物車”就是一個(gè)很好的概念模型才避,用購物車這個(gè)實(shí)體,類比于虛擬市場的概念氨距,讓用戶不費(fèi)吹灰之力就理解了這個(gè)交互組件的作用桑逝。還用上面這個(gè)例子就像漂流瓶。對(duì)于技術(shù)人員來說就是把你的信息隨機(jī)的發(fā)給某個(gè)人(PM可能會(huì)為了某些原因俏让,把你的消息有針對(duì)性的發(fā)給某個(gè)群體中的人)楞遏,為了讓用戶更好的理解這個(gè)功能的含義,就有了漂流瓶這個(gè)概念模型首昔,通過他來描述功能能夠讓用戶更好的理解這個(gè)功能的作用寡喝。

4、框架層

框架層指:按鈕勒奇、表格预鬓、照片和文本區(qū)域的位置。

按照我的理解赊颠,框架層主要指的就是頁面的布局方式格二,最好的描述方式就是線框圖劈彪。

圖片來自網(wǎng)絡(luò),侵權(quán)立刪

對(duì)于與結(jié)構(gòu)層的產(chǎn)品信息架構(gòu)顶猜,框架層最主要對(duì)應(yīng)的是信息設(shè)計(jì)沧奴,Web端的信息設(shè)計(jì)較為復(fù)雜,我們選取幾個(gè)常用的移動(dòng)APP來舉例說明长窄,下圖從左到右依次為:優(yōu)酷滔吠,知乎,ZAKER抄淑,新浪微博屠凶。

通過界面布局的劃分可以明顯看出布局的不同,我們選擇幾個(gè)來舉例肆资,至于各種布局的優(yōu)劣與組合方式又是很大的一個(gè)話題矗愧。

四款A(yù)PP主界面截圖

比如:Tab Bar

可以看出四款應(yīng)用都使用了Tab Bar(頁面底部的3-5個(gè)標(biāo)簽),這種設(shè)計(jì)方式的有點(diǎn)有:

1郑原、清楚當(dāng)前所在的入口位置

2唉韭、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向

3、直接展現(xiàn)最重要入口的內(nèi)容信息

缺點(diǎn)是:如果超過五個(gè)會(huì)顯得特別復(fù)雜犯犁。

總結(jié)下來就是優(yōu)點(diǎn)較為明顯属愤,而缺點(diǎn)較少并且可以控制,所以被大量的APP采用了酸役。

幾個(gè)值得深思的小區(qū)別

知乎(內(nèi)容型社區(qū))在頂部的標(biāo)題欄提供了搜索

ZAKER采用了banner位輪播+跳板式的展示方式

優(yōu)酷(視頻-富媒體)在ZAKER的基礎(chǔ)上加入了圖片瀑布流住诸,用來展示視頻的“調(diào)性”

微博(社交平臺(tái)),同樣的信息展示涣澡,微博使用瀑布式完全展示單條信息贱呐,知乎選擇隱藏

這些界面布局上的區(qū)別,每一個(gè)都值得深思入桂,都是有經(jīng)驗(yàn)的PM根據(jù)產(chǎn)品的特性所決定的奄薇,在這篇文章我只想讓大家意識(shí)到他的作用,關(guān)于細(xì)節(jié)不想深究抗愁。

導(dǎo)航欄

并且在這個(gè)層面馁蒂,會(huì)涉及到導(dǎo)航欄的設(shè)計(jì),這體現(xiàn)了產(chǎn)品的信息空間定位蜘腌,一般來說一個(gè)好的導(dǎo)航設(shè)計(jì)要能體現(xiàn)兩點(diǎn):

告訴用戶現(xiàn)在在哪里

告訴用戶點(diǎn)擊這里能夠通向哪里

5沫屡、表現(xiàn)層

表現(xiàn)層基本已經(jīng)進(jìn)入視覺設(shè)計(jì)的范疇,在這里逢捺,內(nèi)容谁鳍、功能和美學(xué)回寄到一起來產(chǎn)生一個(gè)滿足了以上四層的終極目標(biāo)。

這個(gè)層面已經(jīng)不完全是PM的職責(zé)了劫瞳,但一個(gè)好的PM也必須會(huì)一些設(shè)計(jì)的知識(shí)倘潜,如排版、色彩等志于,PM在這一步中更多做的是欣賞并提一些大方面的意見涮因,具體的事務(wù)由視覺設(shè)計(jì)團(tuán)隊(duì)完成。

但書中有一個(gè)表現(xiàn)層一般會(huì)遵循的原則

忠于眼睛

第一眼的觀感非常重要伺绽,一定要通過視覺設(shè)計(jì)引導(dǎo)用戶看到我們最希望用戶看到的內(nèi)容养泡。

對(duì)這個(gè)問題我對(duì)當(dāng)時(shí)實(shí)習(xí)的公司(淘寶賣家服務(wù))的產(chǎn)品首頁改版深有體會(huì),公司的產(chǎn)品是一個(gè)工具類的產(chǎn)品奈应,所以最希望用戶看到的就是我們有什么功能澜掩,但之前點(diǎn)開首頁,最為吸引眼球的總是那幾張放了幾個(gè)月的海報(bào)素材杖挣,對(duì)此我深以為然肩榕。

除卻第一眼的觀感,能讓用戶視野焦點(diǎn)沿著一條流暢的線運(yùn)動(dòng)也是視覺設(shè)計(jì)中必須得考量的一部分惩妇。

三株汉、模型的內(nèi)在聯(lián)系

用戶體驗(yàn)要素設(shè)計(jì)模型

還是回到原來的模型截圖中:我們可以先看右側(cè),越往上越靠近表現(xiàn)層越具體歌殃,越接近用戶能看到乔妈,接觸到的元素。越向下越靠近戰(zhàn)略層越抽象氓皱,用戶不那么容易了解到路召。即向上具體,向下抽象波材。

并且每個(gè)層級(jí)是對(duì)立統(tǒng)一的股淡,下方層級(jí)決定上方層級(jí),比如范圍層的功能規(guī)格和內(nèi)容需求就是戰(zhàn)略層用戶需求和產(chǎn)品目標(biāo)的細(xì)化各聘,依次類推揣非。并且各個(gè)層級(jí)都相互影響。

至此躲因,書籍的主要內(nèi)容我已經(jīng)回顧一遍早敬,順帶加上了很多自己的理解。最后說一下書中指出的如何運(yùn)用這些影響用戶體驗(yàn)的要素大脉。

四搞监、應(yīng)用的小例子


假如你發(fā)現(xiàn)某個(gè)頁面中,某個(gè)按鈕看起來有問題镰矿,特別別扭琐驴,就可以從表現(xiàn)層、框架層、結(jié)構(gòu)層這三個(gè)層次分析绝淡。

假如是:按鈕太大宙刘,顏色不和,就屬于表現(xiàn)層的問題牢酵,可以通過視覺設(shè)計(jì)修改悬包。

假如是:按鈕在頁面中擺放的位置不對(duì),那就是框架層的問題馍乙,即頁面布局在這個(gè)按鈕的位置上出現(xiàn)了可以優(yōu)化的方案布近,從而將調(diào)整頁面布局。

假如是:按鈕所代表的功能不合適丝格,不應(yīng)該出現(xiàn)在這個(gè)頁面上撑瞧,那就應(yīng)該是結(jié)構(gòu)層的問題,重新審視產(chǎn)品信息架構(gòu)显蝌,看這個(gè)按鈕指向哪里预伺,把他放在哪個(gè)層次里比較合適。

五琅束、書本的評(píng)價(jià)

畢竟這是一篇讀書筆記扭屁,必然要有對(duì)書本的評(píng)價(jià)∩鳎總體來說料滥,很值得一讀,不論是互聯(lián)網(wǎng)產(chǎn)品經(jīng)理還是其他崗位艾船。但書中有些內(nèi)容比較瑣碎葵腹,并且含義太廣,需要其他的知識(shí)來補(bǔ)充屿岂。并且書籍是針對(duì)Web端產(chǎn)品的設(shè)計(jì)践宴,有些東西不完全適用于移動(dòng)產(chǎn)品,應(yīng)該審時(shí)度勢(shì)爷怀。

產(chǎn)品經(jīng)理不應(yīng)該僅僅局限在互聯(lián)網(wǎng)行業(yè)阻肩,產(chǎn)品經(jīng)理的核心指的是一種以人為本的設(shè)計(jì)方式,一種強(qiáng)調(diào)流程运授、方法的管理方式烤惊。可以推廣到各行各業(yè)(最近已經(jīng)把產(chǎn)品經(jīng)理這個(gè)職位拓展到娛樂圈了.....)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末吁朦,一起剝皮案震驚了整個(gè)濱河市柒室,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌逗宜,老刑警劉巖雄右,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件空骚,死亡現(xiàn)場離奇詭異,居然都是意外死亡擂仍,警方通過查閱死者的電腦和手機(jī)囤屹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來防楷,“玉大人牺丙,你說我怎么就攤上這事则涯「淳郑” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵粟判,是天一觀的道長亿昏。 經(jīng)常有香客問我,道長档礁,這世上最難降的妖魔是什么角钩? 我笑而不...
    開封第一講書人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮呻澜,結(jié)果婚禮上递礼,老公的妹妹穿的比我還像新娘。我一直安慰自己羹幸,他們只是感情好脊髓,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著栅受,像睡著了一般将硝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上屏镊,一...
    開封第一講書人閱讀 49,950評(píng)論 1 291
  • 那天依疼,我揣著相機(jī)與錄音,去河邊找鬼而芥。 笑死律罢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的棍丐。 我是一名探鬼主播误辑,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼骄酗!你這毒婦竟也來了稀余?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤趋翻,失蹤者是張志新(化名)和其女友劉穎睛琳,沒想到半個(gè)月后盒蟆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡师骗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年历等,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辟癌。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寒屯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出黍少,到底是詐尸還是另有隱情寡夹,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響鲫竞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜智绸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望访忿。 院中可真熱鬧瞧栗,春花似錦、人聲如沸海铆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽游添。三九已至系草,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間唆涝,已是汗流浹背找都。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留廊酣,地道東北人能耻。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像亡驰,于是被迫代替她去往敵國和親晓猛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,843評(píng)論 25 707
  • 第1章:用戶體驗(yàn)為什么如此重要 1-1日常生活中的遭遇 敘述了一個(gè)令人懊惱的早晨凡辱。 1-2什么是用戶體驗(yàn) 這個(gè)令人...
    SummerROSA閱讀 4,121評(píng)論 0 20
  • 《用戶體驗(yàn)要素》 第一章 用戶體驗(yàn)為什么如此重要 什么是用戶體驗(yàn)?zāi)?用戶體驗(yàn)并不是指...
    白夜不行閱讀 1,198評(píng)論 0 9
  • 可以算是產(chǎn)品類經(jīng)典書籍之一透乾。有時(shí)間的話可以看看原版書洪燥。 設(shè)計(jì)磕秤、技術(shù)和商業(yè)融合,是現(xiàn)今最重要的發(fā)展趨勢(shì)捧韵。而我們?nèi)绾伟?..
    2tackle閱讀 5,133評(píng)論 0 38
  • 現(xiàn)在插播一條新聞:今天下午兩點(diǎn)鐘市咆,警方接到報(bào)警,位于長江路馨家園小區(qū)二樓住戶李先生發(fā)現(xiàn)樓上有滲水情況再来,且水中夾雜著...
    在風(fēng)閱讀 863評(píng)論 24 32