百度APP“捏一下看早晚報”,最新資訊輕松掌握

0 評論 896 瀏覽 1 收藏 18 分鐘

在人工智能的浪潮中,百度APP以其創新的“捏一下看早晚報”功能,再次引領了信息獲取的新潮流。這項功能不僅體現了AI大模型多模態技術的最新進展,更是在提升用戶體驗和效率上邁出了一大步。

在當今時代,AI大模型多模態技術實現了飛躍式發展,引領著我們踏入前所未有的廣闊視野。它不僅極大拓寬了認知疆域,全面升級了我們的感官體驗,在提升各類流程效率的同時,更極大釋放了創造型工作的巨大潛能與非凡價值。

背景現狀

百度以AI為驅動,借助AI能力賦能設計,從而創造多元化的生態價值。AI大模型在信息提煉與智能總結上的卓越能力,契合了當前技術提升認知與效率的趨勢。

繼百度APP“捏一下”AI智能總結成功火出圈后,為穩定用戶對“捏一下”交互認知,我們在APP首頁推出了“捏一下看早晚報”新玩法。結合熱點事件和AI生成的核心摘要,用戶可以快速獲取每天熱點信息,通過手勢捏合交互觸發界面內容的AI智能總結新形態,從而提效內容消費。

首先,我們將現有體驗鏈路拆分為「捏合前引導-捏合動作觸發-內容生成頁」3個階段。捏合前引導與動作觸發需遵循全端統一的“捏一下”標準手勢交互模式,以保障用戶體驗一致,因此我們把此次設計的重點聚焦在“捏合后的內容加載與承接頁面”,力求在這一關鍵環節實現創新設計。

設計協同業務團隊將圍繞以下3個維度開展創新設計:

①提高閱讀效率:構建有序結構化框架容器

②塑造視覺亮點:打造先鋒性視覺設計語言?

③強化智能感知:建立智能化生成感新形態??

一、構建有序結構化框架容器

1. 框架容器形態探索

設計初期,與業務團隊共創并構思內容框架,深刻理解業務核心與重點。隨后,深入進行競品分析,掌握用戶在類似場景中的多元及潛在需求,拓寬視野,挖掘創新機會點,為產品差異化定位打基礎。在此基礎上,我們勾勒出了符合目標的內容承接頁框架,設計出四種原型形態作為探索的起點。然而我們并未止步于此,又進一步探索了更多新框架形態。

2. 構建理想態框架

秉持提高閱讀效率、構建有序閱讀體驗框架的目標,我們最終選定大圖卡片布局作為理想態內容承接頁框架。因為百度APP面向全民,老少皆宜,所以我們的首要目標是減少形式復雜性、提升閱讀體驗,而大圖卡片在視覺上契合理念,能簡化信息層次,有效增強內容可讀性與吸引力,保障每位用戶都能輕松獲取信息。

二、打造先鋒性視覺設計語言

1. 明確設計范圍

前期對框架容器的探索已精確鎖定設計創新的發力范圍。從框架方案來看,我們提煉出4個設計創新點,包括標題字體設計、頂部背景、內容摘要和加載縮略圖。

在塑造用戶體驗前期,視覺元素至關重要,我們的目標是打造具有智能化和先鋒性視覺語言的用戶界面。為此,我們深入剖析競品亮點,重點提煉整體頁面視覺走向、頭部字體設計、內容布局排版和情感化體驗設計等視覺表現方面的獨特之處,同時運用情緒版激發創意,探索AI智能與資訊內容在頁面設計中的關聯與融合方式。

通過分析競品和情緒版創意探索,提取了一些關鍵詞,最終我們確定以「智能感和雜志風」為設計理念,為用戶帶來新體驗,讓他們在享受AI便捷的同時能像讀雜志一樣瀏覽資訊,打造智能且有雜志感的信息瀏覽空間。

2. 標題字體設計

圍繞「智能感和雜志風」的設計目標,我們探索了多種字體,包括 “常規體”“斜體” 等。在選擇頭部標題字體時,我們精心挑選了兩款特色字體來展現頁面魅力,“百度品牌官方體” 穩重且具有品牌感,為頁面打下基礎,傳遞專業與信賴;“優設標題黑斜體” 自帶速度感,有雜志版頭風格,可加速信息傳達,凸顯設計理念。

同時,我們嘗試了多種常規體、斜體字體設計,依據字體特性開展多種組合創意設計,融入品牌口號以強化識別度,標題結合時間日期,提醒用戶關注新聞時效性,還創新融入天氣元素,讓讀者在閱讀時留意天氣變化,實現信息傳遞與情感共鳴,使閱讀成為溫暖陪伴。

經過多輪探索,我們最終選擇 “優設標題黑斜體” 作為承接頁主標題,它自帶速度感和雜志版頭風格。為提升界面字體展示效果,我們革新并精心打磨字體樣式,調整字體間距,使其更緊湊;統一傾斜角度,讓其更有序;在保持個性的同時調整筆畫粗細,使各字視覺上和諧統一,強化整體美感;保留字體倒角并統一弧度,既留韻味,又賦予其現代感和整潔風貌,這使得優化后的字體更加規整有序。

我們對創意進行再一次深化,為字體增添創意設計,使其不再顯得古板無趣。隨后,我們融入了一些與頁面特性緊密關聯的小元素,如將AI智能摘取的重要信息配以引號強化信息焦點;在字體上增加太陽和月亮元素,分別象征早上夜晚,同時在字體上增加菱形星星,凸顯AI感知。巧妙融入的這些小元素,讓字體煥發出新的特性,并與頁面完美融合,為用戶帶來更加豐富獨特的視覺感受。

3. 頂部背景設計

背景圖設計將圍繞「科技智能化和簡約情感化」兩個方向展開探索與創意嘗試。

科技智能化:從具象圖形入手,結合界面特性深度解析融合,再通過創意發散思維將其抽象化,突破常規演化出新形態,在此過程中,圖形突破原有框架,融入創意與概念元素,營造出強烈的科技AI智能氛圍,引領先鋒性視覺體驗。

隨后,我們聚焦創意融入品牌感知提取出三個創意,以圖形語言結合品牌顏色,深度融合界面特性,為用戶帶來科技智能視覺感受。

基于“星球”與“信息流”進行創意設計,為用戶傳遞前沿資訊,實現信息自由流通,讓用戶輕松獲取無限信息,依據圖形特性賦予適宜動效,詮釋科技智能設計理念。

簡約情感化:以太陽元素和暖色調作為核心,融入“百度早報”界面中,將太陽的輪廓進行抽象化處理,再搭配輕盈的圖案與適當的留白,使主體畫面具有呼吸感,營造溫暖而寧靜的視覺感受。

隨后,我們聚焦太陽元素深入挖掘,除了展現簡約風格,我們更希望向用戶傳遞情感,為其帶來陽光般溫暖的感受,讓用戶在與設計的互動中體會到溫暖與人文關懷。

圖形1:運用暖色系配色,具象化呈現太陽元素,球體邊緣有絲狀光暈,內部色彩富有層次,濃淡相宜、交相輝映,高度模擬太陽給人的真實感受。

我們依據 “太陽光照圖” 深入探究太陽照射角度變化,把圓球內頂光設計為日出、正午、日落三個階段以體現時間概念。模擬太陽光照變化,融入太陽運行軌跡,為用戶帶來更生動逼真的視覺體驗。

圖形2:我們提取月亮元素并搭配藍色傳遞夜晚感受,用戶白天進入頁面是早報,晚上則是晚報,這樣的設計傳遞了信息時效性和情感化創意,在不同時間為用戶帶來別樣體驗,充滿人文關懷。

為探索月亮形態變遷根源,我們深入研析“月亮陰晴圓缺周期分布圖譜”,選定“漸虧凸月”(其明亮彎弧指向東方,體現月亮日落后東升之態)作為核心設計元素,既致敬自然之美,又將自然的和諧與規律融入創意設計。

基于上述探索,我們打破現有思維,增強先鋒性創意以引領設計潮流,嘗試給畫面增添質感,避免單薄,強化創意。融入兩種玻璃質感,展現獨特的光材融合效果,為設計領域注入清新活力。

  • 磨砂玻璃質感:疊加于圖形主體之上,增添視覺張力與層次感,化解畫面單調。
  • 長虹玻璃質感:打破圖形具象化呈現效果,其玻璃紋理與光影融匯,構造出簡潔畫面和空間感,讓圖形設計超越傳統,引領設計流行趨勢。

以上是我們打造先鋒性視覺設計的過程,在此過程中,我們聚焦品牌與圖形的緊密結合,塑造具有品牌感的頁面,同時探索設計與自然的關聯,通過精妙設計為用戶帶來前所未有的視覺體驗。

最終秉持適合原則,我們設計出理想態方案,在業務和設計團隊展開深度研討,從專業維度錨定設計風格,最終選擇 “日出月落” 情感化創意方向,作為核心視覺設計理念。為確保創意更易落地,我們對方案進行了精簡優化處理,減少界面視覺元素干擾,以突顯AI智能總結內容為主,期待以融合AI智能總結的交互形式為用戶帶來新消費體驗。

三、構建智能化生成感

新形態如何在界面中建立用戶對AI智能總結的生成感知是我們深究的方向之一。我們嘗試在內容展示形式上創新,打破傳統結構,使用戶在閱讀時能深切感受到AI智能的便捷,拉開與其他產品的內容差異,大幅提高閱讀質量。以下是多個創意設計方案:?

隨后,嘗試將創意交互動畫融入內容生成過程,借視覺動畫新意增強用戶對智能生成的直觀感知。深入考量內容特性后,設計出骨架掃光、內容漸展、總結瞬現、從模糊到清晰演變四種動態方案,以強化用戶的智能化生成體驗。最終選定內容漸展與AI標簽形式,縮減等待時長,達成快速預覽,大幅提升閱讀體驗與效率。

最后,我們精心繪制全流程關鍵界面,從首頁引導至最終頁面均做到完美呈現,全程貫穿初始設計理念,為用戶帶來便捷的AI智能體驗和雜志般的視覺享受。同時,希望本文能為正在進行產品AI重構的設計師帶來創意啟發。

結語

我們秉持開放與創新的精神,借助強大的AI大模型賦能業務與設計,創造多元化生態應用。正如同百度的文化價值觀“簡單可依賴”一樣,我們希望用戶通過簡單手勢“捏一下” 即可獲取AI智能的便捷。我們積極擁抱變革與挑戰,致力于創造兼具文化底蘊、科技含量與人文關懷的卓越設計,將人文情感化與現代AI智能完美結合,展現百度獨特設計魅力。我們堅信每一個細節都將承載價值,每一次創新都會帶來驚喜。

本文由人人都是產品經理作者【百度MEUX】,微信公眾號:【百度MEUX】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自百度官網

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!