tft每日頭條

 > 生活

 > 産品應用場景如何實現現代化

産品應用場景如何實現現代化

生活 更新时间:2025-02-05 06:48:41

這幾年,輕量化設計一直很受歡迎。原因在于繁複冗雜的産品設計會讓用戶覺得很多餘,而輕量化的出現則剛好地彌補了這一不足。

産品應用場景如何實現現代化(聊聊産品的輕量化設計)1

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

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

場景

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

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

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)2

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

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)3

其實并沒有,兩款産品提供的功能都是一樣多的。隻是酷我音樂做了場景化區分,以K歌功能為例,酷我音樂的處理方案是:當用戶點擊查看歌詞的時候才會展示“K歌”的話筒圖标,因為當用戶查看歌詞的時候,提醒引導用戶去K歌更加合适。

産品應用場景如何實現現代化(聊聊産品的輕量化設計)4

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

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)5

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

  1. 列表循環 :我都不知道列表裡有哪些歌曲,怎麼循環?
  2. 随機播放 :現在不就是随機播放嗎?
  3. 單曲循環:這是唯一一個用戶有需求的場景。

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)6

入口

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

1)入口分類

不同的層級的功能,在界面中的展示方式是不一樣的。這裡我們可以分為三類:常态類、更多類隐藏類。

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)7

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)8

  1. 保存:為什麼保存到手機看?來抖音看吧。
  2. 收藏:既然喜歡這個視頻,為什麼隻收藏不轉發一下,讓更多人看到。
  3. 不感興趣:emmmm

2)入口分類

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)9

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)10

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

産品應用場景如何實現現代化(聊聊産品的輕量化設計)11

總結

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

#專欄作家#

王M争(王M争),人人都是經理專欄作家,資深互聯網人。

本文原創發布于人人都是産品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved