<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          解德國的「青年風格」設計史

          資深UI設計者

          今天鏡頭將再移到德國,德國在整個現代設計發展中其實戲份很重,上一次出現已經是講述印刷術的時候。

          同在 19 世紀末 20 世紀初,整個歐洲設計界都沉浸在新藝術運動期間,德國人也鼓搗出自己的民族設計風格,史稱“青年風格”(Jugendstil)。

          相比其它歐洲的新藝術風格,“青年風格”出現得比較晚,以 1896 年德國慕尼黑的《青年》(Jugend)雜志創刊為錨點,但很快成為統治德國設計界的主流風格。

          用一篇文章,幫你了解德國的「青年風格」設計史

          德國《青年》雜志

          “青年風格”劃分兩個階段,1900 年之前確實主要受英法新藝術風格及日本浮世繪影響,而 1900 年之后就開始走出自身特色,到底是什么特色呢?我們先按下不表。

          “青年風格“跟大部分新藝術風格一樣(除了英國僅限平面設計),覆蓋了建筑、產品、家具與平面設計,史太濃過去的其它系列中(比如”世界現代設計史“、”大師列傳“等)對其也有過不同程度的系統解讀。

          用一篇文章,幫你了解德國的「青年風格」設計史

          青年風格建筑局部

          所以在此我們除了以平面設計為核心之外,過去曾經談得比較多的人物或者作品,在這里也只會簡略帶過,本次跟大家談一些不同的故事。

          《青年》雜志

          《青年》是一本藝術雜志,剛開始以“展示德國工藝藝術”來定位,但逐漸因為獨特的新藝術設計風格而聞名。

          雜志的創辦者叫喬治·赫斯(GeorgHirth),是名德國作家、曾經做過記者,隨后成立出版社后變身出版家。

          用一篇文章,幫你了解德國的「青年風格」設計史

          喬治·赫斯

          他有意在德國推廣一種新的視覺設計風格,所以《青年》雜志的聯合創始人中還有畫家里茨·厄爾勒(Fritz Erler)。

          用一篇文章,幫你了解德國的「青年風格」設計史

          里茨·厄爾勒

          里茨是個典型的設計全面手,除了平面繪畫,家具、室內、產品都有涉獵,但他最大的貢獻其實是為《青年》雜志引入平面設計人才漢斯·克里斯提安森(Hans Christiansen)。

          用一篇文章,幫你了解德國的「青年風格」設計史

          漢斯·克里斯提安森

          《青年》雜志早期的風格基本就是由漢斯奠定的,他為雜志設計了 logo、封面、插圖,還作為美編統籌雜志的排版布局。

          漢斯 1895 年時候曾經在法國巴黎學習,深受當時流行的新藝術風格影響,所以《青年》雜志早期的風格就是比較典型的新藝術。

          用一篇文章,幫你了解德國的「青年風格」設計史

          漢斯設計的《青年》雜志封面

          德國因為是歐洲印刷術的發源地,自豪感一直難以消退,到了 19 世紀末德國是整個歐洲唯一還保留古騰堡時期流傳的中世紀字體與版面風格的國家。

          所以《青年》雜志問世后帶來了一股新風,很快廣受歡迎,發行量從最初的 3 萬本增加到 20 萬本,漢斯功不可沒。

          而慢慢形成了“青年風格”的稱謂,并且這種風格被當時的年輕設計師從 2 維平面逐漸拓展到建筑與產品。

          用一篇文章,幫你了解德國的「青年風格」設計史

          漢斯設計的《青年》雜志封面

          “青年風格”除了有法國新藝術的特征,還融合了德國民族的設計元素,當中包含前面提及的古騰堡時期的古樸風格,另外就是日耳曼民族的版畫風格與巴伐利亞的一些傳統藝術元素。

          用一篇文章,幫你了解德國的「青年風格」設計史

          日耳曼民族版畫

          有了這些基因的融合,青年風格顯得比歐洲其它新藝術風格更加硬朗,厚重。

          隨著時間推進,《青年》雜志開始向外廣泛征稿,這樣一來,“青年風格”又變作開源代碼,得以發展與演化,也因此誕生出更多平面設計人才。

          奧托的設計

          當時《青年》雜志培養出幾位聲名遠播的平面設計師,首先登場的是奧托·艾克曼(Otto Eckmann)。

          用一篇文章,幫你了解德國的「青年風格」設計史

          奧托·艾克曼

          奧托 1865 年生于德國漢堡,所以當時而言也屬于大齡成名設計師啦(相比同時期的其它大咖),最近這幾天才在關注 30 歲以上設計師難找工作的話題,年齡放在這個行業確實是讓人焦慮的話題。

          1894 年之前的奧托其實是一名比較純粹的藝術從業者,專注于繪畫,風格比較龐雜,因為那時候的歐洲已經有多種不同先鋒畫派在流行,比方印象派、象征主義跟現實主義等。

          用一篇文章,幫你了解德國的「青年風格」設計史

          奧托的繪畫作品

          如此群雄輩出的時代中,奧托感覺自己在藝術圈太難混出頭,決定曲線救國轉投設計,所以將自己的畫作一口氣賣光,其實也沒賣多少錢,首先開始為一本叫《潘》的雜志進行平面設計。

          用一篇文章,幫你了解德國的「青年風格」設計史

          德國藝術雜志《潘》

          《潘》也是當時德國一本挺知名的藝術雜志,以文學、戲劇跟音樂內容為主。

          奧托的加盟為《潘》帶來一股新風,他善于自然主義表現手法,喜歡采用女性跟花卉元素,曲線流暢,愛使用日本浮世繪的單線平涂手法,看起來屬于典型的新藝術風格,奧托的風格表現彈性很大。

          同一時期他也承接一些商業廣告海報的設計,其設計風格獨樹一幟,能做到基于新藝術框架發展自身特色,比方融合幾何圖形的規律,這種手法對“維也納分離派”產生很大的啟發。

          用一篇文章,幫你了解德國的「青年風格」設計史

          奧托設計的商業海報

          新藝術風格在當時的德國而言就是一種風潮,可以理解為時尚,所以在商業市場中很吃香,《青年》雜志看中奧托出色而且可塑性強大的設計表現而邀請他加盟。

          加盟《青年》之后的奧托不負所托,輸出了大量優秀的封面與插圖設計,這些設計居然又以浪漫柔和的平涂風格居多,跟漢斯當時的設計風格相互補充。

          用一篇文章,幫你了解德國的「青年風格」設計史

          奧托設計的《青年》雜志

          除了平面設計,奧托也做首飾、家具跟服裝一類的設計,跟當時大部分設計師一樣,同屬全能,而且隨著名聲越來越大,德國最大的著名電器企業的“AEG 電器”也邀請他做工廠設計顧問,可謂在設計事業上達到第一個巔峰。

          用一篇文章,幫你了解德國的「青年風格」設計史

          奧托為 AEG 電器做的平面設計

          德國 AEG 公司在史太濃的設計史內容中曾多次出現,非常重要,后面還有戲份。

          另一位現代設計之父

          在“第 9 回—東方主義在西方”的時候談到過第一位被稱作“現代設計之父”的人,就是經常會被各種主題或者人物“召喚”出來的威廉莫里斯(William Morris),相信大家已經很熟悉。

          用一篇文章,幫你了解德國的「青年風格」設計史

          而第二位獲此殊榮的人就是馬上要談及的彼得·貝倫斯(Peter Behrens),熟悉史太濃的朋友清楚,他也是老熟人,「大師列傳」里曾經比較詳細談及他的故事。(可以移步檢索)。

          用一篇文章,幫你了解德國的「青年風格」設計史

          他也被業界視為“現代設計之父”,有時候前面會加上“德國“做前綴,但史太濃認為他有足夠資格不加,從歷史來看,他的地位來得有根有據。

          貝倫斯精通繪畫、建筑、產品跟平面設計,還是德國設計協會(德國工業同盟)的創建人跟話事人之一,公認完成了世界第一套 VI,也公認設計出世界第一批有規模的現代工業產品。

          用一篇文章,幫你了解德國的「青年風格」設計史

          彼得貝倫斯設計的現代電器

          現代建筑界最重要的 4 位大神,有 3 位曾經是他的員工,其中包含后來德國包豪斯的創始人格羅皮烏斯(WalterGropius)。

          用一篇文章,幫你了解德國的「青年風格」設計史

          包豪斯對于現代設計意味著很多,所以培養出格羅皮烏斯的彼得貝倫斯就是“現代設計教父”一類的存在。

          這里多說兩句格羅皮烏斯,他雖然以建筑設計為主,但因為創立偉包豪斯也會是我們「平面設計史」系列的重要人物之一,在德國的“青年風格“階段,他也不過是十多歲的孩童,但后面會有他的重要戲份。

          話題回到貝倫斯,以上例舉的事情只為說明他在現代設計歷史中舉足輕重,但每個人都有成長過程,“青年風格”時期正是貝倫斯“見龍在田,利見大人”的成長時期。

          用一篇文章,幫你了解德國的「青年風格」設計史

          彼得貝倫斯最著名的新藝術風格作品《吻》

          彼得·貝倫斯也生于 1868 年,這一年是個神奇好年份,如果大家有心留意,我們前面陸續聊過的大師,不少于 3 人是這一年出生,歡迎大家留言說出你所知道的答案。

          彼得貝倫斯也參與了青年風格的發起,是重要的先鋒之一,1900 年之前,主要為兩份德國雜志做平面設計,分別是《彩色鳥》(Der Bunte Vogel)跟《島》(Die Insel)。

          用一篇文章,幫你了解德國的「青年風格」設計史

          《彩色鳥》雜志

          他分別為這兩本雜志提供插圖設計跟版面設計,風格是比較典型的新藝術曲線風格。

          “青年風格”時期的貝倫斯作品水平沒有很穩定,好的特別好,有一些相較《青年》雜志的水準而言還是有距離的。

          用一篇文章,幫你了解德國的「青年風格」設計史

          《島》雜志

          他真正的蛻變產生在 1900 年之后,因為他跟維也納分離派玩在一起,我們在維也納叛逆青年那一期談過,分離派(the Vienna secession)的風格受過德國“青年風格”的影響,其實兩者互有影響。

          用一篇文章,幫你了解德國的「青年風格」設計史

          分離派的平面設計

          彼得貝倫斯跟分離派的老大古斯塔夫·克里姆特(Gustave Klimt)私交甚好,而奧地利人跟德國人本身也是好哥們,所有經常會有學術交流一類的組織活動。

          分離派學習了青年風格的版畫格調,而青年風格則學習了分離派那種幾何抽象與象征主義,1900 年之后的青年風格也因此走出自身特色,顯得更加具有裝飾韻味。

          用一篇文章,幫你了解德國的「青年風格」設計史

          青年風格平面設計

          這種幾何抽象的變化,其實也跟與現代設計思潮銜接的重要階段,因為到了 1907 年,彼得貝倫斯就跟其它一些青年風格設計師成立“德國工業同盟”,同盟成員中誕生出后來包豪斯的兩任校長,可見彼此存在一脈相承的一些關系。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          文章來源:優設 作者:設計史太濃

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          從前端數字化到后端數字化,數字化的路到底該怎么走?

          ui設計分享達人

          從去年到今年,眾多行業都遭受到疫情這只黑天鵝的沖擊,然而,中國經濟也最快的從疫情中恢復到常態,其實這一過程,離不開數字化。從今天來看,數字化幾乎是各行各業都在試圖接受的一個進化路徑。

          早前YC中國創始人及首席執行官陸奇認為,數字化是把人們需要的信息獲取后存在一個特定的介質上,使得信息本身與這些信息所描述的實體分離開來,進而被大規模、高效地處理后又被傳遞回人們所使用的終端,被進一步利用的過程。

          他指出,在今天的知識經濟時代,它是由大規模的信息、數字化來驅動的。

          在過去60多年的歷史上,從第一代IBM為代表的單板個人電腦;第二代微軟、蘋果再到第三代、第四代的PC與移動與云,再到即將進入的第五代AI/5G +邊緣計算的早期,數字化進程一直是由計算平臺來驅動的。

          從陸奇的觀點來看,任何一代計算平臺,都有前端和后端。前端永遠由交互的模式來驅動。

          包含鼠標、鍵盤到手指等交互入口。其次,包含數字化的終端設備,比如個人電腦到智能手機等移動終端。前端永遠由交互的模式來驅動。

          而驅動后端演進的是計算資源規模的擴大提高,具體而言是運算信息、存儲信息和傳輸信息(網絡)的能力水平的提高。計算資源規模的提高也意味著數字化廣度和深度的擴展。

          一、前端數字化:從產業痛點入手,從體驗改善突圍

          從今天來看,借助計算平臺的發展,交互入口的演進,前端數字化與后端數字化已經在各行業演進。

          比如房產市場貝殼等玩家的VR看房、互聯網家裝市場的VR裝修、服務機器人市場的AI機器人、新能源汽車市場的換電模式(體驗交互終端)、手機廠商的智慧大屏等就是典型的前端數字化的案例。

          在今天,后端大規模的云計算開始把計算、存儲作為一種服務形式,讓每個企業在門檻很低的情況下,充分享用數字化所帶來的能力。

          后端的數字化創新更多是計算資源規模帶來的數據化驅動。

          比如說,各行各業與互聯網大平臺結合建立的數據化、以及互聯網巨頭借助自身的云計算資源平臺布局,帶動千行百業上云, 解決流程與業務創新。

          從前端與后端的數字化,或能窺視數字化轉型的趨勢性方向。

          互聯網平臺結合VR技術的應用在今天已經非常普遍,比如VR購物、VR看房以及互聯網家裝行業的VR裝修等玩法都相對成熟了。

          當前從國美打扮家到土巴兔、齊家網等互聯網家裝平臺,都加入了VR技術,能讓用戶有直觀獨特的3D全息家居體驗,用戶除了能全方位查看全息影像,觀看戶型展示,更能與全息影像展開交互。

          而VR看房也應用到了租房市場。傳統的線上看房,都是采用圖片和視頻的方式,但線下看房要花費大量的精力體力。從行業痛點來看,房地產互聯網廣告平臺模式最大的弊病就是滋生假房源,真實性難以判定。

          而互聯網房產與VR整合在一起,通過三維實景重建,建立3D化的體驗,帶來了多重體驗改善——它首先是讓消費者獲得沉浸式的看房體驗,自由行走在VR場景內,查看每一處細節。

          其二是,無需親自到現場體驗,就可以獲得所見即所得的現場體驗。其三,基于空間三維數據,以AI生成一種更具交互性的VR視頻,解決了房源的真實性的問題。

          這其實是一種典型的前端數字化創新,它通過VR這種新型的數字化終端與房地產、裝修等行業結合,一改過往看房不便利、假房源眾多、信息隱私泄漏等眾多短板。

          再看AI機器人市場。

          我們知道,工業機器人可以代替一部分人進行重復性的勞動,然而由于指令循環式的機械化,無法應用于家庭、商場、醫院等復雜環境中。

          2021年央視春晚上,紅色機身搭配祥云圖案的「拓荒牛四足機器人」亮相,讓服務型機器人進入大眾視野。

          這類AI機器人關鍵是解決了兩個核心的技術難題:其一就是賦予機器人感知的能力。其二是給機器人做好整個任務的長鏈條規劃。具備對指令進行解析,進行分層任務分解的能力。

          通過這兩個能力的完善,它就有機會針對行業的痛點改善交互模式服務于眾多的行業之中。比如在機場、銀行、購物中心等商業場景中,機器人能夠幫助企業減少人力資源支出,幫助人們快速獲得咨詢回應。

          某種程度上,這類探索更多是聚焦于如何更好的服務于人的問題,但如何利用機器人來更好地服務到社會更多細分群體,是它未來的考驗。

          此外,在新能源汽車行業,蔚來的換電布局是基于行業的電動車充電痛點而挖掘出來的新模式,在今天,電動汽車的電池電量焦慮無疑是當前消費者購買電動車的最大的焦慮與痛點。

          對此,蔚來提出了車電分離、電池租用的商業模式,背后的核心是蔚來把換電站、充電樁、電池、專員通過數字化搬到了云端,實現線上線下同步。它本質上是在電池技術短時期內難有突破的現實條件下,拿出的一種基于解決車電分離的問題、快速換電的新解決方案。

          再看電視行業。

          在今天,手機與PC已經搶奪了太多時間,人們正在形成用手機、平板看電視的習慣,電視的發展前景在哪里?

          從整個行業來看,電視行業經歷了一輪曲線發展,在2014年左右,中國智能電視行業的發展達到頂峰。隨后在2016年進入低谷。

          但2019年華為智慧屏之后,小米、海信、TCL等相繼發布首款智慧屏。智慧屏的出現,讓電視行業進入到家庭互聯網的時代。

          在雷鳥科技CEO李宏偉看來,電視行業發展經歷三個階段,第一階段是以顯示技術為主的傳統電視,第二階段是以觀看在線內容為主的智能電視,第三階段則是成為一部55英寸手機的智慧屏。

          雷鳥科技的智慧屏玩法是融合在大屏電視上建立了一個短視頻頻道,即當用戶想看短視頻或其他場景的時候,它可以旋轉成一個豎屏。

          某種程度上,智慧屏是在傳統電視的基礎上,為用戶提供更豐富、更個性化的使用體驗(如視頻通話、AI健身、實時互動教育等),重構了人機交互。

          綜上從VR看房、AI服務機器人、VR裝修,智慧屏、蔚來換電站等案例中,其實都能看到前端數字化重做的理念。

          它們都是看到了行業的痛點與短板,以及新階段的消費需求(比如貝殼看到了平面圖片的假房源問題,智慧屏玩家們看到了大屏需求與消費形態的轉變),然后借助了新的終端技術,新的計算平臺玩法嫁接,推動行業游戲規則的改變。

          前端數字化更傾向于從一個產業原本存在的痛點與問題入手,通過終端交互的創新,帶動用戶體驗的升級,試圖打破原本產品業務增長的瓶頸,通過體驗創新帶動新需求。

          二、后端數字化:借助數字中臺、云計算、SaaS等實現B端生意突圍

          如果說前端數字化更多面向消費互聯網賽道,而后端數字化創新則更多是面向B端產業互聯網賽道。

          在今天來看,從國外亞馬遜微軟,到國內BAT、華為、字節跳動,它們當前的戰略是集體To B,爭奪云計算賽道蛋糕,這是平臺型巨頭帶動后端數字化的一個側面。

          在當下這些巨頭玩家們的布局戰略來看,存在諸多共性:

          首先是巨頭們To B都是主打技術輸出,賦能各行各業。亞馬遜、阿里云,騰訊云、百度云、字節跳動火山引擎等都在以技術輸出、賦能各行各業的方式在To B市場跑馬圈地。

          其次,都基于自身業務發展特色提出了相關的服務與解決方案——當前,一方面,騰訊云有 “數據驅動” 解決方案、阿里云有 “推薦算法” 解決方案,火山引擎有“智能增長技術” 。

          另一方面,BAT字節跳動等眾多大廠開放了比如釘釘、企業微信、飛書、如流這些工具,可以免費被中小企業使用。

          其三是大廠憑借C端業務的巨大體量,都在輸出數據中臺。

          而從平臺商業模式的演變來看,字節跳動與騰訊、阿里等巨頭型玩家的商業化路徑有類似之處,即首先是通過入口級流量型產品聚集起規?;牧髁颗c用戶進行流量變現,然后切入B端市場,開始進一步輸出技術價值(大數據、人工智能、云服務等)。

          綜上來看,從BAT到字節跳動來看,它們就是借助了數字中臺、云計算等底層基礎設施的能力,來推動平臺數字化賦能模式與用戶增長模式。

          在目前,基于強大的數據分析能力來實現用戶精準定位,最直觀的例子是電商行業,無論是基于消費者偏好的廣告投放,還是基于對用戶群體需求行為數據分析,結合在線人群識別技術,電商APP總能精準卡準你的偏好與需求。

          此外,在技術價值輸出層面,百度騰訊等玩家也帶動了自身的云服務能力在營銷、工業、金融等多個行業成功落地。

          而傳統企業后端數字化的本質就是把人工、線下的經營模式搬到線上去,通過互聯網軟件技術來實現獲客與增長。比如傳統的企業增加了ERP系統、CRM等。

          而SaaS是后端數字化的典型。所謂SaaS,也就是軟件及服務,很多中小企業都會選擇SaaS提供企業服務。

          早在2016年知識付費興起,作為創投的一個新風口,當時的互聯網行業里紛紛涌現了像得到、喜馬拉雅、千聊、荔枝微課等知識付費平臺。

          但發展到后來,教育培訓與知識付費費行業越來越傾向于需要一個專業化的工具來實現內容的獲客引流。而知識服務SaaS平臺就這樣應需求而生。小鵝通、千聊、荔枝微課是其中的典型玩家。

          小鵝通是基于微信生態的SaaS服務工具,客戶可以基于這個工具在微信里運營私域流量,打造自己獨立的知識店鋪,圍繞著教育與知識付費業務,實現引流獲客、線上用戶運營,幫助商家打造完整的業務閉環。

          同類型的還有千聊和荔枝微課,它們作為知識支付平臺工具,可以通過SaaS系統,幫助創業者建立自己的知識商店。

          在SaaS服務工具中,CRM的普及化程度相對較高。從字面意義來看,企業用CRM來管理與客戶之間的關系,從而支持有效的市場營銷、銷售與服務流程。

          它的本質是把企業的組織架構,業務流程,運營模式等通過軟件系統的形式固化下來,是一種創新的企業管理模式和運營機制。

          由于CRM是企業面向外部銷售、客戶服務的部分,在數字化過程中,它與業務增長具備直接關聯性,也因此最快被企業接受。

          國內企業服務領域機構T研究發布了《2021中國CRM數字化全景實踐研究報告》,報告指出,在經歷了“疫情”黑天鵝事件后,中國市場中的CRM品牌反而逆增長趨勢。

          特別是在大量業務必須線上化、數字化加劇的雙重驅策下,CRM成為了企業抵御風險、保持增長、以客戶為中心的轉型必要選項。

          SaaS服務工具是數字化轉型的大勢下一股代表性的力量,他們為企業提供一種獲客引流的數字化工具,增加了與客戶接觸的觸點。

          有業內觀點認為,傳統企業軟件之所以到了規模化增長的天花板,是因為沒有解決服務產能問題,而SaaS的運營本質是服務的管理,即通過高效的工具系統來支撐,圍繞獲客、留存、增長的全鏈條的服務。

          因此,SaaS服務作為數字化轉型中的一股重要力量,它試圖幫助增加客戶接觸機會,實現更高的銷售額,說到底,企業的數字化轉型,其中一個重要驅動力還是利益驅動。

          如果說前端數字化創新更多偏向于消費互聯網賽道,通過終端交互創新發力行業的痛點,那么后端數字化其實更偏向產業互聯網,更多借助了數字中臺、云計算、SaaS等底層基礎設施的變革,來實現了產業化B端生意的突圍。

          三、數字化轉型的難題、痛點以及未來

          也就是說,從計算平臺交互模式的不同,各行業企業有了前端數字化與后端數字化不同發展與創新模式。

          從趨勢來看,未來所有的企業都將成為數字型企業。如前所述,對于眾多傳統企業而言,它首先是利益驅動,這決定了它關注降本增效,但更關注投入產出比的問題。

          從業務模式來看,前端數字化更多是聚焦通過產品層面的技術創新來實現業務與產品體驗破局,而后端數字化更多是基于數字化技術(如大數據、云計算、人工智能等)來推動企業組織轉變業務模式,組織架構。

          前端數字化它更多聚焦于解決客戶的現存痛點,比如:

          • 家裝、房產相關市場可以利用虛擬現實和三維建模技術為顧客提供仿真體驗;
          • 酒店行業、汽車行業提供基于智能手機的無鑰匙產品化體驗;
          • 餐飲行業已經實現了掃碼排隊、點菜服務等。

          而后端數字化更講究從數字渠道有效觸達目標顧客的能力,目前圍繞微信、抖音快手、頭條、淘系等各個內容平臺,出現了非常多的營銷獲客的解決方案,這本質是借助后端數字化的模式來實現業務的線上化營銷突圍與創新。

          而“上云”也已成為后端數字化轉型的基礎,從產品、業務再到運營和服務等各種轉型層面,通過“上云”獲取算力資源實現對用戶需求的精準定位都變得必不可少。

          來自全球知名數據機構IDC的報告顯示,疫情加速了全球以云為中心的IT轉換,預計到2024年,全球整體云計算產業規模(包括云服務、云相關服務和云基礎設施建設)將達1萬億美元以上,而在中國將達到1000億美元以上。

          有業內人士指出,為什么傳統商超干不過電商?因為傳統商超是憑經驗來判斷市場平均需求,而電商則是精確量身定制,當前C2M、社交電商等新模式開始進一步升級了這種精準定位能力。

          對于中小企業來說,數字化轉型無疑也面臨著眾多難題,一方面是面向內部,數字化轉型需要企業運營體系、組織架構、技術開發等各種力量的配合,打破部門之間的數據壁壘與業務流通壁壘。

          盡管不少企業內部有管理升級和業務創新的需要,但在成熟的、利益機制板結的傳統大企業內部,實現起來并不容易。

          另一方面是面向外部,挑選哪家廠商的服務,平臺的解決方案是否與自己的業務適配等等,這些顧慮無形之中給企業增加了采購風險與相應的損失與誤差。

          這事實上也是對提供云服務的巨頭的一大考驗,在云市場,你給客戶提供的能力是否有助于幫助企業建立壁壘,形成差異化的競爭能力,這是關鍵。

          在今天,從工業、金融到地產、零售等都行業都已經實現不同程度的數字化轉型,實現了對業務的局部改善。但從未來趨勢看,企業到底應該走向哪一條路,其實關鍵是看其本身的模式是產品創新驅動還是服務、業務創新驅動,或者說是兩種情況的融合。

          這往往都是由企業的商業模式或生意模式決定的——產品創新驅動為主的商業模式對應的更多是以前端數字化為主,而業務銷售創新驅動的則更多是以后端數字化為核心。

          從前端數字化發展趨勢來看,它在電商、零售領域中已經應用得相對成熟了,在互聯網平臺經濟模式中,融合AR與VR技術等新一代交互終端帶來前端用戶體驗創新方面還存在巨大的機會。

          而前端數字化程度越高,沉淀的后臺數據就往往越豐富,這往往對于后端數字化的改造與升級的推動作用就更明顯。

          因此,這兩種數字化模式之間也沒有明顯的界限,在多數情況下,企業需要融合這兩種數字化模式的創新,實現前后端數字化的雙向升級,在此基礎上,再考慮投入產出比的問題。

          美國學者尼葛洛龐帝在其1996年出版的《數字化生存》一書中提到對未來的暢想:人類生存于一個虛擬的、數字化的生存活動空間,在這個空間里人們應用數字、信息等技術從事信息傳播、交流、學習、工作等活動。時至今日,尼葛洛·龐帝的很多描述已經成為現實。

          在今天,每個人手機里小小健康碼的背后,其實就是“數字化”城市治理的一種表征。

          綜合來看今天的數字化轉型,我們發現,前端數字化講究技術和需求掛鉤,與投入產出比結合,從解決實際的需求與痛點出發拉動技術與市場的創新進度。

          而后端數字化更多是基于對業務數據充分而高效的運用,實現組織經營的完全數字化,從而提升企業運營效率。

          四、結語

          數字化的大潮正在到來。

          在這個大時代下面,誰能站到浪潮之巔,就看是否能找到合適的突破口,實現從前端數字化層面的用戶體驗的突圍與升級,到后端的數據化基礎設施的指導結合起來形成綜合性的競爭力,繼而順應時代潮水流動的方向,成為潮水的一部分。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:人人都是產品經理    作者:王新喜

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          快來溫習!2021年占據主導的8個UI和UX趨勢

          ui設計分享達人

          今天和大家一起溫習下2021年占據主導的8個UI和UX趨勢,干貨建議提前收藏

          沒人能夠預測未來會發生什么,但是在數字世界中,趨勢確實存在于設計師的圈子中,并且在有規律的演化中。大家可以已經看膩了不少趨勢研判文章,但是,適當總結一下當年的趨勢,把這個時間線拉長,你會覺得非常好玩。從移動端設計剛開始流行的時代,到現在,設計趨勢都發生了哪些變化呢?它們是不是又會返祖,復古?周而復始?咱們不得而知。

          雖然2021年已經過去一半,不過,今天咱們還是先Review一下2021年正在流行的幾個設計趨勢,加深一下印象吧!

          當然,各位設計師,趨勢僅僅是一種現象,想要做的出圈,與眾不同,我們必須站在趨勢之上,做出自己的創新,這樣才能在千篇一律的設計中獨當一面。

          一、UI中的3D元素

          3D 圖形越來越多地出現在 Web 和移動界面中。毫無疑問,將各種 3d 圖形應用到移動和 Web 界面是一項相當大的挑戰,需要良好的技能和藝術眼光才行。在我們的 UI/UX 設計中添加 3D 元素有很多好處:

          • 讓用戶更好的理解設計意圖和元素
          • 讓用戶流程的設計更加輕松有趣
          • 可以實現360 度的演示
          • 3d 元素看起來對用戶更具吸引力,從而觸發他們的長期參與

          ByMako Tsereteli

          二、玻璃擬態(Glass Morphism)

          玻璃擬態是大多人更喜歡的最新UI設計趨勢,它引人注目且色彩繽紛,這種趨勢兼顧透明度和層次感。玻璃擬態設計給人以磨砂玻璃的感覺,近一段最受歡迎的趨勢。這種風格深受蘋果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的類似概念的影響。在許多情況下,如果使用得當,Glassmorphism 可以使網站和應用程序對用戶更具吸引力。

          ByMahmudul Hasan Manik

          三、暗黑模式(Dark Mode)

          深色主題現在已經成為應用必備的界面了。手機的白色界面可能對我們的眼睛造成更多的刺激,這就是所有應用程序和網站都加入了暗黑模式設計的原因。暗模式有一些我們應該遵循的特定規則。深色主題的主要優點是在弱光環境中具有更好的可讀性。作為 UI 和 UX 設計師,我們應該明白它的主要作用,它主要是減少了用戶的眼睛疲勞并提高了夜間的可讀性。

          ByJulius

          四、無色界面(原詞Colorless)

          色彩理論知識在每個 UI 和 UX 設計中都至關重要。正確使用顏色對于為您的客戶創造正面形象很重要,這就是顏色在 UI 和 UX 設計中扮演重要角色的原因。大多數 UI 設計師都使用鮮艷的色彩來將用戶的注意力集中在重要元素上,并使我們的設計令人難忘。下圖分別為單色調和雙色調界面。

          By Resuscitation

          五、包豪斯風格

          包豪斯的風格通常被描述為藝術和手工藝運動與現代主義的結合。包豪斯設計幾乎沒有裝飾,注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設計,也可以理解為包豪斯的復興。包豪斯設計在UI設計上的核心,就是將設計簡化為必要的功能,使其美觀和輕松,以及精心制作每一個小細節。

          包豪斯設計幾乎沒有裝飾,注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設計也是包豪斯風格的復興表現之一。

          By Beto Garza “Helbetico”

          六、白背景及顏色

          在當今的設計中,白色背景越來越受到大家的歡迎。了解色彩心理學是創建配色的一個關鍵方面,這在數字設計中效果很好。吸引用戶的最佳方式是通過“色塊”平衡單色背景色與亮色,以突出數據中的重要內容或者異常提示部分。少即是多,當您在 UI設計中使用較少的顏色時,這將對用戶更具吸引力和亮點。

          By Resuscitation

          七、UI中的動畫插圖

          插圖是用戶界面中更直觀的視覺闡述,也一直是UI設計中長盛不衰的“趨勢”之一。動畫插圖,在與用戶交互過程中為UI注入了強大的生命力。它幫助用戶獲得更立體的反饋,為創建更生動的微交互創造了條件。

          By Rachelizmarvel

          八、極簡主義

          極簡主義是 UI 設計中使用最多的“風格”之一,它有助于改善用戶體驗。在我們的 UI 設計開始極簡設計之前,有必要了解術語“極簡”的含義以及為什么極簡在 ui 中很重要。下面是極簡主義的特征:

          • 簡單
          • 清晰度高
          • 富有表現力的視覺層次結構
          • 凸顯每個元素的功能

          By Shakib

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:人人都是產品經理    作者:Tzw_n

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          UI/UX設計趨勢@2021年中期盤點

          ui設計分享達人

          往往偉大的事業都是從七月開始的、我用一個設計師的視角,來盤點一下UI/UX行業這半年的設計風格走勢。

          以下我從色彩、圖形、圖標、排版、行業趨勢這五個層面進行一些2021年中期盤點總結。


          在色彩方面,雖然UI是一個相對獨立的設計環境,但其實一直是在跟隨平面的趨勢。

           


          年初潘通發布了2021年的色彩流行趨勢,灰黃色一時間成為了我們追逐的目標。

          但是潘通流行色更多是表現了一種當下的社會情緒與遠景追求,并不是用來指導設計的。

          (圖片來源:Dribbble)


          在UI的色彩方面,我們都記得2020年還是流行的是高飽和色彩路線,而2021年UI色彩一下子就被沖淡了,各種低飽和度色彩的作品更加得到設計師的青睞,似乎也昭示著大家的情緒也從疫情中慢慢穩定了下來,這個世界的確需要設計來對情緒進行即時表達,在5月份Google的全新Material You設計語言中,這種低飽和色彩也被發揮的淋漓盡致。相信低飽和度色彩將在2021下半年會延續發展!


          有關Material You信息可以看一下我的另一篇文章《Material You 為你而來!》


          (圖片來源:Google Material You)


          (圖片來源:Dribbble)


          圖形方面,亮點在3D!毫無疑問3D插畫在2021上半年繼續著他的強勁勢頭,2021上半年涌現出了大量優秀的3D風格插畫,并且不止是3D卡通人物,在產品渲染和背景展現上也在醞釀新的力量。特別說明的是,設計工具的高速發展也讓3D門檻不斷降低,如果你只盯著C4D那就真的OUT了,像Blender Spline Stager 這樣的新興輕量級3D工具軟件是需要特別關注的,也許這些新工具是真的能讓你跑出與別人不一樣的賽道。


          (值得關注的3款新興3D軟件)



          在2D圖形方面,也有突破,除了傳統的矩形、圓角矩形、圓形之外,UI中將會引入到更多的形狀,像多邊形、三角形、不規則形都會大量的出現在UI設計中,UI設計越來越開放和放得開了!



          (圖片來源:Google Material You)


          隨著去年底蘋果BigSur操作系統的發布,3D圖標著實火了一段時間,出現了不少3D風格圖標。但是后來大家發現在圖標在2D層面其實還是很有創新點的,并且也更加實用,所以我們又看到了磨砂玻璃風格圖標走入了我們的視線。這種采用背板透光設計的風格圖標,看起來清新自然,一經亮相就讓設計師們喜歡起來了!

          (圖片來源:Dribbble)


          但無論是3D風格還是磨砂玻璃風格圖標設計,從某種意義上說,這些都是擬物化設計的一種新的回歸方式,設計就是一個圈哪!


          排版設計,塊狀與字體成為了關鍵詞。先看幾個作品,你發現了什么了嗎?


          (圖片來源:Dribbble)


          UI設計的排版不止是為了視覺好看,更多是要做信息的分割與歸類,讓信息閱讀快速準確且優雅!從某種方面也就是我們說的用戶體驗。當下仍然是扁平化為主體UI設計語言的時代,陰影設計幾乎已經退出了當下的主流設計,所以在信息的區分上靠的就是留白與文字,所以加粗大字體,卡片留白、形狀色彩塊就在UI排版設計中起到重要的作用。再輔助通過一些微交互動畫,一切都是那么自然絲滑,主次分明!


          (UI排版的三個趨勢)


          最后我們說說行業趨勢方面,在2021上半年的UI設計作品中,除了常規的移動端APP UI設計之外,我們更多看到了一些針對于其他設備的UI設計,比如說電腦B端應用、車載HMI、數據可視化、交互動畫等這樣的新端趨勢,并且這些作品的數量越來越多了,所以從行業趨勢來講,UI設計師們還是要打開更多的眼界和格局,設計的競爭不止是在水平能力上,更重要的是行業賽道的選擇!關注趨勢尤為重要!


          (圖片來源:Dribbble)

          (需要關注的四個新端設計趨勢)



          用我開頭的那句話,做個結尾吧! 往往偉大的事業都是從7月開始的,無論你上半年是碩果累累還是顆粒無收,現在開始!一切都還來得及,還來得及!


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:站酷  作者:殘酷de樂章

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          UI/UX設計趨勢@2021年中期盤點

          ui設計分享達人

          往往偉大的事業都是從七月開始的、我用一個設計師的視角,來盤點一下UI/UX行業這半年的設計風格走勢。

          以下我從色彩、圖形、圖標、排版、行業趨勢這五個層面進行一些2021年中期盤點總結。


          在色彩方面,雖然UI是一個相對獨立的設計環境,但其實一直是在跟隨平面的趨勢。

           


          年初潘通發布了2021年的色彩流行趨勢,灰黃色一時間成為了我們追逐的目標。

          但是潘通流行色更多是表現了一種當下的社會情緒與遠景追求,并不是用來指導設計的。

          (圖片來源:Dribbble)


          在UI的色彩方面,我們都記得2020年還是流行的是高飽和色彩路線,而2021年UI色彩一下子就被沖淡了,各種低飽和度色彩的作品更加得到設計師的青睞,似乎也昭示著大家的情緒也從疫情中慢慢穩定了下來,這個世界的確需要設計來對情緒進行即時表達,在5月份Google的全新Material You設計語言中,這種低飽和色彩也被發揮的淋漓盡致。相信低飽和度色彩將在2021下半年會延續發展!


          有關Material You信息可以看一下我的另一篇文章《Material You 為你而來!》


          (圖片來源:Google Material You)


          (圖片來源:Dribbble)


          圖形方面,亮點在3D!毫無疑問3D插畫在2021上半年繼續著他的強勁勢頭,2021上半年涌現出了大量優秀的3D風格插畫,并且不止是3D卡通人物,在產品渲染和背景展現上也在醞釀新的力量。特別說明的是,設計工具的高速發展也讓3D門檻不斷降低,如果你只盯著C4D那就真的OUT了,像Blender Spline Stager 這樣的新興輕量級3D工具軟件是需要特別關注的,也許這些新工具是真的能讓你跑出與別人不一樣的賽道。


          (值得關注的3款新興3D軟件)



          在2D圖形方面,也有突破,除了傳統的矩形、圓角矩形、圓形之外,UI中將會引入到更多的形狀,像多邊形、三角形、不規則形都會大量的出現在UI設計中,UI設計越來越開放和放得開了!



          (圖片來源:Google Material You)


          隨著去年底蘋果BigSur操作系統的發布,3D圖標著實火了一段時間,出現了不少3D風格圖標。但是后來大家發現在圖標在2D層面其實還是很有創新點的,并且也更加實用,所以我們又看到了磨砂玻璃風格圖標走入了我們的視線。這種采用背板透光設計的風格圖標,看起來清新自然,一經亮相就讓設計師們喜歡起來了!

          (圖片來源:Dribbble)


          但無論是3D風格還是磨砂玻璃風格圖標設計,從某種意義上說,這些都是擬物化設計的一種新的回歸方式,設計就是一個圈哪!


          排版設計,塊狀與字體成為了關鍵詞。先看幾個作品,你發現了什么了嗎?


          (圖片來源:Dribbble)


          UI設計的排版不止是為了視覺好看,更多是要做信息的分割與歸類,讓信息閱讀快速準確且優雅!從某種方面也就是我們說的用戶體驗。當下仍然是扁平化為主體UI設計語言的時代,陰影設計幾乎已經退出了當下的主流設計,所以在信息的區分上靠的就是留白與文字,所以加粗大字體,卡片留白、形狀色彩塊就在UI排版設計中起到重要的作用。再輔助通過一些微交互動畫,一切都是那么自然絲滑,主次分明!


          (UI排版的三個趨勢)


          最后我們說說行業趨勢方面,在2021上半年的UI設計作品中,除了常規的移動端APP UI設計之外,我們更多看到了一些針對于其他設備的UI設計,比如說電腦B端應用、車載HMI、數據可視化、交互動畫等這樣的新端趨勢,并且這些作品的數量越來越多了,所以從行業趨勢來講,UI設計師們還是要打開更多的眼界和格局,設計的競爭不止是在水平能力上,更重要的是行業賽道的選擇!關注趨勢尤為重要!


          (圖片來源:Dribbble)

          (需要關注的四個新端設計趨勢)



          用我開頭的那句話,做個結尾吧! 往往偉大的事業都是從7月開始的,無論你上半年是碩果累累還是顆粒無收,現在開始!一切都還來得及,還來得及!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:站酷  作者:殘酷de樂章

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          聚焦B端產品價值——B端產品的落地實踐指南

          資深UI設計者

          2021年6月5日~6日,人人都是產品經理舉辦的【2021中國B端產品經理大會·上海站】完美落幕。攜程旅游搜索產品負責人@毛新年 進行了精彩的內容分享,他分享的主題是《聚焦B端產品價值——B端產品的落地實踐指南》。

          一、B端產品核心價值解析

          他首先將B端產品主要分為企業自身業務對應的B端產品和互聯網業務對應的B端產品。

          企業自身業務對應的B端產品服務于企業自己,產品形態多為ERP、CRM等,產品提供者是IBM、用友或者企業自研等;

          互聯網業務對應的B端產品服務對象是B端商家形成的商家生態,產品形態如阿里/美團商家系統等,產品提供者則是阿里/美團等互聯網平臺。

          企業是市場競爭的主體,B端產品核心目標是為企業降本增效。

          二、從企業管理到業務執行,B端產品的價值體現

          那么B端產品如何實現助力企業成本降低呢?

          針對B端企業工作的重復、繁雜、專業特點,B端產品在產品設計上遵循以下四個邏輯可為降低企業成本發揮自己的價值:

          • 人機替代:需要人做的工作盡量少,對應產品功能就要求工作盡量能夠自動化,實現人機替代;
          • 智能化:如果工作確實不能系統替代,那么應該使系統盡量降低對人專業知識的依賴,對應產品功能要求系統高度智能化,小白也能做;
          • 自主學習:對于小白不會的工作,系統應提供在線指導和交互學習,對應的產品功能要求系統提供便捷自助學習的能力,小白非常方便自我學習來完成工作;
          • 無障礙:當有疑似錯誤操作時,系統能智能提示并容錯,對應的產品功能為自檢&容錯

          除了降低成本之外,B端產品還能在提升企業效益方面做出自己的貢獻,針對B端業務管理對象多,業務蘊含的價值大的特點,在產品設計遵循如下這三個邏輯,可以充分挖掘大數據價值,提升效益:

          • 規范化:將語義相同的各種說法規范為統一說法,有助于大數據的統計、歸一、計算的一致性,有助于挖掘出業務內涵價值,這要求建立業務規范知識庫;
          • 標準化:B端企業在標準化業務上往往得心應手,將非標業務標準化,給平臺和商家提供增量業務空間,這就要求B端產品提供業務標準化能力,這要求建立業務標準知識庫;
          • 平臺化:將工作成果平臺化共享,平臺化一方面減少商家工作量,另一方面提升了數據準確性,提升平臺和商家經營績效,這就要求建立業務規格知識庫。

          接下來用典型案例來展示上述產品邏輯如何在實踐中落地。

          以電商平臺商品發布業務為例,店小二發布一款商品要經歷以下步驟,每個步驟的難度不一樣。

          首先要選擇商品所屬目錄,接著要填寫商品屬性規格,這是工作難度最大的,也是工作量最大的。還有填寫物流信息、填寫服務信息、上傳商品主圖、上傳商品詳情圖等一系列操作。

          這是前端的業務流程,而從產品的角度,可以分成六大模塊。

          • 目錄選擇步驟對應的產品后臺能力為目錄智能預測。
          • 屬性填寫需要產品后臺規范知識庫、標準知識庫、產品信息庫,實現各類屬性的填寫。
          • 物流填寫對應的是地址智能提示,畢竟人不能記住國家地理區劃,這就需要物流地址的智能提示功能。
          • 服務填寫對應的是標準服務項目庫。以前服務不是標準化的,但是作為平臺來說需要將服務項目標準化。
          • 主圖和詳情的上傳對應的是圖片智能檢測,看看圖片是否符合國家的合規規范和電商平臺的管理規范。
          • 后端大數據智能化和各類知識庫支撐商品發布業務的準確、快速、低成本的B端商家訴求。

          從商品發布來看如何實現降本增效?

          1)重復繁雜工作自動化

          每天的商品上新,營銷活動都需要大量修圖摳圖工作,電商平臺和商家每年耗費大量美工投入到圖片制作。

          2017年阿里雙11多達4億張圖片,如果靠設計師人工去設計制作,即使是業務熟練的設計師,也需要100位設計師不眠不休工作300年。所以要用人機替代的方式,利用系統來完成上述重復繁雜的工作。這種通過深度學習海量素材,自動生成各種圖片,不僅大大減少了人的工作量,而且系統設計的圖片點擊率增長一倍多,除了電商平臺自己使用外,還直接提供給商家使用,這樣大大降低了商家小二的工作量,為商家節約了大量人工成本。另外,平臺每天需要審核的圖片也有很多,通過系統自動檢測圖片是否涉黃涉敏、圖文不符、違反廣告法,違反電商平臺的運營規范等,大大減少人審核工作量,也為商家降低了大量用人需求,節約了不少成本。

          2)專業工作智能化和便捷自主學習

          B端產品對商家小二專業知識要求高,商家的用人成本高。

          比如在類目選擇環節,需要小二熟悉平臺類目體系。

          在屬性填寫環節,需要小二熟悉商品知識。

          在圖片制作環節,需要小二熟悉國家電商法律法規以及平臺運營規范。

          所以,就需要將專業知識內嵌的產品系統,減少對商家小二知識的依賴,這些要求在產品能力上通過智能化技術進行支撐。

          有了智能化支持,在發布商品的時候,小二只需要填寫商品標題或者幾個關鍵詞,系統就會提醒你它可能屬于什么類目,讓你去做選擇。

          屬性的填寫也是如此,系統將可能的屬性值羅列出來,讓你做選擇就行。

          這樣即使不是一個資深的采購也能明白,將難度降低到中級甚至初級。

          如果有些小二對于平臺規則不熟悉,系統會在頁面給出指引或者視頻圖文在線交互學習,引導小二正確操作。

          比如小二不知道生產許可證編號是什么,系統會給出相關提示和案例,小二看到案例就會一目了然。為什么電商平臺要做到如此細致,因為商家太多了,比如阿里、拼多多、美團等平臺的商家數量高達千萬,不可能商家有疑問就找平臺客服。通過便捷式學習自助式解決,只要中初級人員就可以完成工作,降低了商家的用人成本,同時也減少了平臺客服的用工人數,降低了電商平臺企業的成本。

          3)系統自檢和容錯

          在智能化或在線學習前提下,小二仍舊可能發生錯誤操作,或者利益驅使下故意犯錯,或者系統知識不完備,有時候商家是正確操作,但是系統認為是錯誤的。在這樣的情況下,系統要具備實時自檢能力,根據事先內嵌的專業知識,實時校驗并提示商家實時糾錯。如果商家堅持,系統具備容錯能力,業務依舊可以進入后續環節,而不是在線等待。

          比如在填寫冰箱的體積時,系統會內設一個最大最小的體積范圍,但是商家的冰箱超出了最大體積,在商家小二進行屬性填寫的時候,系統會根據內嵌的物流體積范圍,校驗小二填寫的體積,超過范圍實時提示商家糾正,如果商家堅持,還可以繼續填寫,但是系統會記錄這個異常數據,平臺客服會與商家小二進行確認,最后更新內嵌知識。

          小結:

          人口紅利消失,增量業務拓展難度加大的時代背景下,降成本也是提升企業競爭力的有效手段。針對B端業務的重復、繁雜、專業的業務特點,我們B端產品經理應該將B端系統設計成足夠自動化、智能化實現人機替代,并設計友好無縫的交互學習素材實現低專業知識依賴,幫助企業實現降成本的目標。

          4)規范化

          每個商家對商品的理解可能不同的,所以說法可能就不一樣。比如同一罐奶粉,它適用于一到三歲的孩子,也可以寫作12到36個月。相同含義項目多且雜,商家不知道該選誰、用哪種說法,因此大數據也無法歸一統計,精準分析。這就要求知識盡量規范化,將含義相同表述不同的業務知識規范化,形成業務規范知識庫。

          規范化提煉后,盡量讓商家小二選擇屬性值,減少自由填寫錯誤。大數據根據規范之后的知識進行統計分析,提供給商家的數據更精準,這樣對于商家決策來說幫助更大。

          而這些知識是從哪里來的呢?從商品說明書,客服、評價、調研中采集而來,屬性值通過歷史數據和商家小二的在線提報補充到知識庫,內嵌于系統中。

          5)標準化

          隨著電商發展,各種非標商品急需在線上獲得商業機會,同時消費者對服務的要求越來越高,所以,將非標商品或服務標準化,擴大商家的商業機會,同時有助于提供統一的交互語言和商品定價。其中包括服務的標準化,比如保險、物流、售后等,能夠提供這些服務的商家會獲得更多的流量和更高的轉化,也會倒逼其他商家進行服務升級。

          將非標商品標準化,例如生鮮水果,通過建立標準,提供統一定價依據,有助于優質商品實現優質優價,同時避免商家描述不一致帶來的客訴。

          6)平臺化

          平臺上有大量商家做完全相同的工作,那么能否在商家間共享工作結果,節約社會資源,例如有上百個商家賣同樣的蘋果手機,這些商家發布商品都需要填寫商品的參數信息(多達上百項),將這些相同的工作進行平臺化后能讓所有商家共享。

          將商品的描述分為產品信息和銷售信息,其中產品信息是相同的,所有商家共享;銷售信息每個商家都不一樣,自己做維護。

          建立這樣一個產品信息庫之后,商家只要在發布商品時檢索產品信息,其他信息全部由產品信息庫提供,無需商家輸入,數據一致性有了保障。

          例如手機只需要填寫品牌、系列、顏色、內存,其他公共信息可被自動調出來供所有商家使用。

          包括快消品,以濕紙巾為例,只要檢索品牌、序列、規格,就能其他信息調出來。非標品的服飾也可以這么做,提供品牌和貨號就可以調出其他信息。

          小結:

          馬老師曾經說過:“數據就是互聯網時代的石油”,挖掘業務蘊含的數據價值,可以為企業提升經營效益,在B端產品系統中,通過規范化、標準化和平臺化可以提升數據的準確性和一致性,有利于發揮大數據價值。

          三、B端產品實施落地的難點剖析

          B端產品在實施落地中主要存在兩大難點。

          1. 企業內組織問題

          很多時候,老板說要做一項工作,產品經理可以給出方案,推動研發并實施上線,但是產品上線后缺乏運營,最終導致產品難以達到預期成效。這主要企業內分工不清晰,有產品無運營,有系統無人背負運營或者經營指標考核,要求產品經理推動無運營無考核不立項進行產品設計,規劃,更別說研發了。

          B端產品想要降本增效,但是很多人擔心會因此丟了工作。所以,他們有所顧慮讓降本增效難以推進。因此,在存量業務中找增量業務,把部分員工分流到新業務中去。例如,針對電商業務,我們可以不僅僅只做零售,還可以做批發;不單單做線上,還可以做線下,這樣對員工的技能也是很大的提升。

          2. 企業間協作問題

          現在企業合并或并購已經非常常見了,弱勢企業B端系統往往被要求對齊到強勢企業,改造過程困難也比較大。

          尤其是文化習慣制度方面的差異,這些差異往往也體現在B端產品上。

          所以,在企業文化融合方面要建立溝通共識。文化習慣制度靈活把握尺度,非原則問題的差異,可以求同存異,逐步對齊,原則問題需要一步對齊。

          除了文化方面,在業務方面,不同公司也不一樣,有成熟的業務也有新業務。這種情形最好是互補,而不是一味用強勢企業取代被并購/合并方,否則不僅可能造成人員的大幅動蕩,而且可能將被收購企業的成熟業務破壞掉。例如某線上的電商平臺,并購了線下的企業,在進行商品融合的時候,給原來線下的企業新增一個線上的渠道。

          以賣葡萄酒為例,線下門店是按照國家產區進行分類,比如法國、意大利、澳大利亞;而線上是按葡萄酒類型分類的,比如起泡酒、干紅等。

          為什么會出現這樣的差異呢?因為電商起初的進口酒業務是商家C模式,傭金扣點都是相同的,但是線下門店是自營模式經營,來自不同國家進口葡萄酒關稅不同,因此分類體系也不同。

          在融合方案的時候,不能只是簡單將線下知識廢棄掉,而是合理地吸收。

          因此融合之后,線上的商品主數據多了類別和產地,線下的商品也可以在線上進行銷售。

          小結:

          B端產品核心價值為企業降本增效。B產品經理是企業降本增效的“引擎”,主導系統架構設計,能否按照降本增效背后本質的產品邏輯,設計出具備人機替代、智能化、規范化、標準化和平臺化系統功能決定降本增效能否實現。同時在業務流程中,我們需要設計好交互學習環節來降低工作人員的專業知識的學習成本,同時建立糾錯容錯能力確保業務順利快速展開。

          針對B端產品落地實施難點,產品經理除了需要提升自身專業能力外,也需要關注企業內的組織問題和企業間的協作問題,前者主要通過明確職責分工和尋找增量業務來化解,后者需要掌握融合的原則和抓住業務差異背后的本質原因,對癥下藥。這背后需要我們產品經理具有深刻的業務洞察力,可以說思考力深度決定了產品經理職業天花板的高度。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png


          文章來源:人人都是產品經理  作者:
          人人都是產品經理


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          2021 年的 7 個UX趨勢

          ui設計分享達人

          1.在線醫療的加速發展

          盡管我們對COVID-19還不夠了解,但疫情流行已經為可穿戴設備、線上醫療和人工智能等數字健康的發展搭建了舞臺??梢灶A見,到2021年,這些行業將繼續發展。

          同時,一些非凡的自我監控應用程序繼續應用到可穿戴設備上,提供步數、睡眠、心率、血壓的即時可視化數據。這些復雜的功能可以讓用戶掌控健康,并獲知如何改變生活方式。

          到2025年,全球醫療人工智能軟件、硬件和服務市場預計將超過340億美元。         

          線上醫療,即醫患病雙方開展虛擬咨詢。線上醫療之所以得以發展,是因為在疫情嚴重時期,提倡人們減少直接接觸。可以預見,衛生服務部門希望將醫療資源和資金分配給最需要的患者,而這種線上的方式將繼續的發展成熟。

          還有人工智能,人工智能將賦能精準醫療、基因組學、新藥研發和醫學成像。以癌癥治療為例,借助人工智能的模式識別,醫生可以根據患者的基因組成和生活方式定制個性化的治療方案。



          -------



          2. VR再度崛起

          虛擬現實(VR)是一項“未來主義”技術,在一段時間內很難成為主流,特別是其配件——Facebook的Oculus Rift、HTC Vive和PS VR等頭盔的價格居高不下。

          然而,《半條命:愛莉克斯》等新發行游戲取得成功;能夠創造動態和創造性混合現實解決方案的開發者涌現;健康、展覽和娛樂藝術等非游戲市場的需求增加VR技術將再次崛起。

          VR游戲行業的全球收入預計將從2017年的4億美元增長到2024年的24億美元。

          那么,非游戲市場是如何適應VR的呢?在疫情期間,GDC 2020以VR形式舉辦了討論會,借助360度全景展臺、網絡研討平臺和聊天室,遠程與會者也能參加互動。2021年,預計會有更多的組織者利用這項技術來觸及全球更多的觀眾。

          此外,為優化在慢性疼痛、焦慮和創傷后應激障礙方面的治療,VR技術在數字健康領域將有更多的應用。甚至,VR技術可能在劇院和博物館得以應用,讓文藝的大門幾乎對全公眾開放。




          ------



          3. AR更多應用于設計領域

          增強現實(AR)是另一種“未來主義”技術。AR越來越流行。想在花園里見到一只真實大小的長頸鹿?想看看宜家家具在室內的擺放?甚至想嘗試紋身?AR正以許多新奇的方式進入人們的生活。

          AR產品的全球市場在未來四年內將激增85%,達到1650億美元。

          蘋果公司已經在重建和重組產品,讓日常用戶更易上手使用。據美國《行業周刊》(Industry Week)雜志報道,蘋果這家科技巨頭正在研發數款AR產品

          如:數字眼鏡可以與iPhone無線連接,將電影、地圖等內容發送給佩戴者。是不是很酷?

          新的AR技術和應用出現,將刺激企業尋找能夠創建AR界面和圖形疊加的設計師。市場上出現了谷歌ARCore、Adobe Aero和XD(現在具有3D轉換功能)等低價的設計應用程序,讓沉浸式增強體驗設計日漸成為現實。





          -------



          4. 語音UI將成為UX的組成部分

          用戶語音界面(Voice User Interface, VUI)無疑是2020年最熱門的趨勢之一。蘋果、谷歌和亞馬遜等知名品牌改變了搜索信息和使用智能家居設備的方式。

          全球超過四分之一的線上人口正在移動設備上使用語音功能。

          以VUI為例,要調暗燈光,只需說:“谷歌,調暗燈光”;或者也可以快速叫一輛優步,呼叫:“Alexa,叫優步?!边@些語音命令現在已經深入到日常生活中,VUI技術的身影也正隨處可見。

          VUI無疑是主旋律,將VUI作為UX組成部分的企業估計將越來越多。因此,企業將尋找設計沉浸式語音體驗的工具、技能和人才。

          VUI是新事物,在設計應用程序或技術時,找到可以遵循的流程很不容易。但是,CareerFoundry從流行的設計思維中尋找方法,已經創建了簡單的VUI框架。所以,到2021年,將會出現更多用于設計語音體驗的工具和技術。



          -------



          5. UX的文化優化(情感化設計)將影響產品的UI

          微文案(microcopy)是UI上幫助用戶做某些操作的小段文字。沒有好的微文案會讓界面彼此脫節,會缺乏人情味。如果技術進步了,可語言缺乏人味,那么也難以和用戶建立良好的關系。

          根據倫敦的《語言內容設計報告》(Voice and Content Design London),英國人口的平均閱讀年齡為9歲。

          在2021年,UX文案撰稿人將會更加活躍,熟練的溝通風格會引起人們的共鳴。所撰的文稿引人入勝、獨具特點和令人信賴。因此,他們在產品開發過程中將扮演著重要角色。

          出色的UX微文案將為虛擬助手增添人情味、為用戶查詢提供上下文語境、簡化反饋和引入人性化語言。Marshmallow、Gousto、Airbnb等公司的UX文案撰寫人員在這一方面尤為出彩。




          -------



          6.行為設計

          市場過度飽和,競爭激烈,要讓用戶選擇您的產品或服務,需要對他們的內在需求有更深入的了解。知道是什么觸動他們的心靈、什么是他們的痛點、什么能引起他們的反應,這些是提高產品活躍度和留存率的關鍵。

          行為設計是一個刻意、系統地改變人類行為的框架。而這一框架需通過說服用戶改變物理環境和數字環境。到2021年,行為設計的需求將會增加,從而吸引用戶的注意力、增強社交圈子、改善健康、保持平靜的心態、鼓勵自我實現、讓人們走上正確的道路,擁有更好的未來。

          那些經科學驗證能鼓勵行為改變的技術將幫助企業確定新的設計策略,提高產品的用戶生命周期價值;甚至能像蘋果智能手表的洗手檢測功能那樣,鼓勵人們采取新行為。

           


          -------



          7.用戶隱私

          2014年,劍橋分析公司(Cambridge Analytica,是一家進行資料探勘及數據分析的私人公司)丑聞啟發了全世界——個人數據變得越來越有價值,比原油更有價值!在數十億美元的行業中,技術平臺不斷在尋找新的方式來保持用戶的點擊量、閱讀量和分享量。

          技術平臺可供用戶點擊、閱讀和分享,從而賺了數十億美元。

          幾年來,我們討論了技術和社交媒體對人類的危害。Netflix在2020年上線的紀錄片《社交困境》,特別探討了社交媒體的興起及其對美國社會的損害,專家們發出了警惕。


          采用保護用戶隱私的設計規范,創造出更多滿足用戶需求的“人性化”產品。如何在不詢問太多個人信息的情況下提供出色的體驗?還有,真的有必要讓用戶長時間停留在產品上嗎



          -------



          總結

          站在歲尾,我們翹首以盼,期待來年有更多令人興奮的產品、創新和身臨其境的體驗。隨著人們對生活方式和幸福感的認識不斷提高,新的發展將從數字醫療開始,選用可穿戴和遠程醫療的用戶將持續增長。

          身臨其境的非游戲VR體驗越來越多,未來技術將獲得更多關注,甚至可能成為主流。我們可以看到通過“另一種現實”,參與展覽、娛樂,甚至參加辦公室會議的用戶越來越多。

          然后,展望AR和VUI的新設計過程。您如果盡早學習工具和技能,就可以超越傳統的基于屏幕的體驗做出創新。此外,UX文案將在塑造產品UI中扮演更重要的角色。


          最后,行為設計包含一系列認知科學,這些認知科學可以為設計師和研究人員提供不同的人性化設計理念。當然,應該使用合乎道德的方式來構建引導用戶的技術,從而確保用戶的心理健康和需求始終走在設計的第一位。

          所以,2021年應該是UX不平凡的一年。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:站酷   作者:一百percent

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          AI 時代的設計

          資深UI設計者

          這是5月參加阿里設計周“智能與計算”分論壇后的感想小結,因為論壇大部分在講算法和實現方式,所以在這里我就其中的AI與設計相關部分做一些深入分享。undefined

          我的思路大概分為三個部分:AI時代的來臨;AI如何影響設計;未來的設計何去何從。

          undefined

          undefined

          第一部分:聊聊AI時代來臨,設計的世界發生了什么變化?

          undefined每個時代的設計都有不同的定義,農業和工業時代的設計更多是指設計師通過手工制作的方式闡釋自己對美感和藝術的理解。

          undefined到了信息時代,設計除了要考慮美感,還要考慮是否實用和好用。設計的對象開始從真實世界轉向數字世界,設計思想開始考慮以用戶為中心的設計;設計方向也增加了很多領域,包括都多媒體藝術、游戲設計、網頁設計、移動應用設計等。

          undefined在人工智能時代下,AR設計、智能硬件逐漸發展,設計的改革更多考慮的是如何將真實世界和數字世界進行融合,如何在自己產品上更好地闡釋藝術、美感和實用性。

          第二部分,AI如何影響設計,設計因為人工智能而產生了哪些改變呢?

          結合論壇的內容,我覺得從以上五個方面產生了較為深遠的影響。

          人工智能幫助設計師解決在創意過程中面臨的一系列問題,將重復勞動變得自動化 ,節省設計師大量的時間,減輕設計師的工作量。

          undefined數據驅動自動生成,取代人工建模,減少了設計的時間成本。通過組件標準化,來構建三維幾何,然后geometry格式入庫,最后由渲染引擎繪制。

          undefined再比如,雙11期間有1.7 億個BANNER,都來自阿里的“鹿班”AI設計系統。設計數據—機器學習、訓練模型—生成設計結果并評估。如果這些工作量由人工來完成,那么設計師真的就成了“沒有感情的作圖機器”了。

          當今社會,隨著產業智能的發展,在這個變革中,挑戰不單單來自技術,也來自客戶對智能數字體驗的極致追求。這給開發人員和設計師都提出了全新的難題,在可視化領域,通過技術和設計兩個角色更緊密的捆綁,產生了讓人欣喜的化學反應。

          從原始數據到圖表并不是直接的,它需要經過交互的分析,得到指標結果,最終以可視化圖表呈現,而呈現的視覺方式是多樣化的。

          這就是所謂的兩種數據,三層講述

          第一步是原始數據的準確轉譯,工具需要數據對接能力,即對現狀的講述。

          第二步是分析過程,從腳本模式跨入數據驅動,讓數據的分析變得可知可信。

          第三部是觀點數據的表達,也就是創作強化,將結論以可視化的多樣形式被表達。

          這是根據地圖的原始數據得到的多種可視化設計方案,同一份原始數據,卻得到了不同的形式表達。

          因為僅僅有準確的數據結論是不夠的,因為數據需要更好地被講述和表達,如果僅僅將數據呈現給用戶,那么理解難度將會大大提高,而設計是為了讓產品變得更加容易使被理解和使用。

          第二點,體現在建筑的三維可視。

          首先,在二維地圖選取建模范圍,通過智能化的處理,根據數據構建初始的三維地圖。

          然后通過數據聯動,將城市建筑虛擬還原。

          整個過程從數月—> 數周—> 數天,時間大大縮短,人力成本減少,釋放更多的精力去進行創意工作。

          建筑三維化的應用:比如車道級地圖。

          相比于傳統地圖,車道級地圖導航在信息精細度、定位準確性、動態信息豐富度上有大幅提升。

          undefined車道級導航能清晰顯示道路上的虛實標線、自己的車行駛在哪條車道上,還能在地圖上看到車身攝像頭和雷達檢測到的周圍車輛、錐桶、防撞桶等。

          當設計對象從單個產品轉變到用戶的經歷和當前環境時,設計師不能只考慮自己的產品體驗,需要從大局出發,思考每個產品之間的聯動,考慮不同場景下自己的產品如何服務用戶以及如何與其他產品聯動。產品設計從單體變成一塊需要考慮兼容上下左右外部環境的拼圖。

          智能化的場景的改變對設計有哪些影響呢,我們來看這張圖:設計的場景從有形—>無形、靜態—>動態、永恒—>瞬間的轉變。體驗設計的趨勢從GUI到TUI(實體交互),再到Radical Atoms,場景的改變對設計的影響維度不是單一的。

          undefined

          設計場景在AI時代不僅局限于手機,還涉及到實時場景的設計情況。

          比如谷歌的實時翻譯、語音翻譯。輸入與輸出是同步進行的,這就對設計提出了新的要求。

          此外,還有語音智能VUI,徹底打破了以往的交互體驗,改變了人和工具之間的互動關系,反向塑造著人類的認知方式和學習行為。下面來看一個小愛5.0案例:

          undefined

          對話是人與人之間交換信息的普遍方式,語音交互設計涉及系統學、語言學和心理學,因此它比 GUI的交互設計更加復雜。

          undefined體驗設計經歷了PC時代、Mobile時代,現在進入IoT體驗時代。設計的解決方案與技術的發展息息相關,設計和技術互相促進帶來新的體驗革命,設計師一直在探討和實踐在新技術環境下的新體驗設計,并基于出行、醫療、社區、政務等行業持續挖掘服務聚合模式與場景體驗的創新。

          在新零售的場景下,購買和支付流程發生了改變,這就需要設計師重新思考消費者的心理地圖。例如無人零售、Amazon Go、支付寶IOT支付等等。下面來看一下Amazon Go的案例:

          undefined

          如何讓用戶使用更便捷、體驗更順暢;要向用戶提供什么樣的服務,如何讓用戶注意到我們的產品,如何向他們傳遞企業的服務價值和特點,這是IOT新零售下需要設計深入研究的方面。

          在云端實現企業產品的全區域管控,監控的設計視覺和交互又是不一樣的,比如論壇上的案例:荷魯斯之眼、全區域覆蓋的云監控等等。

          通過對多個實體空間中的數字設計探索,重新塑造人與空間的交互界面,提升人們對于空間的使用體驗。下面舉個例子:

          AT&T discovery district是一個數字化的互動商業社區。

          它從重新審視建筑本體開始。通過虛實和光影的變幻,營造出了實體空間體驗,空間本體就是對話的那個界面。實體空間和數字內容的結合,構建出人與建筑之間新的交互界面。

          廣場的數字球體入口,人的位置和數量變動,球體內的燈光也會跟隨變動。

          undefined

          人工智能促使了交叉學科的工種產生:數字體驗設計師、創意工程師。這兩種職業是做什么呢?面對正在到來的智能時代,體驗設計師和創意工程師將共同面對“AI”這一全新的命題,在智慧工地、智慧教育、數字警務室、神經符號AI等應用中,提煉出智能感設計方法、利用圖形技術能力自研產品并賦能業務。

          數字世界中的設計師:橫跨了藝術、文化、科學、商業多個學科;從傳播學、心理學、應用科學和統計學進行用研,去解決用戶遇到的問題。

          它不僅涉及到需求分析和產品設計,還貫穿至產品運維、測試、發布、分析,從設計洞察中做出創新設計。

          未來的設計師將融合人工智能和創意編程技術,在世界數智化的大潮中找到新的定位和新的機遇。

          undefined

          第三部分,在人工智能時代下,未來的設計會走向哪里?新時代的設計師怎樣找準自己的定位呢?

          人工智能的成熟對部分設計師來說簡直是災難性的打擊,之前無論是通過技法還是數據分析才能完成的工作,人工智能一下子就可以完成,后續根本不需要這么多設計師來完成這些工作。那么設計師是否會被人工智能取代?我們先來看一張人類能力地圖:

          這張圖中,海拔高度代表這項任務被計算機執行的難度,不斷上漲的海平面代表計算機現在能做的事情。從圖中可以看出,目前人工智能水平預警線距離代表藝術的山峰還很遠。

          人工智能沒有人類的跨領域推理、抽象類比能力,也沒有人類的主觀能力如靈感、感覺和感受;更沒有人類特有的靈魂、愛、意識、理想、意圖、同理心、價值觀、人生觀等,這導致人工智能在未來很長一段時間內都無法很好理解人類的心理和行為是什么,在解決推理和情感問題時會不盡人意。

          undefined設計除了解決問題外,還涉及對美的理解和創作,美感是對美的體會和感受,它是復雜的,包含了歷史、文化、環境、情感等客觀因素和主觀因素,所以在不同的時代、階級、民族和環境中,有著不同文化文化修養和個性特征的人對美的定義也不同。

          人工智能依賴數據和經驗解決問題,它能解決大部分智力可解決的問題,但解決不了需要情感和美感才能解決的問題。而設計的擅長領域,是人工智能不擅長的:跨領域推理、抽象能力、常識、審美、自我意識與情感。那么AI與設計的關系怎樣的呢?

          設計是為了解決問題。人工智能使機器代替人類實現認知、識別、分析、決策等功能,其本質是為了讓機器幫助人類解決問題,也就是說,人工智能在一定程度上也是一種設計,它會創作出與人類思維模式類似的解決方案。所以AI與設計師是一種共生關系。因此設計師不用杞人憂天,擔心自己被人工智能取代。

          隨著AI 技術的成熟,設計必定會發生新一輪的變化,在未來,更多領域和行業需要用到界面設計、人機交互等技能,各行各業的設計師需要掌握以上技能才能更好地服務當前業務。那么未來的設計將走向哪里呢?

          undefined新一代的設計師是“與互聯網共同成長的一代”,相信在未來幾年里有更多的新晉設計師會掌握編程開發能力以及其他能力,綜合素質會比目前的設計師更強,所以我們要保持終身學習,懂得如何將自己的能力和經驗轉換為優勢,這樣才能在設計道路上不被超越。

          undefined那設計師可以從哪些方面來應對智能時代的機遇和挑戰呢?

          undefined每一代人都有被下一代人取代的風險,但有些很厲害的人就不容易被取代?因為他們在不斷創造價值。無論在社會、行業還是在企業里,當具備一定的影響力后,他們能更容易積累人脈和資源,然后反哺自己的價值,就跟滾雪球一樣,當雪球越大,他們越不容易被別人取代,設計師需要有這樣的意識。

          undefined設計師需要懂得更多領域的知識和技術才能拓寬自己的視野,這些領域包括但不局限于傳感技術、網絡技術、智能仿真技術、虛擬技術、生物技術、納米技術等。因此科學與藝術是可以并且很有必要相通與交融的,設計師一定要學會跨界思考。人工智能時代下,數字世界和物理世界會逐漸融合,大到城市建設、公共服務、衣食住行和醫療;小到智能家居、穿戴式設備,這些機會將會留給已準備好的挑戰者,所以設計師一定要拓寬自己的視野,不要把自己的目光局限在界面設計上。

          undefined如果不想被人工智能領先,人類的設計應該是創新的(未成熟、未被發現規律的),包含更多元素的(更多復雜參數如歷史、文化、環境、情感等),“設計”這個詞語就涵蓋了以上元素。人工智能在藝術設計上還遠遠達不到人類的水平,深耕藝術設計將會為設計師帶來更多機會。

          undefined在人工智能時代下,當產品基本都能滿足永不需求時,能為產品帶來活力和差異的除了自身的底層技術基礎,更多的是藝術型設計師的理念和風格,以及自身的品牌。就像時尚品牌優衣庫和Gucci,單件商品兩者的品牌和設計所帶來的的利潤差距巨大,相信未來的人工智能產品也會面臨類似的問題,設計師應該考慮如何為產品賦予更多價值,如何彰顯用戶的個性。

          undefined既然AI是一個強大的工具,那么我們要思考如何運用它來創造更多的價值。AI能夠快速便捷地獲取大量信息,幫助設計師拓展自己的視野,不斷更新自己的世界觀,從新的視角看待問題和解決問題。除了快速獲取信息外,設計師也應該考慮如何通過AI提高自己的工作效率,例如哪些純勞動力工作交給AI去做效率會更高;哪些工作可以和AI一起協同完成更能激發創意。

          undefined

          最后,用一本科普書改編的話來結尾:一想到,還有95%的問題留給開發同學,我就放心了。

          最后附上一張本文的腦圖:

          undefined


          參考資料:

          [1]阿里設計周.智能與計算.2021

          [2]薛志榮.AI改變設計.2019

          [3][美]詹姆斯·弗拉霍斯.智能語音時代.2019

          [4][美]梅瑞狄斯·布魯薩德.人工不智能.2018


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:站酷   作者:西子zhulijuan 

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          7000+超詳細智能產品深度解析:智能面板篇

          資深UI設計者

          智能家居越來越普及,智能化的生活是由一個個智能設備組成,這次通過近距離體驗智能面板,來研究一下它們是如何提升產品體驗的。

          7000+超詳細智能產品深度解析:智能面板篇

          前言

          隨著互聯網的發展,生活智能化越來越普及,各類智能產品逐漸出現到人們面前,在體驗的過程中,其實里面有很多細節需要深挖和思考。很多產品細節的背后都是為了提升用戶操作效率、兼容用戶使用場景、滿足用戶情感表達,以最終達到對用戶體驗的提升。作為智能產品的設計師只有充分了解市面上的智能產品,才能設計出更好的產品。

          7000+超詳細智能產品深度解析:智能面板篇

          什么是智能面板

          開關對于每個人都不陌生,它用來控制設備的狀態,傳統開關的數量和要控制的設備數量有關,設備越多,開關越多,為了簡化人們的操作,智能面板孕育而出,它不僅可以操控家中單獨的設備,還可以對一系列設備進行聯動控制。

          1. 使用場景

          室內近場控制,滿足用戶家中近距離控制設備的場景。

          2. 產品選擇

          Gira、ORVIBO、綠米

          為什么選他們?

          • Gira 從事智能建筑系統技術有 100 多年的歷史,算是做智能開關的先驅;
          • ORVIBO、綠米國內做智能開關相對成熟的品牌。

          3. 研究方向

          本文將從結構、色彩、手勢操控方式、卡片形式、功能點這些方向展開分析。

          7000+超詳細智能產品深度解析:智能面板篇

          設備基礎信息

          Gira g1

          TFT 屏、KNX 協議、定價 8000 元起

          KNX 屬于歐洲總線技術,穩定性最好,需要從設計階段介入,高門檻的技術要求讓 KNX 難以實現全民普及。

          ORVIBO 智能開關

          多點觸控電容屏、Wifi、藍牙、Zigbee、定價 899 元

          Wifi、藍牙、Zigbee 屬于無線通信技術,穩定性不如 KNX,但免布線,易擴展,利于全民普及。

          Aqara 智能開關 S1 觸摸屏

          IPS 屏、zigbee 協議、定價 899 左右

          通過以上分析,Gira 的人群定位是有全屋定制需求的高消費人群,其他兩個品牌的人群定位是面向嘗鮮體驗的廣大普通消費群體。

          7000+超詳細智能產品深度解析:智能面板篇

          1. 功能點對比

          通過功能列表中的對比發現,三個品牌的產品都通過場景聯動設備執行來提高人們的操控體驗,通過左右滑動來快速切換功能模塊類型;

          Gira 和 ORVIBO 支持快速返回首頁、面板內排序;

          ORVIBO 的個性化體驗最好,它具有語音控制、設備自動添加、設備自動歸類功能,這些差異點讓它比其他兩個產品更加智能。

          7000+超詳細智能產品深度解析:智能面板篇

          Gira G1

          以 Gira G1 為例,從結構、色彩、手勢操控方式、卡片形式、功能點這些方向展開分析。

          7000+超詳細智能產品深度解析:智能面板篇

          1. 首屏

          界面整體用以黑白灰為主,搭配少量顏色,給人簡潔干凈的感覺;

          思考:智能面板除了具有功能屬性,還具有裝飾屬性,黑白灰為經典搭配,可以更好兼容各種家裝風格,還可以更好的展現內容;少量的顏色用來強調正在運行的設備狀態。

          7000+超詳細智能產品深度解析:智能面板篇

          2. 輔助顏色

          輔助色大方向上使用兩對互補色,在色環上形成了一個矩形,通過調節亮度飽和度達到統一和諧多彩的效果。

          7000+超詳細智能產品深度解析:智能面板篇

          3. 層級劃分

          主要分為 2 大層級:功能卡片列表、設置為第一層級,設備控制為第二層級;

          對于 gira 這種全屋定制的產品,家中一般會有很多設備,功能卡片放置在第一層級的好處是,便于用戶瀏覽鎖定目標功能卡片。

          7000+超詳細智能產品深度解析:智能面板篇

          4. 首頁布局

          區域 1 顯示 KNX 協議類型,室內外溫度,時間;這部分內容占比很小,說明這些內容用戶不常用,但用戶會偶爾還是會看一下;

          區域 2 為房屋名稱,返回上一級、返回首頁、設置、展示形式切換,這一區域全局置頂顯示,用戶在多級操作后,可以很快速的返回到首頁;

          區域 3 顯示設備、場景的數量,用戶可以清楚的掌握家中設備場景的數量;

          區域 4 為設備場景列表,用灰色背景來強調主操作區域。

          一屏最多 6 個設備,通過左右滑動來展示更多設備

          思考:為什么不是上下滑動,而是左右滑動

          有 2 點猜測:

          • 左右滑動下面的點相當于頁碼,用戶在找某個設備的時候可以方便記住某個設備在第幾個點的頁面里
          • 在設備控制界面中左右滑動快速切換其他設備,這樣可以統一用戶對于左右滑動切換的認知

          7000+超詳細智能產品深度解析:智能面板篇

          5. 卡片展示

          卡片內容從上到下依次為設備場景 icon、名稱、狀態及快捷操作;

          用戶可以通過 icon 快速鎖定設備類型,通過名稱確定目標設備,進行快速操作;

          各功能模塊獨立劃分,快捷操作區域可以很好的兼容不同設備的功能鍵。

          7000+超詳細智能產品深度解析:智能面板篇

          6. 設備控制區域布局

          操控界面劃分為 2 部分,一部分為信息展示區,內容為設備名稱、所屬區域;

          另一部分為控制區,這部分區域固定,可以讓不同的設備控制看起來更統一;

          大面積區域留給核心功能,輔助功能布局在四周,便于用戶準確操控。

          7000+超詳細智能產品深度解析:智能面板篇

          7. 手勢

          設備控制界面通過左右劃動快速切換其他設備,不需要返回菜單界面。

          7000+超詳細智能產品深度解析:智能面板篇

          8. 手勢

          手掌長按屏幕,可喚起提前設置好的開關功能,這時面板相當于簡單的開關,可以很快速的關閉開啟所在區域的燈。

          Gira 這樣做還原了開關的本質,當想要開啟或關閉該房間內的燈時,就不需要到菜單界面找這個設備了。

          7000+超詳細智能產品深度解析:智能面板篇

          9. 設備控制

          燈操控界面用刻度形式表現,每一度為一個刻度,并且還可以通過中間的加減號進行精確到 1 個百分比的亮度微調,品牌方想為用戶打造成清晰準確調控的形象;

          但在實際使用場景中,我們不大會對燈進行這么精確的調節。

          溫控器

          溫控界面同樣可以精確調節,每 0.5 攝氏度為一個刻度;

          溫控的精準調節,就比較貼近我們日常的使用習慣,溫控器控制界面是沒有開關的,因為目標人群家中多數是中央空調,隨便就可以關閉,對于大戶型的用戶來說是不友好的。

          右下角的定時按鈕可以讓設備在特定時間內以某一狀態運行。

          7000+超詳細智能產品深度解析:智能面板篇

          窗簾

          窗簾的狀態值與操控條左右排列,這樣的排布好處是可以讓操控條長度最大化,便于用戶控制;

          窗簾控制界面只分為有調角度的和沒有角度的;

          窗簾操控條豎直排列,向上滑到頂部為窗簾全開,滑到底部為全關;

          窗簾的行程和角度都用百分比的形式展現。

          7000+超詳細智能產品深度解析:智能面板篇

          設計設備控制界面的思考方向一般有 2 種:

          1. 界面控制方式要和設備的實際運行方式一致

          這種思考方向要考慮實際窗簾有左右運行和上下運行之分,上下劃動的操控方式來控制左右運行的窗簾會有認知上的偏差;

          百葉簾的角度有正向和反向轉動之分,如果只按最后的遮光百分比來做,會造成設備兼容問題。

          也就是說為了模擬真實的操控方式,需要設計出若干不同種類窗簾控制界面。

          2. 界面控制方式與設備運行結果關聯

          這種思考方式不需要考慮窗簾的種類及開合方向,將所有種類的窗簾行程及角度歸為開、關兩種結果狀態,

          就像 Gira 這樣,只需要做兩套界面就可以兼容幾乎全部的窗簾設備。

          Gira 豎排控制條的優勢

          如果橫向布局,那么左右滑動切換設備時,會觸發控制條左右手勢,造成誤操作。

          7000+超詳細智能產品深度解析:智能面板篇

          背景音樂

          設備列表中背景音樂卡片的快捷按鈕很特別,由靜音、播放、下一曲組成,我們設計的時候一般會做成對稱的:上一曲、播放、下一曲,Gira 并沒有這么做,因為在背景音樂的使用中,一般有幾種需要快速響應的場景:用戶在家中發起臨時談話,需要暫時安靜一下;不想聽了;這首歌的風格不喜歡;

          背景音樂操控界面功能和音樂應用差不多,唯一不一樣的是,底部可以快速切換歌單,可以很快速切換不同音樂風格。

          7000+超詳細智能產品深度解析:智能面板篇

          文件夾功能

          隨著設備、場景的增多,用戶可以根據自己的喜好將設備或場景歸類放置,便于快速定位功能卡片;

          點擊文件夾卡片,進入到顯示著眾多功能名稱的文件夾界面,點文件夾,才能進入功能卡片列表,為什么要多一個文件夾查看的界面。

          我們想象一下有這樣一種場景:面板中有幾十個功能卡片,用戶想開啟娛樂場景,這個場景好像在客廳文件夾或走廊文件夾里,于是去客廳文件夾快速翻看這里面有沒有,再點進去操作。

          Gira 這樣做符合用戶在功能卡片多的情況下快速選擇的習慣。

          7000+超詳細智能產品深度解析:智能面板篇

          排序功能

          可以通過拖動來調節設備卡片在菜單中的位置,省去了去后臺設置的步驟;

          定時功能

          定時列表用具象的時鐘來體現開始運行時間,還用黑白來區分夜晚和白天,對于用戶來說掃一眼圖片就可以知道運行時間,這種體驗很好。

          7000+超詳細智能產品深度解析:智能面板篇

          ORVIBO Mix Pad

          以 ORVIBO Mix Pad 為例,從結構、色彩、手勢操控方式、卡片形式、功能點這些方向展開分析。

          7000+超詳細智能產品深度解析:智能面板篇

          1. 首屏

          整體運用深色色調,使用幾何圖案作為背景;

          用白色體現基礎信息,用色彩強調設備場景的狀態及天氣信息;

          運用圓角元素,更加生活化。

          7000+超詳細智能產品深度解析:智能面板篇

          2. 輔助顏色

          顏色運用比較豐富,以藍、橙兩互補色為主,其他顏色分別為它們的鄰近色;既能保持強對比,還能讓顏色變得柔和。

          7000+超詳細智能產品深度解析:智能面板篇

          3. 層級劃分

          主要分為 2 大層級:首屏、設備控制界面、場景列表、鬧鐘為第一層級;設備類型、設置為第二層級;

          智能面板一般裝在墻面,用戶站立操作,用戶不可能花太長時間來操控;

          歐瑞博的人群為廣大普通消費群體,家中的設備不會太多,設備控制界面層級前移,可以方便用戶直達控制區,用完即走。

          7000+超詳細智能產品深度解析:智能面板篇

          4. 首頁布局

          首頁主要分為 2 個區域:

          日期天氣區

          時間、日期、天氣狀況信息,可以滿足用戶日常出門關注的內容,并且在這個區域有多種表現形式供用戶選擇,既保持個性化還不失統一感。

          快捷控制區

          可以將常用的功能置頂在首頁展示,最多設置 2 個,用戶在首屏既能看到日期天氣還可以控制設備,大大提升了屏幕的利用率和用戶的操作效率。

          這樣做的好處:

          當用戶準備出門時,看了一眼面板上的天氣,點一下關玄關燈,就可以直接出門了,不需要滑到燈的菜單界面找到玄關燈然后再關閉它,真的很方便。

          底部有向上滑動提示,告訴用戶下面還有重要內容。

          7000+超詳細智能產品深度解析:智能面板篇

          5. 卡片展示

          卡片內容左右排布,從左到右依次為 icon、名稱及狀態、快捷控制,這種排布的好處是可以縮小每個卡片的高度,從而提高屏幕利用率;

          但有個問題就是,左右排布的方式,內容最多呈現 4 個文字,需要考慮這幾個字能否清楚的定義該卡片功能。

          7000+超詳細智能產品深度解析:智能面板篇

          6. 上滑手勢

          上滑可以查看全部功能卡片,給用戶在手機上瀏覽信息的熟悉感;

          在新的操控設備運用用戶熟悉的交互方式可以降低用戶的學習成本;

          移動端上常見的手勢對應結果有:左右滑——代表切換,向下滑——代表喚起相關功能設置,向上滑動——瀏覽更多信息。

          7000+超詳細智能產品深度解析:智能面板篇

          7. 左右滑手勢

          用戶在首屏左右滑動就可以切換不同功能模塊,不需要返回上一級,在設備類型少的情況下,這種盲操會比較方便。

          7000+超詳細智能產品深度解析:智能面板篇

          8. 下滑手勢

          下滑進入功能類型選擇、系統設置界面,這一區域相當于導航,可以實現功能模塊間的快速切換。

          7000+超詳細智能產品深度解析:智能面板篇

          9. 手勢問題

          多種手勢的組合可以在有限的屏幕內操作更加靈活,但手勢太多會帶來一些問題:

          • 誤操作問題,在空調界面,左右切換設備時,容易觸發空調溫度操作;
          • 認知上的負擔,在歐瑞博面板的邏輯定義里,首屏和控制界面屬于同一層級,然而上滑手勢只能在首屏操作,在設備控制界面上滑就無法使用,下滑手勢卻可以全局操作,這里面的邏輯會讓用戶混亂。

          針對以上問題解決的方法可以是:

          • 改變空調左右滑動設置溫度的操控方式;
          • 首屏和控制界面層級做區分,或簡化手勢。

          7000+超詳細智能產品深度解析:智能面板篇

          10. 場景運行效果

          場景卡片分為未激活、運行中、運行結束三種狀態;

          場景運行狀態變化在卡片 icon 區域體現,既傳達了運行的過程,又不會打擾到用戶。

          7000+超詳細智能產品深度解析:智能面板篇

          12. 卡片首頁置頂

          點擊卡片列表最底部的編輯按鈕,可以選擇將某一功能卡片置頂到首屏,方便用戶快捷操作。

          7000+超詳細智能產品深度解析:智能面板篇

          13. 設備控制區域布局

          將普通燈、場景、門窗等操控方式相近的設備進行了歸類顯示,并且和空調、色溫燈、背景音樂等設備放置在同一層級;

          從交互體驗層講:由于家里的普通燈、場景、門窗的操控方式簡單統一、數量多,按照類別整合在一起便于查找控制;

          從視覺層講:設備操控界面布局形式多,會給用戶造成整體視覺上的不統一,增加學習成本。

          7000+超詳細智能產品深度解析:智能面板篇

          14. 設備控制

          空調

          空調控制界面,只能通過左右滑動以整數的形式來調節溫度,開啟中的時候,背景會有對應模式的色彩氛圍效果,給用戶更直觀的感受;

          底部只保留用戶最常用的模式、風速、風向三個功能。

          色溫燈

          色溫燈界面默認為用戶推薦 6 種不同場景下使用的色溫選項,底部提供亮度調節功能,用戶只需要去選擇,大大縮短了用戶的操作路徑。

          個性推薦在電商類產品中很常見,推薦機制基于對用戶行為習慣的分析,需要強大的后臺數據支持,智能家居這一塊通過窮舉用戶生活中的設備使用場景、目的從而提煉出對應的功能選項可以大大提升產品使用體驗。

          7000+超詳細智能產品深度解析:智能面板篇

          窗簾

          窗簾控制界面采用半寫實風格,給用戶更加直觀感受,學習成本低,拖動窗簾區域就可以進行行程的控制,由于沒有微調按鈕和行程狀態百分比,所以無法做到窗簾精準控制;

          選擇這種寫實的設計風格,需要考慮設備控制界面布局、樣式對新增窗簾類型的兼容性。

          7000+超詳細智能產品深度解析:智能面板篇

          背景音樂

          背景音樂默認界面只保留了當前播放音樂封面元素,更多復雜操作被隱藏到了下一級界面,用戶在當前界面可以進行暫停、播放、收藏等簡單操作;

          在小屏幕中做設計時,有時候會在一個層級界面中堆砌許多功能按鈕,使界面變的臃腫,一來容易讓用戶誤操作,二來讓用戶找不到重點功能,操作效率低下;

          我們在處理這些信息時應該結合使用場景,按用戶的使用頻率進行權重劃分,將權重低的進行隱藏處理,突出核心功能,減輕用戶操作負擔。

          智能家居廠商大多都是靠賣硬件賺錢,歐瑞博巧妙的運用會員機制結合背景音樂功能來售賣音樂服務(49 元一年),更加具有互聯網商業思維。

          7000+超詳細智能產品深度解析:智能面板篇

          15. 語音控制

          在語音設置中,可以選擇是否開啟語音控制,系統默認 2 組喚醒詞激活語音控制;

          歐瑞博為用戶提供了更便捷的語音控制功能——快捷口令,說出指令就可以快速執行,由于沒有房間、設備名稱的限定,這個功能只能實現面板內所有同類型設備的開或關,適用于小戶型簡單的場景。

          7000+超詳細智能產品深度解析:智能面板篇

          16. 快速添加設備

          傳統上添加一臺新設備需要:選擇要添加的設備——選擇網關——輸入正確Wifi密碼——進入設備配網流程——配網成功——設備名稱設置,操作流程繁瑣,中間稍微有些環節沒有操作對,最后就無法成功添加設備,歐瑞博通過簡化中間過程,成功解決了這一痛點。

          7000+超詳細智能產品深度解析:智能面板篇

          17. 個性化設置

          用戶可以在面板中直接設置首屏的風格樣式,系統一共有 3 種風格外和一個隨機演示選項供用戶選擇,并且這三種風格的功能架構是一樣的,只是對背景圖、元素大小、布局做了設計區分。

          7000+超詳細智能產品深度解析:智能面板篇

          AQARA S1

          以 AQARA S1 為例,從結構、色彩、手勢操控方式、卡片形式、功能點這些方向展開分析。

          7000+超詳細智能產品深度解析:智能面板篇

          1. 首屏

          整體使用黑色做背景,用白色體現基礎信息,底部的色塊元素貌似起裝飾作用,和天氣情況并沒有聯系;

          首屏主要分為日期時間和環境狀況 2 個區域,天氣、溫度、濕度、空氣質量信息并行排列,個人認為用戶對這 4 個信息的關注度是不一樣的,看看我們手機上的天氣 app 的信息排布就知道了,這樣并列排布會讓用戶分不清主次。

          7000+超詳細智能產品深度解析:智能面板篇

          2. 輔助顏色

          顏色以藍色及其鄰近色為主,搭配少量的對比色,整體色調統一。

          7000+超詳細智能產品深度解析:智能面板篇

          3. 層級劃分

          主要分為 2 大層級:首屏、設備控制界面、場景列表為第一層級;設置為第二層級;

          形式和歐瑞博一致,都是為了讓用戶更便捷的操控;

          但進入設置頁面,設置主題類型的步數比歐瑞博的多一步,用戶設置完成后還得一步步返回,這里可以將用戶常用的“顯示”內容上移一個層級,減少頁面跳轉次數;

          AI 手勢這種有特色的功能隱藏的太深,不便于用戶的使用。

          7000+超詳細智能產品深度解析:智能面板篇

          4. 左右滑手勢

          綠米同樣運用左右滑動進行首屏、場景列表、設備間的快速切換,對于相同類型的窗簾設備,并沒有整合成列表放置同一屏,而是另起一屏,設備多的時候就會存在操控效率低的問題。

          7000+超詳細智能產品深度解析:智能面板篇

          5. 下滑手勢

          下滑進入系統設置界面,這個區域只有一個設置功能,有點浪費空間,索性就把設置下一級的功能選項移到下拉頁面,還能提高用戶的操作效率。

          7000+超詳細智能產品深度解析:智能面板篇

          6. 場景運行效果

          場景運行過程以進度條的形式在卡片底部體現,對用戶的干擾小,并且只傳遞出開始到結束的過程,沒有成功提示,這種邏輯是正確的,因為面板只是傳達出了一個命令出去,具體什么時候傳出、接收設備是否正常運行,這些信息面板是獲取不到的。

          7000+超詳細智能產品深度解析:智能面板篇

          7. 設備控制區域布局

          場景列表與設備控制界面一個層級,溫控器、調光燈運用半圓的元素作為控制區域,新穎的設計風格是綠米智能面板的特色;

          仔細看,會發現設備控制界面不統一,相同功能的開關按鈕,在不同的設備中位置卻不一樣,還有就是普通燈是偏寫實的 3 路開關樣式,其他界面卻是抽象的圓環幾何樣式,不統一的界面會增加用戶的學習成本。

          7000+超詳細智能產品深度解析:智能面板篇

          8. 設備控制

          空調

          空調控制界面,通過上下滑動以整數的形式來調節溫度,新穎的操控方式讓用戶加深對品牌的印象;

          底部開關、模式、風速同級展示,這里存在幾個問題:1、用戶在設置空調時很容易誤點關閉按鈕;2、缺少常用的風向調節,功能缺失造成較差使用體驗。

          普通燈可以在 App 中設置 1、2、3 路開關樣式,這種形式同樣存在問題:一屏最多放三個開關,屏幕下方大片區域空置,利用率低。

          7000+超詳細智能產品深度解析:智能面板篇

          窗簾

          窗簾控制界面顯示窗簾的名稱及行程狀態;窗簾的開、合,綠米給了 2 種方式:滑動控制、全開全關按鈕;

          增加暫停功能可以提升使用體驗,因為用戶在操控窗簾設備時,會以窗簾實際的運動行程為依據來決定窗簾需要開合到什么程度,而不是看界面上窗簾的位移,當用戶覺著窗簾行程可以了,按暫停鍵就可以準確停留在用戶想要的位置上。

          7000+超詳細智能產品深度解析:智能面板篇

          調色燈

          調色燈用戶可以自定義或選擇系統推薦的顏色;

          為了涵蓋大多數的用戶偏好,調色燈的 4 個推薦色采用色環上差距大的顏色,并且根據用戶使用場景篩選出常用的幾種色調,排除了用戶不常用的綠色、紫色、粉色。

          7000+超詳細智能產品深度解析:智能面板篇

          9. 開機默認頁設置

          用戶可以根據自己的使用偏好,將最常用的功能模塊頁面放到第一屏,這個功能在一定程度上可以提升操作效率,當設備多,還是需要切換很多屏。

          用戶使用面板分為:緊急情況、常用情況,緊急情況不一定常用,就像出門需要關燈;常用情況不一定緊急,例如看時間

          綠米為了讓用戶便捷,給出默認頁自定義功能,存在的問題是:如果用戶把燈作為開機第一頁,那么日常中看時間要翻頁;日期時間作為第一頁,開關燈需要翻頁,都不是特別便捷。實際上可以做成像 Gira 那樣,通過增加手勢喚起快捷開關功能,首屏留給日期時間,既滿足了日常需要,又能滿足緊急需求。

          總結

          通過上述分析,我們得到了這些產品的共同點與差異點,以及背后的思考方式,了解共同點可以讓我們彌補自己產品的不足,不被市場淘汰;學習它們差異化的思考方式可以幫助提升我們產品的競爭力。

          作為一名合格的設計師,除了學習視覺技法和理論,還應該多玩、多看、多思考真實的線上產品,體驗其核心操作流程,推敲和思考產品設計背后的原理和邏輯,才能不斷提升體驗設計思維。



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:優設   作者:Aaron杜斌 

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          超詳細智能產品深度解析:交互動效篇

          資深UI設計者

          智能產品的設計過程中,常常用到動效設計,那么動效設計用在哪些地方及對提升智能設備體驗帶來什么幫助,是這篇文章要講的。

          上期回顧:

          流暢的操控感

          通過大小、位置和透明度的變化,使得界面與界面之間、界面上元素的出現和消失都有關聯,讓用戶和產品的交互過程更流暢,給用戶更好的體驗。請看以下案例:

          1. Nest 溫控器控制界面

          超詳細智能產品深度解析:交互動效篇

          Nest 溫控器從時鐘轉變到溫控調節界面的過程中,時鐘的指針向圓心收縮,周圍的時間刻度生長并一起向中心收縮,指針收縮動效對應溫控調節界面溫度值的顯現,時間刻度的生長收縮動效對應溫度刻度的顯現,由于元素之間進行有關聯的變化,操控過程中會有絲滑流暢感。

          2. Gira 窗簾設備

          超詳細智能產品深度解析:交互動效篇

          當用戶調節行程時,中間的控制點跟隨手指實時運動,而進度條會有延時拖拽效果。為什么會是這樣呢?原因是:用戶在控制面板上的操作是需要由面板向窗簾設備發送指令的,也就是說面板上控制窗簾到窗簾設備運行中間會有一小段時間間隔,用戶會有延遲感,所以 Gira 在控制窗簾行程的過程中,進度條為了與窗簾設備運行同步,加入延時效果,讓用戶感覺操控響應快的錯覺。

          3. Nest 新款溫控器

          超詳細智能產品深度解析:交互動效篇

          用戶在滑動切換功能時,功能 icon 會按照先后順序由大到小變化,由于連續性運動,每個元素運動都有銜接,會有流暢操控感受。

          4. Nest 智能鎖

          超詳細智能產品深度解析:交互動效篇

          用戶輸入密碼后至鎖打開這段時間,數字依次向下消失,鎖 icon 逐漸出現并且打開,體現出柔緩的感覺;實際上動效有時候可以彌補設備執行緩慢的不足,當設備需要長時間才能執行時,這段時間加入動效,動效運行時間和設備實際執行時間一致,用戶就會覺得很順暢;也可以讓動效運行時間小于設備執行時間,這時用戶會覺得操控反應更快。

          直觀明確,降低用戶學習成本

          通過動效能夠幫助用戶使用功能,對功能的方向、位置、喚出操作、路徑等進行暗示和指導,方便用戶在最短的時間內來學會操作產品的一些功能。請看以下案例:

          1. Amazon Echo

          超詳細智能產品深度解析:交互動效篇

          用戶第一次設置好監控后,通過放射動效提示用戶雙擊屏幕,通過上下擴張的箭頭動效提示用戶可以通過手指來進行監控畫面的放大縮小。

          2. Lenovo Smart Clock

          超詳細智能產品深度解析:交互動效篇

          當設備第一次配好網重新開啟后,通過遮罩、圓點大小位置運動搭配文字告訴用戶長按屏幕可以控制什么功能。

          超詳細智能產品深度解析:交互動效篇

          頂部弧形的上下變化,告知用戶下拉可以控制什么功能。通過簡單的元素既能起到提升用戶的作用,還不打擾用戶。

          強調內容

          通過動效給用戶展示需要的內容及產品側想讓用戶了解的內容,讓用戶更樂意更易于理解,強化功能感知。請看以下案例:

          1. B&O 觸控音箱

          超詳細智能產品深度解析:交互動效篇

          雙擊音樂標題,進度條從左向右生長出現、操控點放大出現,既強調了進度條這個隱藏功能,還暗示用戶可以拖動操控點從左向右拖動操作。

          2. Google Nest Hub 調光燈界面

          超詳細智能產品深度解析:交互動效篇

          用戶從列表進入調光燈界面時,調光條灰底從左向右弧度生長,隨后當前亮度條生長出現、亮度值出現,先暗示了用戶可以從左向右弧度操作,后強調了當前設備狀態。

          3. Google Nest Hub 睡眠質量檢測界面

          超詳細智能產品深度解析:交互動效篇

          用戶查看睡眠質量數據時,睡眠質量標題信息漸隱漸現,睡眠數據條、數字生長,讓數據展示有主次之分,強調了用戶想要看的內容據,更人性。

          提升用戶掌控感,讓用戶心中有數

          產品設計里面有一個非常重要的原則:讓用戶有操縱感。這種操縱感不僅僅表現在對用戶的操作有了反應、有了顯示,還有一種方式是讓用戶知道當前產品運行的狀態,是正在等待還是正在加載,還是正在下載或變化,那這種狀態的告知也是增強用戶操縱感的方式之一。請看以下案例:

          1. LG 智能洗衣機

          超詳細智能產品深度解析:交互動效篇

          當用戶往洗衣機里加入衣物后,出現量杯倒入洗衣液的動畫,告知用戶當前洗衣機正在進行哪一個環節,我們分析一下這里加入動效的用意,首先,一般的洗衣機沒有屏幕,有的話也就顯示當前的功能選項,LG 的這款洗衣機是液晶屏,那么它的定位就是高端人群,通過融入動效,打造差異化,提升使用體驗,加深用戶對 LG 品牌的印象。

          2. Lenovo Smart Clock 起床鬧鐘功能

          超詳細智能產品深度解析:交互動效篇

          用戶設置好起床時間后,系統會根據時間段自動進行背景顏色的過度,來模擬天色的變化,直觀的告知用戶當前的時間是白天還是晚上或是黃昏。

          3. Orvibo 除濕界面

          超詳細智能產品深度解析:交互動效篇

          設備進行除濕的過程中,面板上圓形元素進行旋轉,伴隨粒子擴散效果,模擬水分子消失的過程,直觀形象的告訴用戶現在正在做什么。

          4. Lenovo Smart Clock 貓眼通話界面

          超詳細智能產品深度解析:交互動效篇

          用戶接通貓眼后,通話 icon 進行電播擴散動效,模擬聲波擴散效果,準確的向用戶告知當前通話中的狀態。

          5. Google Nest Hub 語音喚起

          超詳細智能產品深度解析:交互動效篇

          當用戶說話喚起語音控制時,原先的全屏畫面收縮,響應用戶的指令,四周留白,為通話內容提供展示空間,然后彩色點元素起伏變化,通話內容出現,告知用戶已接收到指令;隨后彩色點元素旋轉加載,體現正在執行中。在語音控制的每一個環節都加入動效反饋,會讓用戶覺得他不是在和一個冰冷的機器講話,富有人情味。

          6. Orvibo 窗簾控制界面

          超詳細智能產品深度解析:交互動效篇

          運用輕擬物效果和與實物一致的運動方式,用戶可以直觀的看到窗簾的行程位置與開合狀況,大大的提升了產品易用性。

          明確層級關系,提升用戶理解效率

          面對一款新的智能產品時,用戶可能不知道怎么操作它,通過動效向用戶交待頁面內容之間的關系,讓用戶清楚的知道從哪里來,到哪里去,更易于理解從而可以快速上手使用。請看以下案例:

          1. Nest 溫控器設置界面

          超詳細智能產品深度解析:交互動效篇

          溫控器的設置模塊通過左右滾動以便在有限的屏幕中展現,那么模塊的下一級頁面跳轉做成像 App 那樣左滑切入是無法明確層級內容的,此時需要一個與左右滑動不一樣的動效來區分模塊的切換,Nest 運用翻轉效果,強化了層級感,清楚交待了頁面翻轉后面的內容與頁面前的關系。

          2. Google Nest Hub 設備控制界面

          超詳細智能產品深度解析:交互動效篇

          用戶從頂部導航中進入設備列表過程中,設備列表頁面從右向左進入,暗示用戶“當你想返回上一級,可以左滑離開哦”,用戶上下滑動設備列表時,屏幕左邊滑動條出現,更加明確了“左滑返回上一頁”的功能;

          超詳細智能產品深度解析:交互動效篇

          超詳細智能產品深度解析:交互動效篇

          當用戶通過列表進入操控界面以及切換功能頁時使用淡入淡出的效果,弱化它們之間的跳出感,來強調它們是一個層級的內容,從細微處可見 Google 的設計師在動效的使用、選擇上非??酥疲档梦覀儗W習。

          3. Google Nest Hub 日程提醒界面

          超詳細智能產品深度解析:交互動效篇

          用戶發出查看日程安排的命令時,日歷界面從左到右進入,告訴用戶這是一個新的頁面,接著日期數字 21 進行大小位移變化,月份不做變化,為了強調這是 21 號的日程,2 條日程信息按照時間先后從下向上運動,交代了日程處理的優先級。Google 設計師將信息展現的每一步都讓用戶看的清楚明白。

          品牌調性透傳

          在可用性良好的前提下,通過一致性、趣味性的動效設計和創新的交互方式為產品增加亮點,帶來更驚喜的體驗,傳達產品的氣質與態度。請看以下案例:

          1. Google 多端運行動效

          超詳細智能產品深度解析:交互動效篇

          超詳細智能產品深度解析:交互動效篇

          超詳細智能產品深度解析:交互動效篇

          在品牌塑造上,Google 已被證明做得極為成功,而且在視覺表現層面,Google 系產品具備著“一致性”和“連貫性”,這讓 Google 獲得了品牌識別上的利益。在不同設備的動效設計中,Google 都統一使用代表品牌的紅、黃、藍、綠顏色和幾何圖形,遵循化繁為簡的設計準則,通過簡潔貼近真實的運動方式,讓產品更有人情味,讓用戶更加專注于內容。

          2. 智能圓鏡

          超詳細智能產品深度解析:交互動效篇

          用戶在靠近圓鏡設備時,鏡面中心人臉識別 icon 縮放,周圍點元素波動擴散,吸引用戶的同時,傳達出科技感。

          3. Apple HomePod 命令反饋界面

          超詳細智能產品深度解析:交互動效篇

          當 HomePod 在執行一項指令時,頂部的屏幕會出現彩球融合翻轉動畫,多變朦朧的色彩可以喚起用戶情緒,球體間的融合過程讓產品生動有趣,讓用戶感受到品牌的人情味。

          4. Apple Watch 洗手提示界面

          超詳細智能產品深度解析:交互動效篇

          Apple Watch 洗手功能開啟后,會有一個 20 秒的倒計時,倒計時以肥皂泡沫消失擴散的形式展現,很貼合當前洗手的情景,讓原本一個普通的倒計時變得生動且有趣味性,用戶更加樂意使用,強化了用戶對品牌的感知。

          5. 智能溫控器

          超詳細智能產品深度解析:交互動效篇

          這款溫控器已經有一定年代了,當時那個年代,能用到溫控器,那就很有科技感了,智能溫控器還將流動的線條動效運用至透明背景上,向用戶傳達了超前的科技感,只要見了就會記住這款產品。

          下面為大家整理了一份動效在產品中的應用場景以及設計思路:

          超詳細智能產品深度解析:交互動效篇

          總結

          實際上智能產品中的動效設計,并不是要向用戶炫技,也不是做的越炫酷越好。動效是以解決問題為目的的一種手段。我們要去觀察現有好產品的動效設計落地點及分析他們的小心思,從而運用至自己產品中,提升產品使用體驗。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png



          文章來源:優設   作者:Aaron杜斌 

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合