回歸體驗之我喜歡網(wǎng)設(shè)計小結(jié)

富媒體內(nèi)容豐富的web時代，互聯(lián)網(wǎng)已經(jīng)是獲取內(nèi)容和收集內(nèi)容的一個必然途徑。通過圖片、文章等等…的內(nèi)容資源，如何能實現(xiàn)更好的收集與分享將變的更加重要。在每一位UGC用戶貢獻內(nèi)容的同時，他們也在相互消費著其他的用戶內(nèi)容，基于興趣內(nèi)容的互動就這樣產(chǎn)生了。依托于碎片化的內(nèi)容收集，可以清晰的看到到我們的興趣圖譜。讓豐富的興趣內(nèi)容吸引更多的相關(guān)用戶，使發(fā)現(xiàn)好內(nèi)容、發(fā)現(xiàn)興趣相投用戶變的更簡單。作為一個以瀏覽器為基礎(chǔ)延伸出的創(chuàng)新產(chǎn)品，基于web用戶瀏覽收藏網(wǎng)頁內(nèi)容的強需求，我喜歡網(wǎng)通過與瀏覽器的深度結(jié)合，努力為用戶提供更有價值的互聯(lián)網(wǎng)服務(wù)。創(chuàng)新和探索正在使得這個產(chǎn)品不斷趨于完善，很多功能和體驗都需要進一步的優(yōu)化。努力為億萬用戶提供最好的web體驗是我們的責(zé)任。

在接觸我喜歡項目的這段時間里，從自身使用、數(shù)據(jù)分析以及用戶反饋中總結(jié)了一些設(shè)計中的感悟，在這里我們一起聊聊如何在設(shè)計上優(yōu)化產(chǎn)品體驗。

一、新視覺形象Logo設(shè)計：

我喜歡-基于興趣的內(nèi)容分享社區(qū)，通過融合網(wǎng)站核心功能，以及極富情感化色彩的網(wǎng)站名稱“我喜歡”，設(shè)計了更符合產(chǎn)品定位的Logo視覺形象。

新Logo緊緊圍繞用戶互動行為(核心功能點 – 收集)，以及帶有強烈情感導(dǎo)向的網(wǎng)站名稱“我喜歡”為設(shè)計思路，將抽象的用戶行為和情感因素具象化。以詮釋收集行為的回形針與情感化表述的心形icon做為設(shè)計元素相結(jié)合，設(shè)計了這版心形回形針的logo。在整體的造型上 又做了一些規(guī)范化的處理，以適合不同環(huán)境下的標(biāo)準(zhǔn)化應(yīng)用。

二、ICON風(fēng)格統(tǒng)一化：

通過在logo上的延展，設(shè)計了風(fēng)格相符的icon，不僅在視覺元素風(fēng)格上達到高度統(tǒng)一，也提升了品牌形象感。

三、主導(dǎo)航優(yōu)化：

在之前的版本中，導(dǎo)航冗余信息太多，頻道名稱相對較長。對于我喜歡網(wǎng)這樣的一個響應(yīng)式網(wǎng)站，在不同分辨率下頁面寬度是自動適應(yīng)的，這樣就會產(chǎn)生導(dǎo)航在小分辨率下的顯示效果極為臃腫。

在多次的調(diào)整和嘗試中，最終決定使用如下版本。介于網(wǎng)站展示內(nèi)容以圖片為主，深色導(dǎo)航更能夠壓住頁面內(nèi)容，同時logo的形象的展示會更充分。新的導(dǎo)航采用了吸頂式設(shè)計，將分類選擇融入到導(dǎo)航中，在頁面瀏覽的任何時候都可以做快速切換，優(yōu)化了網(wǎng)站瀏覽體驗。

四、瀏覽器擴展程序優(yōu)化：

在這一版的改進中，我們在圍繞功能點優(yōu)化的同時提升了用戶體驗。優(yōu)化的內(nèi)容如下：

收集內(nèi)容在插件中實時預(yù)覽查看;

興趣電臺“隨便翻翻“ ，在這里可以發(fā)現(xiàn)更多精彩內(nèi)容，你也可以點按“收集icon”隨手收集起來，稍后查看。

興趣頻道也讓這個擴展程序變的更有活力與情境，伴有一絲的意外與驚喜。讓原本生硬的內(nèi)容推薦變的更有情調(diào)，更易于接受。

整個擴展程序面板在視覺上做了較大的優(yōu)化。系統(tǒng)化的梳理了面板交互結(jié)構(gòu)，調(diào)整了tab視覺樣式、icon風(fēng)格統(tǒng)一化調(diào)整，以及圖片展示和交互效果。

小結(jié)：

在整個項目的設(shè)計的過程中做了很多細節(jié)上的微調(diào)整，有些時候必須一像素一像素的比對調(diào)整，提高內(nèi)容的可讀性。對于瀑布流上每個版塊之間的間距，先適當(dāng)放大，再去測試，不合適再一點點的縮小，去一次次的尋找最佳的間距尺寸。這樣做一方面使頁面更整體有序，同時也增強了內(nèi)容的可讀性。設(shè)計上哪怕一個微小的變化都可能會帶來一些預(yù)想不到的影響。有時候真正的挑戰(zhàn)不是修正你發(fā)現(xiàn)的問題，而是修正這些問題的同時不破壞已經(jīng)正常運行的部分。用戶體驗的改善不僅僅是交互上的易用、視覺上的美觀，產(chǎn)品本身的可用性是構(gòu)建上層建筑的基礎(chǔ)，基礎(chǔ)體驗的優(yōu)化是不容忽視的。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

新聞名稱：回歸體驗之我喜歡網(wǎng)設(shè)計小結(jié)
標(biāo)題URL：http://www.muchs.cn/news30/325580.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站策劃、企業(yè)建站、靜態(tài)網(wǎng)站、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)