為什麼你的界面設計看著很重?來看高手的解決方法! - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

為什麼你的界面設計看著很重?來看高手的解決方法!

2019/07/30 15108評論區

王M爭︰「輕量化」是近兩年來設計圈一個比較火的話題。什麼是輕量化?從字面意思上來看「輕量」的反義詞就是臃腫、拖沓,反映到產品設計中就是界面內容過載,操作步驟繁瑣。如果非要用一個字來定義,那就是「多」,內容多,步驟多。

我們需要清楚,「多」來自于用戶的主觀感受,我們無法給出一個具體的數據指標來判定到底是不是「多」。用戶會在什麼時候覺得多呢?日常生活經驗告訴我,當對方覺得你沒用的時候,你就會顯得多余。如果這個界面中的每一個功能對于用戶來說都是高頻操作,那麼用戶是不會嫌多的。所以「輕量化設計」的主要思路可以歸納為︰在用戶不需要你的時候不要出來瞎N瑟。

場景

問題來了︰用戶什麼時候需要我?首先我們應該從功能層面入手,因為產品是一個個功能的組合體。頁面內容臃腫問題的源頭是功能過載,在這個問題上,很多設計師吐槽自己扮演的是一個背鍋俠的角色。其實我也不想在這個頁面里塞這麼多東西,但是這些功能我們必須展示給用戶,要不然用戶都不知道還有這個功能。

要解決這個問題,我們需要引入「場景」的概念。什麼是場景?我們可以將場景理解為「外部環境」。

外部環境影響用戶的感知,感知決定了用戶的行為。只有身處于特定的場景,用戶的行為才會被觸發。在有網場景下,用戶啟動網易雲音樂,進入的是首頁。在無網場景下,用戶進入的是我的音樂。因為有網,用戶「听新歌」行為的可能性更大,無網時通常听已經下載好的歌曲。

功能也是一樣,用戶需要這個功能,但並不是每一個場景都需要這個功能。有些比較冷門的功能,用戶只有在特定的場景才會想起使用,那麼我們就可以只在那個特定的場景中展示該功能。

我們看一下兩款競品的歌曲播放界面,可以很明顯地發現,酷我音樂的界面更加簡潔明了。當然你可能會說,那是因為酷狗音樂給用戶提供了更多的功能。

其實並沒有,兩款產品提供的功能都是一樣多的。只是酷我音樂做了場景化區分,以K歌功能為例,酷我音樂的處理方案是︰當用戶點擊查看歌詞的時候才會展示「K歌」的話筒圖標,因為當用戶查看歌詞的時候,引導用戶去K歌更加合適。

這個方案的確可以簡化界面元素,但是也帶來了另一個問題︰如果用戶不查看歌詞,那就不知道原來還有k歌功能,無法給K歌功能做到有效的引流。的確如此,沒有一個完美的設計方案,任何一個設計方案都無法做到可以兼顧各方的利益。設計師的作用就是盡可能去發現和解決界面中最主要的矛盾點,而不是所有的矛盾點。

我們再來看一個歌曲播放界面的例子,現在很多產品都提供了 AI 電台功能,所謂 AI 電台就是根據你的听歌記錄,分析你的喜好,據此來播放你可能感興趣的歌曲。我們之前听歌需要手動搜索相關信息,在搜索結果(歌曲、專輯、歌單等)里查找,AI 電台的出現大大節省了用戶的操作步驟。那麼我們來思考一個問題︰與常規的場景相比,在 AI 電台里播放的歌曲,界面上我們應該做哪些改動?

AI 電台模式最大的區別就是隨機性。因為這歌是根據你的喜好隨機推薦的,你不知道會听到這首歌,也不知道這首歌後面有哪些歌。這個就導致了播放模式這個功能很雞肋,蝦米音樂的 AI 電台就沒有提供切換播放模式功能。

  • 列表循環︰我都不知道列表里有哪些歌曲,怎麼循環?
  • 隨機播放︰現在不就是隨機播放嗎?
  • 單曲循環︰這是唯一一個用戶有需求的場景。

其實 AI 電台推薦的歌曲也是有歌單的,用戶點擊播放列表圖標就可以看到。這里提供了切換歌曲模式的功能,讓用戶看到了播放列表才可以選擇歌曲模式。

入口

當我們確定了功能的最適用場景,我們接下來的任務就是如何合理的設計功能的入口。

1. 入口分類

不同的層級的功能,在界面中的展示方式是不一樣的。這里我們可以分為三類︰常態類、更多類和隱藏類。

比較重要的功能一般都在界面中有常態的入口,而優先級比較低的功能,我們會選擇使用臨時視圖來承載,入口放到「更多」按鈕里,用戶需要點擊才能查看。

優先級最低的功能在界面中沒有實體的入口,需要用戶的手勢來觸發。例如,在抖音中,用戶長按視頻可以喚起三個功能︰保存、收藏和不感興趣。這三個功能抖音做得如此隱蔽,就是希望用戶不去使用。

  • 保存︰為什麼保存到手機看?來抖音看吧。
  • 收藏︰既然喜歡這個視頻,為什麼只收藏不轉發一下,讓更多人看到?
  • 不感興趣︰嗯……

2. 入口分類

哪怕是同一個功能,位于不同的場景,我們也要對入口樣式做出調整。例如,在音頻類產品中,為了方便用戶在不同的場景都可以快速地進入播放界面,會在界面底部加上播放條。

但是我們也可以發現上圖中企鵝FM播放條的空間利用率很低,有大面積的留白。那麼到了二級頁面,我們可以嘗試修改播放條的樣式,減少對界面內容的遮擋。

類似的處理方式還有淘寶,當用戶在首頁下滑一屏左右,那麼底部欄原首頁圖標變成了火箭,用戶點擊火箭可以直接返回至頂部,不用額外新增一個浮動按鈕作為入口。

總結

以上就是我個人對于「輕量化」設計的簡單思考和總結,如果您有不同的意見或者看法,歡迎留言或者加群討論。

歡迎關注作者的微信公眾號︰「王M爭」

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/light-weight-design

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里