文講述的是QQ近期在極簡設計與人性化體驗設計上的探索與思考,enjoy~
都說年輕人喜歡用QQ,他們精力旺盛樂于交友,在社交的同時有強烈的自我表達欲望,QQ里的個性裝扮能夠滿足年輕人的自我展示需求。
然而隨著年輕人的成長和社會角色變化,開始需要和學習、工作中不同的人頻繁打交道,涉及的使用場景多元化,對溝通逐漸有了效率的訴求。本文講述的是QQ近期在極簡設計與人性化體驗設計上的探索與思考。
各類產品相繼回歸初心追求體驗服務的本質,產品體驗也正在做減法提煉,更為聚焦用戶核心訴求,追求更極簡的體驗。
用戶溝通的本源是信息互換,QQ通過推出極簡模式,對聊天進行降噪設計,重新突出聊天信息,回歸溝通的本源。
簡潔模式,是允許用戶切換到更純粹的聊天體驗,但并不改變用戶原有的個性化設置,用戶可隨時根據需要,恢復自己的個性裝扮。
QQ擁有龐大的用戶量,一直以來用戶對純粹的聊天溝通體驗呼聲較高,回歸到溝通的本源,聚焦極簡溝通聊天體驗,這是化繁為簡的減法過程,我們梳理了QQ簡潔模式的設計策略。
頭像和聊天氣泡是承載信息的主要載體,簡潔模式屏蔽個性化裝扮,使信息的展示更純粹和清晰。
為了讓用戶更便捷地發送不同類型的消息,QQ的輸入區域展示了相冊、拍照、紅包等功能。但在非娛樂化場景聊天時,這些功能使用率是較低的。簡潔模式簡化了工具欄與圖標風格,圖標造型與色彩化繁為簡,利用更純粹的黑與白,方便界面更好凸顯信息和內容,整體與默認模式產生了差異,用戶有更強簡化感知。
QQ的等級體驗符合部分年輕人的攀比需求,但在某些場景(如辦公,學習等),等級可能會對溝通帶來一定的壓力與干擾。簡潔模式僅保留純粹的聊天信息,讓用戶感受更清爽無壓力的交流。
簡潔模式的界面設計風格更為中性,去個性化。設計細節的優化,如分割線的處理、灰色的運用、圖標的形體等,都更為克制精簡。整體視覺體驗以黑白灰為主基調,輔助色點綴,高對比度,猶如容器一樣呈現最具價值的內容和信息。
極簡還體現在界面的圖標語言,簡潔模式圖標延續QQ8.0風格的圖標造型,在此基礎上追求更極致的減法設計,我們通過提煉圖標造型的輪廓,采用更精煉的細線圖標,能少畫一筆不多出一筆,細節之處方顯匠心。
未來將增設多彩選擇,喜歡簡約風格的你絕對不容錯過QQ簡潔模式,歡迎多多體驗。
QQ升級至8.1.0版本的用戶,可以從抽屜進入設置頁,點擊進通用,開啟簡潔模式。
人眼可根據環境光做自動調節,在弱光環境下,人眼對明暗度的辨別更敏銳,對彩色的感知度則更弱。同時人眼還有視覺惰性,晚上長時間使用手機,更容易覺得眼花。
多數手機系統,主要通過環境光自動調節屏幕的亮度,以降低手機上的明暗對比,減少對眼睛的亮度刺激,同時普遍適用于不同類型的手機應用。
為了給用戶提供更舒適的夜間體驗,部分手機系統逐漸推出黑暗模式,一些應用還定制深度的夜間模式。
晚上是QQ用戶活躍的高峰期之一,針對夜間場景使用痛點以及業界的趨勢??萍枷蛏?,設計也應如此,因此QQ夜間模式體驗定位希望是更護眼舒適的,為用戶提供更人性化體驗,我們梳理出夜間模式的設計策略,并重新設計。
(1)降低對比度
夜間模式界面通過降低信息與背景的對比度,對圖片/圖標帶色彩的通過使用遮罩,來達到減少對人眼刺激的目的,用戶在夜間弱光環境中使用起來更柔和護眼。
降低信息與背景對比度能降低對人眼的刺激,我們分別從降低界面信息對比度和降低色彩明度入手,在不同背景下適配不同亮度的文字信息。通過黑暗環境人眼真機體驗測試,又再經過多輪字色與背景對比度的優化,保證識別度的基礎上,梳理出在全黑的環境下適合夜間在任何屏幕亮度均可使用的對比度,對比度控制在三個檔位進行組合,不出現純黑白對比。
(2)降低圖像與色彩的明度
界面信息還包括有色的圖文與圖形類,高純度的色彩在深色背景下也容易造成人眼刺激與疲勞。此類信息我們通過使用遮罩來達到降低明度目的的,在保持與系統色彩純度的基礎上,降低明度從而達到柔和護眼的效果。
(3)組件化
QQ夜間模式適配覆蓋度很高,涉及界面也很多 ,我們梳理適配了夜間模式組件,同時也提升適配的效率。目前已適配核心路徑場景的夜間體驗,我們與開發同學緊鑼密鼓在適配更多界面,隨著適配的不斷深入,給用戶提供更完善舒適的夜間體驗。
為了強化用戶對夜間模式的認知,提升夜間場景用戶的使用感受。我們運用了情感化的設計,從以下三個維度體現。
(1)主題背景
大面積黑色界面難免會些許單調冰冷,有別于手機系統與應用,QQ夜間模式保留前版本的星空元素傳承到新版設計中, 夜間模式啟動后,通過繁星點點的背景元素建立夜間環境關聯。
(2)趣味圖標
當用戶開啟夜間模式時,我們設定了彩蛋,發現個別圖標會發生改變,變成帶有夜間相關的圖形語言,后續更新會增加更多趣味的圖標。我們也希望通過帶入趣味元素的表達方式,建立用戶對QQ夜間模式的好感。
(3)動效
使用切換操作時,加入適度的過渡動畫,進一步強化用戶對夜間模式的感知,用戶可在抽屜頁點擊切換至夜間模式。
夜間模式體驗路徑,用戶進入QQ后,通過右滑或點擊一級界面左上角個人頭像,進入抽屜頁,點擊左下方夜間圖標即可切換至夜間模式。
除了簡潔模式和夜間模式,未來QQ還會有更多專題設計的探索思考,通過挖掘使用場景為用戶提供更多人性化好玩的服務。目前這兩個模式均已上線,收到了不少反饋和建議,也請用戶朋友們多多體驗持續關注QQ的更新。
社交垂直探索 | QQ截圖全新設計
溝通本源 | QQ8.0有生機的設計
作者:QQ設計團隊,公眾號:騰訊ISUX(ID:tencent_isux)
來源:https://mp.weixin.qq.com/s/S4rUdlOiokcV7Synq9nDxg
題圖來自騰訊ISUX官網
片來源@視覺中國
文丨互聯網指北,作者丨ErYa,編輯丨蒲凡
自從2012年馬斯克把所有物理按鍵都集成到一塊中控屏,“車載系統”這場原本只屬于車企之間的行業博弈,開始以最快速度發展成為整個互聯網科技圈里的金礦爭奪戰:
2014年,阿里與上汽戰略合作,并于2015年創建斑馬智行,到去年已經發布5.0版本,在今年7月更獲得四大股東聯合增資的30億元人民幣用來加大操作系統研發投入,助力汽車產業實現智能化與數字化;
同年,理想、小鵬、蔚來三家互聯網車企成立并開啟車載研發;
2016年,網易云音樂成為國內首批支持蘋果車載系統Carplay的應用,并且在同年推出了手機端的駕駛模式,從兩塊屏幕上共同完成了車機的適配工作;
2018年,比亞迪的自研車載系統DiLink發布,并保持著一年更新一次的頻率,在車機交互與智能化上面積極探索。由于在車機交互上走的比大多數傳統車企要快,現在已經被戲稱為“互聯網公司”;
包括在電動車布局上始終沒有大動作的騰訊,也在2019年推出了微信車載版,甚至于在部分車型的方向盤上加了一個單獨控制微信的物理按鍵。
(圖片來源 汽車之家)
這波對“中控大屏大開發”的狂熱也完整地投射到了人才市場,整車智能化測試專家、智能語音資深產品經理等與車載軟件、車機聯動相關的職業都逐漸興起,在軟件測試以及智能語音等車載系統相關人才的招聘,成為了車企,包括互聯網科技巨頭們的標配。
從科銳國際《2021人才市場洞察及薪酬指南》中也可以看出,車聯網、語音控制、自動駕駛等與中控、車機交互密不可分的職位擁有非常高的需求量——跳槽漲幅區間都在20%-30%。
(圖片來源 科銳國際報告)
甚至于,大學里還出現了“智能車輛工程”這樣一個新專業,并且成為全國第一個獲批的新工科專業。
(圖片來源 哈爾濱工業大學(威海)官網)
然而全行業的高度重視,似乎并沒有換來社會的集體青睞。尤其是網上人們的討論來看,中控屏似乎對于汽車駕駛體驗來說一直是很尷尬的存在,它的飛速發展讓很多汽車死忠粉不能接受:
一方面,取消物理按鍵增大了誤觸的幾率,在開車這種需要十分專注的注意力的場景下其實并不適用;另一方面,很多汽車的中控屏使用起來并沒有廣告里說的那樣順滑。
時間更迭速度的不同步也是一個問題,一輛車的使用壽命大概在十年左右,可是一塊數字屏幕的壽命可能活不到那么久,目前的車企似乎也并沒有針對這個問題進行解答。
有人認為這些矛盾的根源來自于,中控屏更像是告訴社會一個宣言:這項技術一定滿足大家對未來科技的期待,也就是所謂的“科技感”——但諸多車企對中控屏的現實發展卻語焉不詳,要么就是沒有完全了解用戶的駕車場景,導致很多功能并沒有完全用上。自媒體“差評”就認為,中控屏實際上只是車企們造出的偽需求,一如所有手機廠商都涌進全面屏的漩渦中,但實際上有了屏幕并不意味著變得智能。
在前不久的成都車展上,某新造車品牌的銷售人員也給我介紹了一個“大概情況”:現在大部分車主對中控的主要需求其實仍然是導航、放歌等基礎功能,其他諸如點外賣、點咖啡等連接阿里云的程序并沒有太多實用性,更不用說需要占據視覺注意力的視頻類APP了。
那么問題到底出現在了哪里?為什么行業愿景和消費者體驗能夠呈現如此鮮明的撕裂感?目前車載中控大屏到底是更像一塊安放在方向盤旁邊的平板電腦,還是智能駕駛的一個交互入口?車載應用的使用體驗,是不是真的還遠遠不能替代手機連接車載藍牙?
或許關于這些問題解答,可以那些已經在中控大屏里落地的應用們身上找找思路。
整體來說,中控屏上搭載的應用大致可以分為三類:汽車運作控制類、視聽類以及生活服務類應用(目前尚未普及)。
運作控制類應用是中控大屏的“原住民”,主要功能是控制汽車的各項參數并實時顯示。一般來說,中控屏的主頁會是車輛信息或是車輛的實時位置地圖,這部分也是智能交互的核心。比如小鵬的初代中控屏主界面就是汽車的實時狀態,蔚來則是將地圖置于首頁。
相比于第一類運行控制類應用,第二類視聽應用就很難說是專門為“司機”服務的了。因為它們雖然有一部分傳承于傳統汽車娛樂功能——比如電臺、磁帶、CD——在方向盤、語音助手等輔助工具的幫助下,司機也能夠在不過多分流注意力的情況下完成操作,然而使用中控應用的來改善體驗與集中注意力開車之間是有微妙的平衡點的。
也就是說,需要復雜手勢使用的中控屏應用,可以在中控屏上玩游戲、看視頻的應用,有相當一部分使用場景是交給乘坐人員的。
除此而外由于車載中控越來越多地取代機械表盤,更多承載著運作控制職能,并且目前的自動駕駛大部分還處于L2-L3之間的階段,車主并不能完全解放雙手和注意力,依舊需要時刻將一部分注意力放在駕車上,那么休閑類在車企將這類應用置于哪塊屏幕,以及它的交互界面(UI)如何設計、與手機界面有何不同就值得考究,畢竟汽車的核心場景終究是駕駛而不是娛樂電子設備。
基于這個思路,我們可以進行一個簡單的對比,看看不同車企對中控和車載系統的定位有何區別。
整體來看,音頻類應用仍然是車載系統上的適配做得更加完善一類。作為開車時消耗視覺注意力相對較少的應用品類,其不管在字體還是操作模塊上都做到了與中控屏幕適配、簡約且便于操作。
比如蔚來的中控屏中的全民k歌的界面與手機界面的對比還是很明顯的:
(安裝在蔚來上的全民K歌)
(手機的全民K歌功能復雜很多)
可以看出,手機里的全民K歌主界面大概可以劃分為頂部的運營banner位,中間的導航菜單欄和個性化推送區,以及底部的功能欄,其中banner位、導航菜單欄、底部功能欄都有二級頁面,需要用戶進行多次操作來完成使用。
相比于手機,車載全民k歌的界面簡潔很多——平臺自身的存在感降低了,活動、個性化推薦以及社交版塊都被刪去——更像傳統的ktv點歌臺,其主要功能就是搜歌、找歌。
再以QQ音樂為例,下圖是理想中控屏中車載QQ音樂的界面與手機端的對比,值得一提的是,理想將音視聽的控制全部集中在了三聯屏中的副駕駛娛樂屏,離主駕駛位更遠了。
一直更具爭議的視頻類應用在車載端的表現如何就更值得注意——畢竟這搶奪的是直接的視覺注意力。
首先,需要注意的是開車看視頻時的安全保障。一些車企或視頻應用會設置行進中看視頻的提醒,比如通過小鵬P7打開優酷視頻時會出現下方的提示:
應用內部也可以看出一些細微差別。
譬如愛奇藝在理想的車載版界面與手機端對比如下:
可以看出,為了順應橫屏,愛奇藝將底部的導航欄置于左側,并且比手機端更加簡潔,只有“我的”、“發現”以及“分類”三個欄目。相比手機端,車載端略去了個性化推薦版塊,主界面按照節目類型與熱度的綜合分類排序呈現。
視頻播放界面也能看到不同:車載端右側的選集、推薦欄相比手機端明顯變寬,并且車載端取消了彈幕、截屏錄屏的操作。
(哪個是車載哪個是手機,從交互復雜程度上來看很好分辨)
B站的車載應用變化就比較“迷”了:僅音頻播放(在手機端叫“后臺播放”)這個設置在車載端被放置在了和彈幕開關同樣的位置,而這個設置在手機中則需要在播放設置欄中進一步打開。
這里還存在另一個迷思:愛奇藝和嗶哩嗶哩的車載端都將投屏播放的功能置于了左側較為吸引注意力的位置,但似乎沒有一個行車的場景可以對應。
在觀察車載應用的時候其實很容易注意到另一個問題:由于不同車企的車聯系統不同,同一款應用在不同車上的呈現形式也并不完全相同。并且這一區別在傳統車企和互聯網車企之間更加明顯。
以上汽和比亞迪這兩個同時擁有傳統汽車和新造車生產線的車企為例,前者與阿里合作,推出R汽車以及斑馬智行車載系統,后者則在電動車領域積極嘗試。
總體上說,燃油車的車載系統比電動車的更加簡潔,甚至在操作界面上都顯得有種“機械質感”。
譬如說上汽的燃油車并未接入阿里的智能云系統,因此其中控屏并沒有像智能電動車那樣的觀感與使用體驗:基礎的操控保留了物理按鍵,整體的視覺效果也沒有像其他中控屏那樣追求科技感。當然,第三方應用也并沒有在中控屏上直接搭載,而是需要通過蘋果的Carplay或者百度的Carlife來將手機的APP映射在中控屏上。
(蘋果Carplay界面)
(carplay中的高德地圖)
(carplay中的QQ音樂)
蘋果Carplay映射的APP界面與原界面有很大不同(參考上方理想中控中的QQ音樂界面),整體來看更加簡潔——只保留三個主欄,選項欄的大小被標準化,視覺上的刺激與引導相對更弱。
似乎比亞迪觀察到了平時人們使用手機時來回轉手機以適應不同應用、不同場景下橫屏和豎屏的使用不同,在比亞迪的車子上,中控屏是可以轉動的:在進行正常駕車行動時,屏幕呈豎直狀態,而當打開騰訊視頻、優酷、愛奇藝等需要橫屏播放的應用時,屏幕則會自動轉成橫屏,這或許也是幫比亞迪減少成本——
畢竟也不是每個車企都可以也樂意采用聯屏的方式解決車子中的屏幕、注意力分配等問題。
而且比亞迪中控的另一個走向“平板化”的操作是可以主動設置分屏。
(比亞迪中控的分屏設計)
根據介紹,比亞迪獨自開發的DiLink車載交互系統則具有高度的開放性——它擁有自帶的應用商店,車主可以根據自己喜好下載安卓系統支持的APP。
對,甚至可以看抖音。比亞迪中控上運行抖音是下面這樣的,這個界面與手機版幾乎沒有區別。
文字類內容的呈現方式則顯得更加雞肋,它不僅對應不上行車使用場景,在開車時的文字閱讀也十分影響注意力分配。
比亞迪車載界面如下,很難說這是比亞迪車載OS系統的問題還是頭條本身產品優化的問題,因為我們之前在小鵬汽車里打開UC瀏覽器時界面與今日頭像類似,或許值得反思的是我們是否有必要在開車的場景下進行文字閱讀這種行為?
通過對上汽和比亞迪車載應用的對比,其實可以發現中控屏發展的兩個方向,這或許也是燃油車和電動車在使用中控屏上不同的思維:
燃油車在使用中控屏上更加克制,沒有增加很多所謂科技感的吸引注意力的交互設計,而電動車則更試圖打造一個智能汽車場景,在這個場景下駕車與使用APP之間的界限逐漸模糊,駕乘人員的注意力如何分配也變得越來越復雜。
畢竟因為能源動力的不同,燃油車和電車的運作系統有很大差異,在燃油車中通過中控屏控制車輛會經歷多出來的燃油發電過程,在控制上也不可能實現所有按鍵虛擬化——物理按鍵是燃油車的必備,因此從這方面來看,更加克制的中控屏或許是為了更符合燃油車的特性,如果在燃油車上實現像比亞迪電動車那樣的中控屏的話則會多少顯得不倫不類了。
若將視角放在電動車的城市分布則可能有另一些發現。
從滿天星的數據中可以看出,電車使用最多的地方依舊為核心的一二線城市,一方面,電車的普及本身需要一定的時間,目前來說電車更多還是致力于一二線城市的普及,另外,國內多數一二線城市都喊出了打造智慧城市、倡導節能減排的口號,那么以智能駕駛為發展方向的電動車其實也慢慢在嵌入智慧城市中的一環,與之對應的新基建已經初具規模,三四線城市仍需要等待一段時間才能看到電動車的大范圍普及。
另一方面,根據君迪2021年中國新車購買意向研究,95后女性考慮購買新能源汽車的比例最高,30至40歲的男性對國際品牌燃油車的購買意向更高。這也能從側面說明,意向群體與目標群體的不同導致了燃油車和電動車的兩個不同的發展方向:電動車更趨向簡明化、手機化的操作,而燃油車依舊保持物理按鍵、相對來說更加傳統的操作模式。
汽車中控應用,對于互聯網公司來說意味著什么?
中控屏似乎可以給我們一個理解電動車以及互聯網造車大勢的契機——互聯網發展到現在,單從需求上來看相應開發已經接近飽和,簡單的以服務換取流量已經很難,以至于互聯網企業們不得不將焦點更多轉移到如何將使用場景與應用結合起來。
(圖片來源 艾瑞咨詢)
車載中控就是這樣一個發展方向。當人均擁有手機、電腦、平板甚至kindle等多塊屏幕之后,再從個人屏幕上找到突破口并落地并不是一件容易的事。而在公共空間之中,城市大屏、電梯屏幕也已經成為上班族抬頭不見低頭見的標配;而在家庭中,電視已經不具有爭奪注意力的優勢,智能音箱也需要在具體的家庭空間中使用,因此汽車才這樣成為一個新的發力點,車載屏幕也成為一個值得發力的點。
我們也能看到現在的互聯網車企大都致力于將車營造成一個“移動中的家”,比如說小鵬在剛推出的小鵬P5車型中,在許多行業媒體的稿件里就被形容為“居家氛圍”。
而通過對上述中控屏應用的分析也可以得出相似的結論:汽車主導權不再只屬于主駕駛位,一方面,從對中控屏的爭議中就可以看出,反對中控屏的很大一個聲音是拒絕汽車的過度娛樂化,在自動駕駛發展逐漸興起的情況下,主駕駛的絕對控制權在逐漸削弱,“副駕駛終于有人權了”也成為一個梗而存在。
另一方面,從車企的招聘需求也可以發現這一點——他們開始關注到汽車中其他座位的聲音,通過對說話人的聲紋識別來更好理解汽車中不同座位的需求,進而從場景上將汽車塑造成一個共通的空間。
當然無論怎么說,在自動駕駛完全態L5達成以前,這些提供車載應用的互聯網公司對于車載中控大屏的探索,在很長一段時間里都會是一個和車企彼此協商的過程,這或許也正是開頭提到的“輿論反饋與行業愿景之間有巨大撕裂感”的直接原因。
畢竟從場景上做適配,要考慮汽車中其他座位的需求的思路雖然看上去沒什么問題,但歸根結底沒辦法改變駕駛汽車本質上是一個“操作大型器械”的有風險行為,在這個前提下“汽車中控大屏主要給誰用”這個問題并沒有多少商量的空間,“能夠剩多少使用空間給乘坐人員”才是進軍汽車中控的互聯網企業們最現實的問題。
至于“如何做好剩下來的生意”,這就是另外一個命題了。
中關村在線軟件資訊】1月1日消息:QQ瀏覽器日前更新到了9.5.10219.400版本,新版Flash版本更新到了23版本,并增加了Direct Write選項,開啟后網頁會使用高清字體渲染。
QQ瀏覽器
QQ瀏覽器9.5.10219.400更新內容:
2.增加首頁被篡改后的手動修復選項;
3.更新Flash版本至23版本(PPAPI);
4.恢復Backspace后退的功能;
5.優化插件隱藏和取消隱藏的邏輯;
6.優化廣告過濾規則;
7.優化修復工具功能及界面;
8.優化GPU加速機制,低端顯卡下默認關閉;
9.修復廣告過濾規則無法升級的問題;
10.修復部分情況下文件下載失敗的問題;
11.修復部分情況下安裝失敗的情況;
12.修復崩潰問題;
13.修復廣告過濾規則無法升級的問題;
14.修復部分情況下文件下載失敗的問題;
15.修復部分情況下安裝失敗的情況;
16.修復Chromium 53內核對使用Symantec證書的網站報CT錯誤的問題;
17.修復崩潰問題。
QQ瀏覽器基于chromium內核開發,可以安裝Chrome的擴展,支持微信等擴展,支持QQ快捷登錄,登錄瀏覽器后即可自動登錄騰訊系網頁。