亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

面對越來越多的同質(zhì)化設(shè)計，我們重新去思考設(shè)計的價值在哪？僅僅只是為了做不出錯的設(shè)計？只是為了跟隨大眾審美？還是為了彰顯不同而不同？都不是，在保障產(chǎn)品可用性的基礎(chǔ)上，我們?yōu)榭吹脚c眾不同的app和它獨特的交互而感到驚喜。

改版案例：豆瓣app個人中心頁面

設(shè)計目標

個人中心的首要目標就是提高頁面查找效率，

其次要減少用戶的認知負荷，降低理解和操作門檻，并提升品牌感。

明確了設(shè)計目標后，在設(shè)計前，我們便開始了對設(shè)計趨勢、設(shè)計風(fēng)格的探索，為這次的視覺設(shè)計做準備。

豆瓣是一個偏向于文藝風(fēng)格的產(chǎn)品，因此在頁面設(shè)計的過程中需要把控文藝類用戶的心理特征，并在這個基礎(chǔ)上進行設(shè)計。希望這次改版能更符合豆瓣自身的定位，吸引更多的年輕用戶群體，提高日活量。

對于風(fēng)格應(yīng)該是一個難以準確定義的問題，因為設(shè)計服務(wù)于所需要表達的信息，會根據(jù)不同的訴求，選擇最合適的設(shè)計語言和視覺元素來傳達信息。往往一個設(shè)計作品會融合多種不同的視覺風(fēng)格，有時它們又不屬于任何風(fēng)格。

以視覺傳達為目的，風(fēng)格服務(wù)于視覺傳達。

觀察發(fā)現(xiàn)，包豪斯風(fēng)格在現(xiàn)當(dāng)代依然十分流行，包豪斯思潮設(shè)計常常運用抽象幾何圖形，其思潮影響下的建筑頂部常常是半圓形狀，很像一個字母D；其次比較流行的風(fēng)格是運用毛玻璃，Microsoft廣告常常運用這種風(fēng)格，從而涌現(xiàn)了大量此種風(fēng)格的追波概念稿，并受到廣泛歡迎。

與此同時，簡單的對豆瓣個人中心頁面的問題進行了一次總結(jié)：

由此發(fā)現(xiàn)，頁面的主要問題是缺乏品牌調(diào)性，沒有賞心悅目的感覺，辨識度上有欠缺，在此基礎(chǔ)上，規(guī)劃出一個大概的設(shè)計流程。

設(shè)計流程

每天，豆瓣為至少300萬活躍用戶提供服務(wù)，并且用戶量以一個很小的傾角保持每年增長。每當(dāng)有新電影上線時，或者熱門網(wǎng)劇被熱議時，豆瓣評分會在很大程度上決定用戶是否為這部作品買單。

許多熱愛讀書的人通過豆瓣分享思考的成果。越來越多的年輕人通過豆瓣小組和許多陌生人對話。很多人可能并不會每天打開豆瓣，但是卻很難失去豆瓣。

在年齡上：

由圖表可見，豆瓣的用戶群體還是集中在20-29歲的年輕人當(dāng)中，超過一半，占了67.5%的比重，其次就是30-39歲的人群，其他年齡段的總共占10.6%的比重。

在性別上：

豆瓣內(nèi)容偏文藝，無性別傾向，因此男女占比持平。 

在地域上：

豆瓣使用區(qū)域占比沿海城市更高。推測原因，沿海經(jīng)濟發(fā)展較好，基建完善，人口集中，信息流通快，對接收多元信息的需求較強。

*數(shù)據(jù)來源：艾瑞指數(shù)

這些數(shù)據(jù)為運用何種年齡段、何種設(shè)計趨勢打下了一定的基礎(chǔ)。

在找出了豆瓣原界面基本問題點后，我們與市面上定位較為相似的一些產(chǎn)品進行了對比。在做豆瓣的個人中心，其實不僅僅只是做這款產(chǎn)品的其中這一個頁面，更不僅僅只是做好看，而是從整個產(chǎn)品、與競品之間的不同點的角度上考慮。

沒有爭議的是這款產(chǎn)品和其他競品是與眾不同的，它有著自己的不可替代性?；旧蠜]有一個同類競品，能夠把書影音評分，以及小組的功能，像豆瓣兒這樣很好的融合起來。我們需要將它的不可替代性、為用戶提供的精神價值、以及核心功能點在個人中心頁面更明確，使用戶更為方便的查找。比如知乎它不僅限于電影書籍音樂同城和小組討論，知乎更關(guān)注的是宇宙的任何大大小小的問題。而豆瓣的專注性使得它的書影音同城、小組功能可以做的更加出色，可以體現(xiàn)在個人中心頁面。

除了知乎，我們也對競品簡書、貼吧進行了同樣的，產(chǎn)品分析層面、視覺風(fēng)格上的研究。

確定頁面功能

究竟什么功能要留下？什么功能要加上？什么功能要刪去？哪些功能更重要？

由東京理工大學(xué)教授狩野紀昭(Noriaki Kano)發(fā)明的對用戶需求分類和優(yōu)先排序的方法，是本次改版的研究方法之一，以分析用戶需求對用戶滿意度的影響為基礎(chǔ)，體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。 我們最終得出夜間模式、我的小組、用戶信息/個人主頁/我發(fā)布的這幾項功能需要做的明顯些，而其他使用并不太頻繁的功能可以相對弱化。

此次個人中心界面改版涉及一部分的體驗優(yōu)化，體驗優(yōu)化來源于KANO模型對需求進行分類和排序的梳理，根據(jù)KANO模型對需要改版的點進行分析。

4W場景走查：什么人who、什么時間when、什么地點where、什么事情what；

場景分析＝設(shè)計師的偵探思維＝還原事故現(xiàn)場；

讓我們更清楚知道用戶會怎么使用我們的產(chǎn)品，明確產(chǎn)品目標 。

當(dāng)我們在討論產(chǎn)品功能、用戶體驗、使用場景的時候，究竟是在圍繞著誰討論？我們把用戶抽象成幾個確切的人物，抓住他們的痛點，嘗試深切的解決真實場景中的很多問題。

根據(jù)用戶畫像特點，以及產(chǎn)品偏文藝的風(fēng)格，在顏色上我們選取較為明亮、鮮艷的綠色。

從APP評價一條一條往下看，不難看出一些用戶有著相似、共同的感受，結(jié)合我們自己使用這款軟件想要吐槽的點，逐漸把心理過程透明化，詳細刻畫用戶內(nèi)心使用這款軟件的感受，找到合理的設(shè)計機會點，這樣做的目的是要讓設(shè)計改版建立在使用軟件真實感受的基礎(chǔ)上。

用戶不知道怎么選，想看、在看、看過一時間分不清，可能會成為用戶糾結(jié)的主要因素。

這時候幫用戶理清方向也許可以減輕用戶的焦慮情緒。

結(jié)合以上分析得出三個改版方向：

1、提升視覺精細度，讓用戶使用起來更加舒適。

2、增加品牌元素的融入，讓人一看就知道這是那款產(chǎn)品。

3、優(yōu)化頁面交互，目前書影音模塊的交互體驗對新用戶不太友好，存在不知道如何操作的困擾，但又不能過度的改變用戶現(xiàn)有的操作習(xí)慣。

為了使整個頁面更加統(tǒng)一，讓用戶專注內(nèi)容，減少理解難度，提升用戶體驗。

在這個基礎(chǔ)上產(chǎn)出了三版原型：

第1版：圖標區(qū)增加了一些功能，把原本的二級頁面常用功能放到了一級頁面，用戶使用起來更加方便。

第2版：個人信息模塊增加了書影音檔案的統(tǒng)計內(nèi)容和領(lǐng)取徽章，算是頁面中的一個魅力型因素。

第3版：屏幕利用率更高，基本上一屏內(nèi)可顯示所有內(nèi)容。

綜合分析后，最終選擇了第二版。

在內(nèi)容框架的制定上，對原有框架的布局稍作調(diào)整，將夜間模式置頂，保留個人信息，重構(gòu)書影音檔案，重構(gòu)列表流的排序，以提升書影音部分的用戶點擊量。

精簡柵格，將原本復(fù)雜細碎的書影音操作區(qū)簡化，方便用戶操作。

調(diào)整屏幕的留白區(qū)域與間距，希望能達到更好的用戶體驗。

針對最新的視覺趨勢，使用毛玻璃的效果，背景選取了豆瓣的D字母進行背景的點綴，提升品牌感，書影音開啟部分設(shè)計了不同的樣式，而最新流行的的毛玻璃效果對于整個頁面剛好顯得不會很突兀，交互方面也在一步一步尋找更為舒適的交互體驗。

看電影功能：

此部分功能沒有做刪減，但此部分內(nèi)容與書影音合并，在眾多影片中添加可看。提供片源，優(yōu)化體驗。

書影音記錄的三種狀態(tài)：

現(xiàn)書影音功能存在理解門檻高、操作復(fù)雜的問題，于是我們提供一種解決方案：

在看、想看和已看的狀態(tài)功能智能排序，優(yōu)先展示想看，其次是看過和在看。

視覺表現(xiàn)

1.提高用戶決策效率

2.減少裝飾給用戶帶來的干擾

3.可控的配色數(shù)目

4.空狀態(tài)插畫提示用戶添加內(nèi)容

5.和豆瓣風(fēng)格相近的圖標風(fēng)格

字體層級：在字體大小、粗細、顏色上做了區(qū)分，提升信息層級，提高用戶閱覽效率。

使用情緒板來分析文藝類用戶的視覺偏好。整體色調(diào)都是偏清新淡雅的感覺。

豆瓣原有的綠色，飽和度和亮度都比較低，很難調(diào)動用戶的視覺記憶，而且，豆瓣的主流群體是一群青春，文藝的年輕人，在原有的基礎(chǔ)上做了顏色的微調(diào)和漸變，搭配上輔助顏色，讓頁面整體看起來更偏向于清新和年輕的基調(diào)。

分隔明確，信息直觀，提高了屏幕利用率，整體界面做了層級上劃分，方便用戶更清晰明了的查找信息。

改版之前只能顯示部分的收藏內(nèi)容，改版后的書影音板塊，能更直觀的看到收藏的類目。更方便用戶點擊。

改版前：收藏的圖只能看到第一本收藏的內(nèi)容，看不到之后新收藏的。不同類目信息一起展示會讓版面看上去很亂，信息不清晰。

改版后：優(yōu)化后相同內(nèi)容能更多的展示，并且可以直接通過點擊到相關(guān)支持播放頁面；不同內(nèi)容可以同時展示，方便用戶切換方便。

新版的書影音模塊，采用大留白分割，頁面呼吸感更強，相比于原版的模塊分割方式，改版后的樣式能讓用戶情緒放松，而且視覺效果更好。

 標簽欄的間距也做出了調(diào)整，選到的標簽放大加粗，并且改變了原本一條線的常規(guī)交互，與頭部呼應(yīng)的幾何圖形體現(xiàn)出了與其他產(chǎn)品不同的感受。

改版前需要點開相應(yīng)的類目（即-影視-圖書-音樂）才能看到收藏的內(nèi)容，改版后可以直接在當(dāng)前頁面看到部分收藏的內(nèi)容，做到了交互減步長，而且在交互的過程中增加了趣味性。

圖標設(shè)計

圖標的風(fēng)格起初是模糊的，只要是好看、流行，都想去做嘗試，甚至是辨識度不太高的毛玻璃風(fēng)格。確定了品牌色不做大的變化后，綠色的點綴會是一個很好的方案。改版前圖標配色過多，整個界面給人一種很花哨的感覺，于是，開始適當(dāng)?shù)目刂婆渖珨?shù)目，并精簡線條。單純線性顯得單薄辨識度不夠，面性的話視覺比例過重，所以折中選擇線面結(jié)合。

以下是最初嘗試的三稿：第一稿配色較多，第二版風(fēng)格較活潑，第三版線面結(jié)合比較而言更加規(guī)范，簡約，符合豆瓣的品牌調(diào)性。

列表欄作為一個用戶經(jīng)常會使用的功能，他的品質(zhì)感必不可少，同時在一定程度上能顯示出整個APP的風(fēng)格基調(diào)和品質(zhì)。

采用線面結(jié)合的基礎(chǔ)圖形設(shè)計，用有規(guī)律的幾何元素強化圖標的辨識度。

適當(dāng)加入漸變色，有明暗虛實的變化，這種輕量化的設(shè)計提升整個圖標的品質(zhì)感。

適當(dāng)加入品牌色，加強品牌形象，為頁面增加細節(jié)。

大屏手機的普及程度還在快速增長，更大的屏幕正在重塑我們這個時代，盡可能的將常用功能往下排列，根據(jù)手持操作熱區(qū)圖，把經(jīng)常操作的功能放在容易點擊區(qū)，降低用戶操作成本，提升用戶使用感。

對于交互動效的思考，參考了不少國內(nèi)外優(yōu)秀的交互案例，對于書籍影音類的APP，交互是其中很重要的一環(huán)，好的交互能提高產(chǎn)品的趣味性和品質(zhì)感，既不能過于打破用戶一直以來的操作習(xí)慣，又要清晰直觀，因此采取的是滾動輪播的形式，用戶不需要點擊進入二級頁，只需要在一級頁左右滑動就可以看到大部分內(nèi)容。

晚上是豆瓣用戶活躍的高峰期之一，針對夜間場景使用痛點以及業(yè)界的趨勢。夜間模式定位是希望更護眼舒適的為用戶提供更人性化體驗。和傳統(tǒng)的白底黑字相比，這種黑底白字的模式通常被認為可以緩解眼疲勞，更易于閱讀。不管是為了“不打擾身邊熟睡的人”“還是為了“保護視力”，都是讓屏幕整體的亮度和夜間環(huán)境更接近，從而減小對自己或他人眼睛的刺激。開啟夜間模式，即使在凌晨兩三點刷豆瓣，也不會覺得特別刺眼，給用戶提供更完善舒適的夜間體驗。

兩個星期的產(chǎn)出走了不少彎路，其中有許多不完善的地方，整個過程所經(jīng)歷的每個步驟都是經(jīng)過了各種權(quán)衡思考和嘗試得出的。歡迎大家指正，謝謝！

Powered by Froala Editor