<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>

          首頁

          S02E04: 體驗創造價值,什么創造「體驗的價值—— 阿里云設計中心年鑒

          seo達人




          關于走進政企數字化轉型下催生的設計新領域——客戶體驗設計質詢;比起熟悉的事情,很多時候我們也愿意走進一些無人之地。

          圖片

          圖片

          客戶體驗設計咨詢是什么?

          圖片

          圖片
          客戶體驗設計咨詢服務分層 _

          圖片

           

          客戶體驗設計咨詢解決什么問題?

          人,是商業變革的源頭。我們通過幫助客戶,從為用戶提供美好的體驗入手,從目標到結果提供設計咨詢服務,為傳統企業和政府客戶,重塑其發展的可持續增長。

          圖片
          用戶體驗優化體系 _

           

          客戶體驗設計咨詢和其他設計有什么不同?

          體驗思維定義了設計師新的增長邊界,我們希望借助專業能力探索體驗之于企業的價值邊界。相較于「傳統」設計,我們為客戶提供的體驗設計咨詢是融合商業、項目管理、服務設計、交互設計和視覺傳達設計等多元領域的交叉性設計類型。

          圖片
          客戶體驗設計咨詢孵化過程 _

           

          設計師在其中扮演的角色是?

          ① 商業設計師 /  提供專業深入的設計咨詢服務,擔任客戶數字化轉型的設計顧問;

          ② 綜合設計師 /  輸出綜合設計解決方案,擔任項目里的設計交付負責人;

          ③ 專業設計師 /  承擔某一設計領域的專家角色。

          圖片
          客戶體驗設計咨詢能力模型 _

           

          如何提升效率與標準化程度?

          客戶體驗設計咨詢 — 產品化探索:

          ① 服務型設計產品,提供客戶定制化設計服務;

          ② 基于系統平臺的設計產品,提供固定的設計資產和軟件能力,可配套少量人力服務。

          圖片
          DPM 客戶體驗設計咨詢平臺產品 _

          圖片

          圖片

          圖片

          客戶體驗設計咨詢的行業化實踐?

          GTS (Global Technology Services) 品牌設計 _

          圖片

           

          如何進行品牌建設?

          我們將品牌與傳播建設聚焦四大板塊:品牌公關、市場活動、產品服務、品牌周邊,建立規范化的品牌體系。

          圖片                    
          圖片                    
          圖片                                                      
                            
          圖片  
          圖片                    
          GTS (Global Technology Services) 品牌心智建設 _

           

          社會效率

          一個項目的售前簽單包含了設計能力宣講,客戶需求挖掘,市場競品分析和服務體系介紹,除此外,還有產品 DEMO 設計和 POC 打單,這些都是設計助力售前的重要服務內容。

          圖片                    
          圖片                    
          1. 某城市規劃項目系統設計 _ 
          2. 某新區門戶設計 _

           

          疫情項目

          從爆發期各地政府緊急開發疫情大屏做人員治安管控和疾病防控,到后期復蘇后人群限制性流動使用的移動端二維碼管控,都是我們的設計對象。

          圖片                    
          圖片                    
          某城市疫情監控大屏設計 _ 
          某城市疫情碼系統設計 _ 

           

          行業探索

          各行業中的數字化轉型訴求,更多的是把線上線下的用戶全流程體驗進行閉環,從消費者,到合作商,再到公司內部運營,庫存整合等等,都有多方產品的設計和輸出。

          圖片
          某金融行業數字大屏設計 _

          圖片

          圖片

          未來

          圖片

          圖片

          圖片

          原文地址:阿里設計中心(公眾號)
          作者:阿里設計中心

          轉載請注明:學UI網》S02E04: 體驗創造價值,什么創造「體驗的價值—— 阿里云設計中心年鑒

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

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



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

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

          格式塔之接近原則,如何幫助信息易理解?

          seo達人


          格式塔心理學誕生于20世紀初,指出人們的視覺感知具有整體性,并且總體大于個體的總和。

          也就是說,我們不會只看局部或者個體,也是需要重新組織所看到的視覺信息來理解世界。如果不這樣做的話,我們的大腦就會不堪重負。就像下圖我們看到的是一個笑臉,而不會說是31個點。格式塔心理學家將組織信息的方法抽象為格式塔原則。

          圖片

          格式塔原則是非常重要的設計理論,因為信息的組織也就意味著信息的接收和理解,而信息易理解正是設計師的核心任務。

          其中,格式塔原則中的接近原則是最常見的原則之一,下面我將提供一些例子來幫助大家理解這個原則。

           

          01.接近原則

          接近原則是指:將相關物體的物理位置靠近,這樣一來,相關的物體就會被看作凝聚為一體的一個組,而不是一堆彼此無關的片段。
          在左側的圖片中,你會看到一組圓圈;在右側的圖片中,你會看到三組圓圈。而它們唯一的區別就是圓圈之間的距離(接近度)。
          圖片
          接近原則比其他的格式塔原則更強。即使物體的形狀和顏色都不相同,只要距離更近,他們仍然會被認為是一組。因此,接近性原則至少是比相似性原則更強。
          圖片
          接近原則還能夠直接影響用戶的視覺動線,因為元素的物理距離不同,你會在左圖縱向瀏覽,看到的是列,右圖橫向瀏覽,看到的是行。
          圖片

           

          02.接近原則的重要性

          接近原則對許多設計師而言,絕對算一個沒有專門了解,但卻經常使用的原則。我認為,了解接近原則背后的原理總是有幫助的。
          比如,我們可以更好地進行設計推理并向其他人解釋設計問題。通過接近原則,可以快速地幫助開發同學理解,為什么卡片之間的水平距離是5px,而垂直距離是15px。
          并且當我們感覺設計稿奇怪卻不清楚原因時,格式塔原則也是一個很好的自查清單。

           

          03.印刷品案例

          字體與段落

          接近原則能夠直接影響文本閱讀,使用好接近原則可以幫助用戶更快速地理解文本。
          比如,標題前后需要設置更大的空間,哪一邊的內容距離標題更近,則會認為該內容和標題聯系緊密。
          行高是另一個例子,行與行之間的空隙必須大于單詞與單詞之間的空隙,并且空隙要足夠小才能形成一個緊密的段落。英文字母之間的間距也是如此,字母之間的間距要足夠寬,才可以區分出字母,但也要足夠窄,字母們才能夠形成單詞。
          圖片

           

          雜志布局

          盡管如今是電子信息的時代,但我們先來看看印刷品的布局仍是有意義的。印刷品的布局是我們進行網頁設計的基礎,它能夠幫助我們更輕松地理解這些原則。
          在雜志版面中,圖片分布在頁面的不同位置,我們只需要判斷文本距離哪一個圖片更近,便可以知道文本在描述哪一個圖片。
          圖片

           

          名片布局

          我們來看一下這兩個名片,左側名片上的每一項看上去都與其他項沒有任何關聯。這樣一來,我們不知道從哪里開始閱讀名片,也不知道何時才算結束。
          如果對名片的距離做一點調整,便形成了一個個組。我們會清楚的知道信息的閱讀順序,能夠更容易更快速地找到信息。另外,信息之間的空白也會變得更有組織。
          圖片

           

          04.網站案例

          現在的網站信息非常豐富,組織信息也變得更加重要。

           

          菜單

          菜單通常位于網頁的左側或者頂部。在頂部菜單中,菜單之間保證充分的留白更加符合現代審美。但一定要注意的是,要確保菜單與下方內容的距離,否則,很難辨別內容和菜單本身。

           

          項目組

          一個項目組通常是由圖片、標題和文本內容等不同部分組成,為了讓他們看起來是一個項目組,元素之間的距離不能太大。

           

          卡片

          卡片在如今的網頁中是一個常見元素,當有頁面中存在不同的卡片組時,一定要確保組內卡片的空間小于卡片組之間的空間。
          圖片

           

          表單

          表單同樣是一個常見頁面,比如注冊或登錄等都需要表單,針對表單我專門寫過兩篇文章,分別是組織內容和標簽細節。
          比如,在頂對齊表單中,我們可以通過調整元素之間的距離,明確那個標簽/描述屬于哪一個字段,這將會讓表單更易于使用。
          圖片

           

          列表

          每個app總會有一些列表相關的頁面,因此學習如何設計好它們是非常有價值的。
          列表設計的其中一個關鍵點就是,如何區分各項目。我們可以使用空間距離取代項目間的線條進行區分,這樣做可以減少視覺噪音。我們需要注意的是,確保項目之間的空間明顯大于組成元素的空間。
          圖片
          接近原則是一個非常棒的設計原則,可以幫助設計師組織信息。
          雖然許多設計師已經在無意識地使用著接近原則,但是如果進一步了解它,它或許是一個更加強大的設計工具。尤其是在復雜的屏幕中,我們更加需要接近原則幫助我們組織信息,減少其他元素的視覺干擾。

           

          原文地址:Medium

          譯文地址:栗子設計喵 (公眾號)

          作者:Lukas Oppermann

          譯者:栗子

          轉載請注明:學UI網》格式塔之接近原則,如何幫助信息易理解?


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

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



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

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



          【大咖專訪】大老虎:保持平常心做好每個字

          seo達人



          @大老虎:設計不是藝術,是一份職業。設計師即希望自己的作品能名利雙收,又希望能通過作品在藝術上有所成就。你的一生會有很多作品,可能有幾顆像珍珠般光華耀眼,也會有一些像砂石一樣磨人,但決定你能走多遠的,是你自己有多強韌。

           

          阿亦:大大你好!先向大家介紹一下自己吧~

          大老虎:大家好,我是兇猛的大老虎,平面設計師一枚,字體設計愛好者。

          圖片

          圖片

          圖片

          圖片

          圖片

           

          阿亦:看到您之前很早的作品都是以電商平面的教程居多,現在傾向于字體設計這一塊了,一起聊聊你是怎樣與字體設計結緣的吧?

          大老虎:我從一五年開始工作,其實接觸設計行業也比較偶然,當時剛畢業著急找工作賺錢,剛好有一家品牌設計公司邀請面試,就這樣誤打誤撞開始了設計生涯。工作以后發現這行有很多細分,自己在工作前期也是不斷的嘗試和摸索,走了很多彎路,畢竟一個人精力有限,也不太可能去將每種類型的設計都去做到最好。

          最初做PS教程就是單純的感覺視覺效果很酷,而且當時的自己對于軟件也不太熟練,就利用業余時間一邊學,一邊把學習的過程記錄下來,再分享出來。后來感覺進步很慢,因為很多商業的設計不光是需要軟件技能的熟練,更多的還是需要設計師的想法和創意的表現,于是我開始嘗試其他方向。

          圖片圖片

          圖片

          圖片

          做字體設計也只有三年多時間,剛開始是單純的因為工作需要,就是你字體設計必須得會。我在這之前也沒有任何的基礎,開始總想著有沒有什么快速便捷的方法,能一下子做出來想要的效果,就在網上找相關的教程,發現沒有什么捷徑可以走,每個字都需要一筆一劃去做。后來發現字體設計的應用領域非常廣,是一個可以堅持去做的事情,而且可以帶來一些額外的收益,就這樣一步一步慢慢的堅持到了現在。

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

           

          阿亦:給大家講講你在學習和成長的過程中,極具意義或里程碑的故事吧~

          大老虎:最有意義的應該是第一次上站酷首推吧。去年三月份,記得當時是疫情最嚴重的時候,就宅在家里把以前的案例全部整理一遍,優勝劣汰挑選一些最滿意的,本只是為了打發無聊的時間,沒想到卻成功的上了首頁。

          就好比你買飲料,你買的是一瓶,打開一看,哇哦!蓋上寫著再來一箱!一轉眼已經1年多了,一切也都慢慢平靜,希望以后也能保持平常心,做好每一個字。

          圖片

          圖片

          圖片

          圖片

          圖片

           

          阿亦:最近做過最喜歡的案例是哪個?創作它的期間有什么有趣的探索嗎?

          大老虎:比較喜歡瘦金體系列的案例,也是最近做的比較多字形,一種風格非常獨特的字體。字體方面結合自己的理解重新設定筆畫、結構等屬性。目前同類型的字庫字體幾乎沒有,是一款非常有潛力的字型。

          版式以古典中式的楷體結合無襯線英文字體,再加上現代的國際風格排版,從而到達粗與細、曲與直、銳與鈍、幾何與手寫、機械與人文的對比,產生很強的、很獨特的形式感。

          圖片

          圖片圖片

          圖片

           

          阿亦:在你字體設計中,最常使用的手寫感和毛筆元素,你覺得這種表達形式的優勢和劣勢是什么?

          大老虎:應用領域比較廣,很符合現在互聯網設計的快節奏。但局限性也很明顯,Good bat Old,普通大眾對毛筆字總會有些刻板印象,認為比較古老、傳統、文人氣息重等。

          圖片

          圖片

          圖片圖片

           

          阿亦:怎樣看待字體設計的發展趨勢,和目前的行業情況?

          大老虎:個人感覺字體設計目前來說還沒有發展的特別好,還是屬于一個相對小眾的領域,還只是我們一小撮人在這個圈子里小打小鬧。漢字每個人每天都會接觸,電腦里的字體是怎么制作的卻很少有人能知道。目前來說還是一個非常專業的問題。

           

          圖片圖片

          圖片

           

          阿亦:關于創作,未來有什么想要去突破或嘗試的方向嗎?有什么關于字體設計上想要和大家分享的建議呢?

          大老虎:就差一套的字庫了,現在沒出過字庫的都不好意思自稱是字體設計師了,哈哈。

          經??春玫脑O計,站酷、BE,優秀的案例,多臨摹,總結筆畫結構之間的共性。給自己設定一些小的目標,比如每周或每月要輸出多少案例,定期在網上發布出來,有了點贊和評論會更有動力。前期少動腦,多動手,堅持每天做練習,學習的過程也是一次又一次的重復鞏固已學的知識,在重復中不斷得到提升。

          設計不是藝術,是一份職業。設計師即希望自己的作品能名利雙收,又希望能通過作品在藝術上有所成就。你的一生會有很多作品,可能有幾顆像珍珠般光華耀眼,也會有一些像砂石一樣磨人,但決定你能走多遠的,是你自己有多強韌。

           

          圖片

          圖片

          圖片

          圖片

          圖片

           

          阿亦:感謝大大接受LEO設研所的訪談,祝大大創作出更厲害的作品!

           

          原文地址:Leo設研所(公眾號)

          作者:Leo設研所


          轉載請注明:學UI網 ? 【大咖專訪】大老虎:保持平常心做好每個

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

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



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

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


          還不會標題設計?這個方法很好用!

          seo達人



          設計大多是服務于商業的,或許我們會遇到很多奇葩要求,但我們要學會留給自己一些空間,去發現設計中的樂趣,這樣才不會覺得枯燥乏味。今天的文章會著重講解AI自制畫筆與字體設計如何結合。今天的案例雖然是剛剛過去的端午節,但是掌握了方法,下一次標題設計,一樣好用。

           

          大家都知道端午節也叫端陽節,那么我們就以端陽節為主題進行設計,先把文字整理好。

          圖片

           

           STEP 01 > 分析屬性 

          接著我們分析字體屬性,作為中國傳統節日,端陽節有兩個顯著的特征,那就是粽子與龍舟。

          圖片

          根據分析出的屬性,我們確定字體設計的風格方向,筆畫我們可以用粽葉的特征。

          ??????

           

           STEP 02 > 設計字體 

          下面畫出字面框確定字形的橫豎比,重心偏低;字體的筆畫粗細保持一致。

          ??????

          將制作好的畫筆拖入到畫筆框中,選擇藝術畫筆,就得到了五條橫線的畫筆。

          圖片

          接著墊字在字面框里將文字做出來,可以看出還是遵循了方塊字的做法,只是筆畫特征發生了變化。

          圖片

          接著我們將部分筆畫替代,增加特異性,同時調整字體的大小和部分細節。

          圖片

          到這里字體基本就設計完成,接著我們需要對字體進行編排,增加的元素有云,粽子,粽葉樣子的舟,都是用混合工具做成的,這樣整體風格更匹配。

          圖片

           

           STEP 03 > 搭配顏色 

          然后就是搭配顏色,這里我想到的就是粽葉的綠色,那么我們填充好將文字變成白色就完成了。

          圖片

          OK,設計做完了,可以看出自制畫筆他本身具有的優勢,由于固有相同的特征,會在筆畫細節處理的時候更方便,同時還具備設計感。這個方法是比較常用的,希望大家多多練習

           

          原文地址:

          作者:趣趣熊


          轉載請注明:學UI網》還不會標題設計?這個方法很好用!


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

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



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

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


          峰終定律,揭露用戶寧愿長痛不愿短痛的秘密

          seo達人



          用戶體驗的本質其實是心理學在科技產品的運用,需要的是讓技術順應人性。我在讀人機交互碩士時,學的也都是些心理學的研究成果和方法??稍谛睦韺W這塊了解得越多就越發現,很多人做不好體驗設計,是因為喝太多雞湯,導致腦子里不自覺地產生了很多反人性的思想。而這些反人性的雞湯,雖然能夠幫助自己更加優秀,對于理解用戶來說卻一點幫助都沒有,甚至可能適得其反。

          圖片

          例如今天我就用一個很經典的心理學定律來給大家講講:

           

          峰終定律——The Peak–End Rule

          意思是,人們對于一件事物的記憶好壞,取決于高峰和結尾的感覺。

          注意,這個高峰并不一定是正向高峰,也有可能是負向高峰。

          諾貝爾經濟學得主丹尼爾?康納曼(Daniel Kahneman)曾經做過一次實驗,讓兩組人帶上耳機聽噪音。

          兩組人聽的時長和音量都是一樣的,唯一不同的是,第一組聽完這段就結束了,而第二組聽完這段后,還會再聽一段音量小一些的。

          從測試設計者的角度看,第一組的忍受噪音的時間更短,總量也更少,理論上應該比第二組體驗好一點。

          然而根據調查發現,忍受完這輪噪音后表示愿意繼續參加實驗的人,竟然是第二組更多一些!

          康納曼讓兩組受試者戴上耳機,聽很大聲、令人不舒服的噪音。兩組聽到的音量都一樣,不同的是,第一組聽完大聲的噪音就結束實驗,第二組還會再聽一段比較弱的噪音。

          圖片

          按常理推斷,第二組的人聽了更久的噪音,應該比第一組感覺更痛苦,但事后調查,愿意繼續參加實驗的人,居然是第二組較多!

           

          寧愿長痛不愿短痛?

          我們都說長痛不如短痛,但為什么實驗中,而且哪怕長痛的總量比短痛的總量更大,大多人都寧愿長痛不愿短痛?

          • 明知道高考的時候再努力一把,畢業后就能找到好工作了,可偏偏忍受不了。
          • 明知道晚上少熬點夜,第二天神清氣爽工作效率高,可就是做不到。
          • 明知道每天只要花半個小時鍛煉一下,不但體型能改善而且精氣神也能上去,可就是堅持不了。
          • ……

          看來,短痛什么的都只能是對自己的要求,對大多數人來說,還是長痛更加符合人性。

          運用到產品體驗上,那就是:便捷性比不過易學性,與其與讓用戶短時間內完成一個高難度的操作,還不如花更長時間完成一個低難度操作。

          例如我以前設計過一個控件,方便用戶快速滑動切換到某個日期。

          結果用戶測試發現,雖然這個控件操作效率高,但是幾乎所有的用戶都無法立即理解,于是效率反而下降。

          圖片

           

          結尾比過程更重要?

          雖然很多雞湯文說,要重視過程而非結果。 

          但是對于只體驗一次的事情來說,大多數人更在意結果而非過程。

          以電影為例,通常對于喜劇和悲劇的劃分,并不是根據過程,而是結尾。也就是說哪怕同樣的故事,只要結局反轉,就會給人完全不同的感受。

          把這個類比到產品體驗,就拿購物為例,不論搜索產品的過程有多么復雜,只要最終我能買到合心意的產品,用戶體驗就是美好的。

          所以說拼多多這類主打實惠電商平臺,根本沒有必要再一些體驗細節上死摳,點擊收貨時自動拉攝像頭什么的……都被拿到便宜商品后的愉悅感沖淡了~

          相反,如果一個電商平臺流程體驗上再考究,可只要在最后一步收貨階段讓用戶失望,前面的努力都白費了。

          這么一想,寫之前那篇《拼多多這個惡心的交互,居然有人說好?》時,我的困惑也終于找到答案。

          不過,我還是不喜歡這個方案,這個下面再解釋。

           

          腳踏實地比不上巧言令色?

          通常我們受到的教育是,做事要腳踏實地,那些巧言令色的小人走不長遠。

          可如果真的是這樣,為什么不論是職場還是相親,「老實」這個詞都被認為是貶義詞呢?

          其實大部分人根本不喜歡穩定,例如投資股票的朋友,經常喜歡張口閉口就說“我最近賺了 50%”、“再加把勁,說不定可以翻倍”……

          可是股神巴菲特的年均收益率不過 20% 左右,據我了解無論是創投還是私募,實際年收益率平均能超過 20% 已經相當不錯了。

          圖片

          藍色線為收益率

           

          但是對于大多數業余股民來說,即便是自己年均收益率為負數,只要曾經有過一段高光時刻,那就很滿足了。

          對應在產品體驗上那就是:只要有一點讓用戶感到了「高光時刻」,那就足夠讓用戶記住要長時間了。

          例如 iPhone 其實整個產品的用戶體驗,尤其是在剛需上未必比 Android 強多少,可他們抓住自己在細節上的優勢,讓用戶在某些時候突然印象深刻一下,就能圈住不少果粉:《iPhone 這些體驗細節太感人,換安卓后不習慣了》。

          當然,Android 也有自己的「高光時刻」,例如我在接到陌生電話,看到屏幕上顯示“詐騙電話”時,立即由路人轉粉。

          當然,這個「高光時刻」也可能是負面的「至暗時刻」,例如雖然拼多多能夠讓我買到便宜的商品,結尾通常是美好的,但是那個點收貨拉攝像頭實在是讓我的體驗一下子跌落谷底,所以始終無法產生好感。

           

          總結

          雞湯本身就是反人性的,用來要求自己可以,用來要求他人可千萬別。

          所以說用戶體驗要反雞湯,這個其實再合理不過。

          以后可千萬別抱怨用戶這不好那不好,因為人性本來就是這樣,樣本大了從概率學上看,是一個絕對不可能改變的客觀事實。

          體驗設計就是要運用技術去迎合人性,而千萬不要妄圖改變什么。

           

          原文地址:體驗進階(公眾號)

          作者:設計師ZoeYZ

          轉載請注明:學UI網》峰終定律,揭露用戶寧愿長痛不愿短痛的秘密



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

                                                                      微信圖片_20210513163802.png

           

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

           

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




          S02E03: 數字構建世界,什么構建「數字的世界」—— 阿里云設計中心年鑒

          seo達人


          本篇文章是承接《產品解決問題,什么解決「產品的問題」》、《設計定義專業,什么定義「設計的專業」—— 阿里云設計中心年鑒》的內容。年鑒的第三篇,走進“數字”世界;比起這些宏大的視角,我們更希望和你一起推敲每一個細節。

          圖片

          圖片

          如何構建一個數字世界?

          圖片

          圖片

          圖片

          構建數字世界分為三步:

          ① 數據原料的采集與轉譯

          ② 數字世界的生產與加工

          ③ 設計過程的成本管控

           

          數字世界的血液從哪里來?

          數據是數字世界的血液,那么數據從哪里來?將空間數據采集后,我們進行標準化處理、融合,用于空間展示與計算;通過對環境、建筑、城市道路數據編輯能力,為生成3D城市(世界)提供完備數據。

          圖片                    
          圖片                    
          空間構建平臺 _

           

          數字世界的構建就是建個模么?

          孿生不僅僅停留在表面,而是由底層數據驅動、可以對物理實體流程模擬、結構模擬,甚至可以達到對物理的實時優化與反控。

                             
          圖片                    
          圖片                    

          圖片

          怎么理解數字世界的生產加工?

          這是一種很“工程化”的設計流程,無法通過設計稿“所見即所得”,需要在了解數據的特性基礎上,同工程師一起,通過算法決定建筑的形態,通過視覺設計規則決定建筑的樣式,通過場景編輯器決定物理世界的表現形式和規則。

                             
                             
          DATAV _

           

          如何降低設計成本提高效率?

          針對大屏搭建成本高、周期長、我們的方法是從生產的各個環節進行優化,如提供涵蓋行業特色場景的大屏模板,建立設計資產庫、數據映射視覺設計;同時,DataV的智能設計 AiVisLab提供的智能化搭建與編輯方式(識圖搭建,美化工具箱,自動可視化等)以及Visbar的資產沉淀讓搭建設計成本更低,提高搭建效率。

          圖片                    
          圖片                    
          圖片                    
          自動化,智能化,產品化
          設計預設,模版等 _

           

          圖片

          圖片

          如何把圖形引擎能力抽象出來,服務更多的場景?

          圖片

          圖片

          圖片

           

          三維場景和動態數據效果,是如何做到的?

          我們通過提供便捷的數據服務一鍵生成三維數據基底、通過設計資產預設,后期環境設置等完成從物理空間到數字空間的轉化;同時在數據業務展示層,我們有一套完整的圖元系統貫徹組件支持數據展示;而在信息交互層上為了滿足不同維度的交互編輯,我們提供了藍圖節點編輯,和鏡頭沉浸式設定等功能。

          圖片                    
          圖片                    
          圖片                     

          圖片

                             
                             
                              
           

          不會代碼,也能用 DataV么?

          當然,為滿足用戶日益增長的編輯訴求,我們從最初的1個畫布編輯器已擴展至今天橫跨多個維度的6大編輯器,形成一套簡單易操作的可視化編輯器系統。用戶可通過編輯器里豐富的模版及資產庫、數據配置、自動數據映射等0代碼編輯的功能快速搭建專業水準的數據可視化應用,感受數據的美好。

          圖片圖片

          圖片

          小白如何快速上手搭建三維空間可視化?

          為了讓用戶能夠“傻瓜式”搭建復雜的三維空間可視化,我們打造了一整套包括 CityPro、CityV、GI組件等的圖形引擎產品。并提供了一套既能滿足沉浸式數字孿生體驗,又能滿足時空大數據分析的解決方案,可覆蓋可視化領域的各個場景。

                              
          圖片                  

           

           

          圖片

          圖片

          如何把模型資產沉淀下來,產生更多的復用價值?

          圖片

          圖片                    
          圖片                    

          圖片

           

          為什么要有 Visbar?

          在數字孿生的行業可視化項目中 ,每個具體行業的需求往往很相似,功能場景也有較高通用性。于是我們以行業維度沉淀資產,并以解決方案打包輸出,最終以產品化對外服務。Visbar 不但能夠提升可視化項目交付效率,還可以降低項目投入成本。

          圖片

          行業案例 _

           

          那么多資產沉淀得過來嗎?

          Visbar擁有自己的物料生態與運營模式。

          圖片

          圖片

          圖片

          圖片

          原文地址:阿里設計中心(公眾號)
          作者:阿里設計中心

          轉載請注明:學UI網》S02E03: 數字構建世界,什么構建「數字的世界」—— 阿里云設計中心年鑒

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

                                                                      微信圖片_20210513163802.png

           

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

           

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


          想抓住產品第一印象?看看這些引導頁設計方法!

          seo達人



          引導頁可以算作我們打開一個新產品時看到的第一個畫面,能在未使用產品之前提前告知產品的主要功能與特點。

          第一印象的好壞會很大程度上影響到后續的產品使用體驗。文章通過梳理引導頁設計的構成,總結出實用的觀點與方法來助力引導頁設計。

           

          1.什么是引導頁?

          第一次打開新的應用時通常能會看到2-3個系列開屏頁,上面有簡短的文案來解釋產品的功能,方便用戶使用。

          又或者打開一個全新的社交類產品,會引導用戶進行創建帳號、設置偏好、添加興趣等一系列操作,從零開始帶用戶了解產品。

          圖片

          ▲ 通過友好的引導頁向用戶介紹價值主張以及產品將如何改善他們的生活。

          入門引導有助于用戶了解需要做什么以及怎么做才能從產品中獲得需要的東西。這是一種與用戶建立信任的方法,不僅有助于用戶,也是提高業務轉化率和保留率的關鍵。

           

          2.為什么引導頁很重要?

          平均來說,近四分之一的用戶會在僅使用產品一次后就因為各種原因放棄再次使用。一旦用戶試用了產品并且離開,可能很難再次成為產品的使用者,除非他們能從產品中獲得一些有價值的內容。

          例如我們花時間和精力去下載一個新產品時,總會帶著某種目的性,希望這個產品能在某種程度上解決現階段遇到的問題或者改善我們的生活。

          圖片

          ▲ Twine將漸進式的引導頁融入到產品體驗中,用戶的流失率降低了一半以上。

          用戶留存率和客戶忠誠度是大多數產品和服務成功的關鍵因素,合適的引導頁可以提高長期留存率。

          為產品或服務添加新功能雖然很好,但如果用戶不了解或不知道如何使用,會導致用戶在很大程度上未充分利用這些新功能,那么它們就沒有為用戶帶來太大的價值。

           

          3.引導頁設計類型和方法 

          引導頁類型

          為滿足新用戶的需求并留住他們,大多數產品會采用幾種引導頁組合來為用戶提供指導。

           

          入門之旅

          這是一種在移動應用中非常流行的模式。用戶第一次啟動產品后,他們會看到幾個快速概述產品價值和基礎知識的頁面。

          這種簡單、靜態的介紹為新用戶提供了一個很好的入門。

          圖片

          ▲ Slack通過四屏概覽引入了新用戶,整個介紹流程很清晰,為用戶提供了明確的進度點以及跳過選項。

          最好的做法是為用戶提供進度指示以及退出或跳過選項。這樣他們就會明白還有多少介紹內容需要閱讀,并且不會感到困惑。

           

          工具提示和指導標記

          這是另一種很常見且相對省力的方法,用于從一開始并貫穿整個產品體驗來引導用戶。

          圖片

          ▲ Twine使用工具提示和指導標記幫助用戶快速了解頁面情況。

          圖片

          ▲ 在為Metrie的3D房間配置器設計界面時,通過添加指導標記的可切換圖層,將它們合并到加載屏幕中。

          雖然這種帶注釋的引導設計很有用,但要注意不要過度使用或者連續彈出多個窗口來干擾用戶。一次引導用戶使用一個元素或操作,避免解釋太多顯而易見的事情。

           

          引導任務完成

          讓用戶記住某事最好的方法就是讓他們實際去做。引導式任務是通過一系列步驟提示用戶與產品交互的方法,常用于當產品希望用戶盡早創建帳戶或設置一些個性化參數時。

          圖片

          ▲ 用戶首次進入團隊管理平臺Basecamp時,會被引導完成一項任務,以此來熟悉產品的特性和功能。

           

          什么時間開始引導

          從初次進入到持續使用的整個過程中,決定在產品體驗的哪個部分使用哪種引導模式對于用戶體驗來說都至關重要。

           

          開箱即用

          第一印象很重要,因為很多用戶在第一次打開產品后就把它放棄了。

          圖片

          ▲ 日記應用Dailyo友好細致的引導頁向用戶解釋了產品的價值,并提供了如何讓用戶從中獲益的提示。

           

          漸進式引導

          用戶完成了開箱即用的流程之后,在使用產品的過程中仍然有很多機會可以繼續幫助、啟發和取悅用戶。

          圖片

          ▲ 每當用戶選擇一種新語言來學習時,多鄰國都會提示用戶表明他們的專業水平,然后測試他們的語言能力。這有助于用戶避免因高估自己的能力而有可能放棄使用的挫折感。

           

          新功能上線

          當產品推出新功能或對體驗進行重大的改動時,需要讓用戶知道這些新功能的優點以及如何使用。

          圖片

          ▲ 當Facebook為用戶引入一項新功能時,會通過一個高度可見的工具提示標注來讓用戶知道如何在一個簡單的消息中使用新的功能。

           

          4.引導頁設計實踐和技巧 

          了解用戶

          通過了解用戶來調整引導頁的設計,發現并利用用戶現有的心智模型,來幫助彌合用戶對產品的期望。

          圖片

          ▲ Basecamp通過提供一個簡單的選擇面板和友好的指南,突出了新用戶在首次使用時要注意的核心要素。

          在構建產品時,用戶測試和可用性分析不僅能幫助團隊改進整體設計,還能告知用戶在入門時應關注哪些內容。

           

          與用戶價值聯系起來

          使用福利介紹來提醒用戶為什么產品或服務適合滿足特定需求。

          圖片

          ▲ Inbox對入門體驗進行了冗長的介紹,但每個案例都強調了其功能將如何使用戶的生活更輕松。

           

          快速引導

          使用一個實體產品時,很少有人愿意翻看說明書,相反大家更愿意自己去摸索產品的功能。

          圖片

          ▲ Morningstar Financial的入門引導違反保持簡單引導的準則,因為沒有人愿意花費時間去閱讀這么多的說明,更別說記住這些說明。

          如果產品很簡單,快速的概覽可能就足夠了。當需要更深入時可以考慮漸進式引導,將引導擴展到整個產品體驗中。

           

          可重復引導

          入門引導之后,不能假設用戶不會再次訪問這些引導內容,用戶很可能忘記了第一次引導時提到的技巧或內容,所以考慮在導航中設置一個“幫助”模塊,便于用戶重復回看這些引導內容。

          圖片

          ▲ 指導標記可以根據用戶需要在房間中選擇打開或關閉,這使用戶能夠根據自己的實際情況獲得指導和幫助。

           

          避免過于個性化

          鼓勵新用戶提供一些有助于個性化體驗的信息是很好的,但需要注意不能要求太多細節,導致讓用戶有一種信息泄漏的感覺。

          產品不應該向用戶詢問太多不必要的問題,尤其是在剛開始使用的時候。

          圖片

          ▲ 首次使用Pinterest時,用戶需要使用郵箱才能登錄,再通過年齡和興趣愛好的選擇為用戶帶來個性化的體驗。

           

          最后 

          引導頁不僅僅是一瞬間的操作,而是一個與受眾建立并保持信任的過程。

           

          原文地址:Clip設計夾(公眾號)

          作者: Clippp

          轉載請注明:學UI網》想抓住產品第一印象?看看這些引導頁設計方法!


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

                                                                      微信圖片_20210513163802.png

           

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

           

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



          如何提升UI效果圖空間感?

          seo達人


          不論是作品集還是項目匯報,都少不了UI效果圖展示。雖然網上有很多樣機模板可以用,但與其與胡亂套用,還不如自己學會怎么展示界面。

          今天教大家一個簡單的方法,只需五個步驟就可以立即提升界面展示的空間感。

          看過之后,說不定你還可以舉一反三,做出更多不同的創新。

           

          1、準備界面

          可以像這樣把兩個界面并列放到一起,這里我用的是一個正方形畫布。

          看起來很無聊就對了,因為這只是第一步。

           

          2、旋轉角度

          如果什么東西都方方正正的,看起來會很沒意思。更何況在三維空間看二維界面,肯定是不可能這么擺放得規矩。

          于是我們把兩個界面都向不同的方向旋轉一點角度,例如下圖右邊是 -5 度,左邊是 8 度。

          同樣是為了體現三維空間感,我們把這兩個界面交疊一下,像是兩張散落在桌面的撲克牌。

           

          3、添加背景

          什么東西都用白色背景多無聊?更何況很多界面本身就是白色背景,再往白色畫布上放就要找不到邊界了。

          最簡單的方法,就是把界面上的主題色直接用到背景上,這樣即把界面體現出來了,又能保證整體色調。

          但是這樣做問題還是很明顯:首先,背景太強容易分散注意力;其次,也許有少量頁面用主題色作為背景,那就和畫布區分不開了。

          所以,比較簡單的方法,就是把背景上的主題色往淺灰色靠一些,讓它即保留在同一個色調,又不至于太搶眼。

          另外可以給畫布和界面都加個圓角,讓它們看起來更有卡片的感覺。

           

          4、繪制投影

          陰影可以說是空間感的點睛之筆,所以很有講究。

          很多人直接給界面設置陰影效果,結果陰影緊貼著邊緣,導致空間感較弱。

          為了讓陰影更加真實,最好是單獨畫一個陰影方塊,疊放在兩張界面之間。

          這個方塊可以直接用上層界面的形狀,縮小一點、加大圓角并填充黑色,至于擺放位置,就想象一下自然投影效果吧。

           

          5、模糊投影

          投影肯定不能是一個黑色的圓角方塊,所以要給它添加效果。

          例如,我設置了 50 的模糊效果,和 20% 的不透明度。這個數值可以根據具體的情況,自己調節。

           

          總結

          第五個步驟完成后,和第一個步驟比起來,是不是感覺好多了?

          你也可以用這個方法嘗試不同的色調和排版:

           

          原文地址:知乎

          轉載請注明:學UI網》如何提升UI效果圖空間感?

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

                                                                      微信圖片_20210513163802.png

           

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

           

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

          最初我覺得這效果也太差了,最后沒想到做的還不錯!

          seo達人


          今天給大家講講每周任務頁頁面頭圖案例,講講這里面的思路,讓大家吸收一波!本文頭圖強調顏色的橫向豐富與縱向豐富,色相的差異化、顏色占比的問題、層次和飽滿度,這樣就能大大提升畫面質感。

          最近在做每周任務頁頁面,頭圖又是給我難夠嗆,我們先看下第一版到第三版的變化:

          第一版

          圖片

           

          第二版

          圖片

           

          第三版

          圖片

          中間過程思考了很多,和大家分享一下。

           

          1. 顏色的橫向豐富與縱向豐富

          什么是橫向顏色?

          其實就是同一飽和度、明度的顏色,色相不同,比如下面這組顏色:

          圖片

          雖然色相挺豐富,但是看多了會比較膩。

          所以有時候我們就需要進行顏色的縱向延伸,也就是除了色相的不同,還有飽和度、明度的不同,比如:

          圖片

           

          2. 色相的差異化

          之前在總結顏色的時候有說過,色相不要用的太正,會比較常規,因為人們看多了比較正的顏色,所以就會感覺沒什么新意。

          舉個例子,同樣是紅色:

          圖片

          第一個紅色就會比較正,如果沒有相當足的功力,很可能做成過年、國慶的感覺,而第個組就會相對容易出效果一點!

          當然,顏色本身沒有好壞,要看怎么用,只是說不太正的色相對新手來說比較友好一些。

          所以大家看下,色相從比較正的橙色變換色相后,瞬間感覺沒那么老氣了:

          圖片

           

          3. 關于顏色占比的問題

          當然,這個案例中,除了色相以外,還有顏色完畢的問題,其實我之前很多作品,重色會占比多一些,比如下面這種:

          圖片

          而這次的每周任務頁面希望能有一點輕松愉悅的感覺,別用太濃烈的顏色讓用戶壓力太大。所以對我來說也算是一次小挑戰。

          所以我將重色占比縮小,只用在最前處的近景和字體暗部(藍色部分):

          圖片

          其他地方都是比較輕的顏色。

           

          4.關于層次和飽滿度

          上面講的都是關于配色的,接下來說下層次和飽滿度。

          因為這次的構圖比較簡單,就是中心構圖,也沒有什么大透視,那如何增加層次呢?

          我使用三、四層云放在前面,這幾本就把算是拉開層次:

          圖片

          但是有個問題,下面是有層次了,但是上面有點感覺空空的,于是又加了一點小元素進行點綴:

          圖片

          這樣整體看起來就比較和諧了,這里面有個要說的點,對于小元素的顏色,一定要有前后關系,也就是用顏色的深淺、色相來體現:

          圖片

          這樣看起來才不會生硬。

           

          總結:

          做到這里,越看越不順眼,總感覺有點油膩,有點土,具體什么原因?怎么修改?因為不想寫的太長,所以我們下期再仔細的聊一聊在保持基礎框架不變的情況下,如何拆分畫面來優化每一處細節,使第二版變成第三版的!

          圖片

           

          原文地址:菜心設計鋪
          作者:菜心設計鋪

          轉載請注明:學UI網》最初我覺得這效果也太差了,最后沒想到做的還不錯!

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

                                                                      微信圖片_20210513163802.png

           

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

           

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

          掌握這20條用戶體驗設計原則,助力設計成長!

          seo達人


          用戶體驗設計需要考慮很多不同的因素,例如為用戶創造新體驗時需要考慮哪些內容?哪些規則能區分產品的好壞?文章整理了20條用戶體驗設計原則,希望通過這份簡潔易懂的合集能夠讓你對用戶體驗領域有一個初步的概覽和了解。

           

          1.以用戶為中心 

          這是最常被提及的用戶體驗設計基礎,當涉及到產品設計決策時,提醒我們要學會使用同理心,而不是僅憑個人的想法或意見。

          真正好的用戶體驗設計是為用戶量身打造的,用戶的意見、痛點、愿望、偏好和需求對產品來說至關重要,所以在項目初始階段需要投入大量的時間和精力去了解用戶。

          圖片

          用戶體驗研究重點是了解用戶,為接下來的產品設計做準備。以用戶為中心的設計理念是設計師迎合用戶的需求,區分了設計任何人都可以使用的產品和為目標用戶設計的產品。

          一款特定的產品需要面對不同的目標群體,前期研究中需要了解目標人群需要什么并在產品中反映出來,這是針對性很強的設計研究。

           

          2.了解信息架構

          可能很多人對信息架構的定義很模糊,這里舉個例子來具象說明一下信息架構的含義。

          例如在一款產品中,如果把所有內容都堆到一個列表或頁面中,可能我們將無法使用這款產品,所以我們看到大多數的App和網站都包含很多的導航和頁面結構,按照內容重要程度有序地來組織內容。

          信息體系結構的最終目標是幫助用戶理解他們在看什么,并幫助他們找到需要尋找的內容。

          圖片

          信息架構在制作線框圖或原型之前完成,因為它是產品的基礎,有助于設計師考慮什么功能是最重要的,哪些是用戶最需要的以及哪些次要內容可以隱藏起來等。

          這種結構與產品的導航設計密切相關,有助于將用戶引導到正確的位置。導航和信息架構都試圖讓用戶以最少的認知努力來完成操作。

          信息架構的設計不當會造成重大故障甚至可能危及整個產品。如果用戶在使用產品時找不到任何想要的內容,點擊任何元素都沒有反應,會給用戶帶來很糟糕的使用體驗。

           

          3.考慮使用場景

          沒有場景,任何設計都很難生效。設計師在項目開始時會投入時間去了解用戶面臨的問題以及圍繞這些問題的背景。

          圖片

          這條原則有助于設計師考慮還有哪些因素會影響用戶和產品,很多產品設計會為用戶提供一些有助于消除使用摩擦的操作提示。

          例如在設計表單時,會盡可能的添加輸入提示,最大程度地減少用戶出錯的機會。

           

          4.了解一致性及其重要性

          保持一致性是用戶體驗設計的關鍵原則。擁有一致設計的產品可以更快地被新用戶接受,因為用戶不需要再次學習如何操作,他們會回憶起之前的操作習慣并將其作為指導,這也解釋了為什么同類型的產品例如電商類App頁面設計的很相似。

          保持一致意味著在需要時可以重復使用某些UI組件,并在整個產品中保持一致的行為。例如當點擊或懸停在按鈕上面時,所以按鈕的狀態應該是一致的。

          圖片

          從邏輯上講,產品越大,這種一致性會變得越來越有挑戰性,這促使許多設計團隊創建自己的設計系統。一款產品的學習曲線越長越陡,放棄的用戶就會越多,在市場營銷中,這通常被稱為銷售漏斗中的漏洞。

           

          5.給予用戶適當的控制權

          這條原則意味著用戶希望能控制產品,無論是完成任務還是定制滿足他們需求的內容。

          在設計過程中一直試圖給用戶盡可能多的控制權,例如允許用戶撤消操作、更改設置、自定義UI外觀、創建快捷方式等。

          圖片

          需要注意的是,當提供太多選項或用戶太依賴于自己的選擇時,用戶可能會不知所措,造成所謂的選擇悖論。所以在設計時要了解用戶樂于掌控的余地,不能讓用戶感到使用壓力。

           

          6.把可用性放在首位

          在整體上看,建立高標準的可用性是為用戶做的最好的事情,有助于檢查用戶是否能夠輕松地完成任務、產品是否正常運行以及是否完成工作。

          圖片

          可用性的重要之處在于要理解可用性的靈活性和重要性。

           

          7.了解用戶測試

          結合可用性的概念,我們還要進行用戶測試,這是設計師對工作進行測試的方式,對新的產品來說至關重要。

          當設計思想和理念被轉化為有形的原型時,設計師要觀察真實的用戶是如何與之交互的,可以通過許多不同的方式例如簡單的A/B測試到全面的審核測試等來實現。

          圖片

          測試通常分幾輪進行,團隊在向原型添加更多細節之前驗證每個步驟。隨著測試結果的出現,設計也隨之發生了變化。

          如果發生更改,將會進行新一輪的測試,通過這個過程,設計團隊可以改進他們的工作,直到達到可用性標準。

           

          8.少即是多

          在創造力和創造獨特事物的渴望中,很多設計師很容易無意中弄亂產品界面甚至產品本身。

          功能過多的產品可能會失去焦點并削弱吸引力。具有太多元素的頁面會變得充滿視覺沖擊,但也會給用戶帶來負面體驗,在設計時要學會克制并優先考慮真正關鍵的部分。

          另外手機端的屏幕空間非常小,創建一個有效的布局,想出巧妙的方法來隱藏次要元素并創建一個令人愉悅的界面需要付出很大的努力和創造力。

           

          9.視覺層次

          視覺層次是向用戶傳達產品中元素重要性的方式。良好的層次結構有助于用戶視線在界面上移動,并立即了解最重要的內容以及這些內容與其他部分的關系。

          視覺層次結構與布局設計緊密相連,幫助用戶消化所接觸到的信息。

          圖片

          創建層次結構從概念的草圖開始,一直持續到完成設計。例如發送按鈕通常會用綠色而是不紅色,而次要按鈕會顯示為灰色或與背景混合,并顯示“撤消”或“返回”。

           

          10.了解用戶的心智模型

          為用戶創建心智模型是嘗試使用同理心的一種方式,是幫助設計師從用戶的角度看待問題的工具。

          圖片

          做到準確就是直觀的產品,用戶不需要投入精力就可以使用它,而錯誤的思維模型會導致一些問題,例如界面混亂、高昂的交互成本。

          為了匹配用戶的心智模型,可以采用多種不同類型的研究方法,常見的方法包括卡片分類、決策樹、對用戶行為的密切觀察,或者使用大量的數據來建立關鍵用戶的心理模型。

           

          11.設計中的講故事

          講故事的方式更加直觀,利用圖像、視頻、動畫和文本等元素讓整個頁面與用戶對話。用戶體驗設計中的視覺敘事是為了喚起用戶的情感,給用戶留下持久的印象。

          圖片

          想出一種可視化的方式來傳達復雜的內容具有挑戰性,但同時也是有益的,可以更好地接近用戶并將其作為提高產品可學習性的方法。

           

          12.不要直接跳到高保真原型上

          高保真原型是設計項目的最終目標,但是直接使用原型軟件不斷添加各種頁面細節是錯誤的操作。

          圖片

          避免直接出高保真的主要原因是因為這樣做的成本會更高。在沒有任何用戶研究和測試的情況下,一款產品無論具有多少的細節都有可能面臨不符合用戶使用的情況。

           

          13.可訪問性測試很重要

          不僅要檢查關鍵用戶是否可以流暢地使用產品,還應該檢查其他所有用戶例如少數群體等是否都能夠正常使用產品。

          圖片

          事實上,殘疾人和其他用戶一樣需要數字產品,但很多產品在設計時并沒有考慮到這些群體,但這也提供了一個機會,為所有用戶提供一個可以依賴的好產品。

           

          14.熟悉并在用戶體驗設計中使用

          我們知道為用戶提供一致的設計有助于克服學習曲線,同時為用戶提供熟悉的東西也有助于縮短學習曲線。

          例如,大多數用戶都會立即識別某些UI組件(漢堡菜單/單選按鈕),這意味著他們會本能地知道這些組件代表什么意思或者如何操作。

          圖片

          使用用戶已經熟悉的東西并不一定會讓產品的獨特性消失,有經驗的設計師會利用這種熟悉性來來創造一些獨特的設計,同時也是直觀的,不需要太多努力就可以使用。

          設計一個完全不依賴熟悉度的產品可能是具有風險的行為,因為它很容易讓那些不熟悉產品的用戶超負荷,形成巨大的學習曲線,增加用戶負擔。

           

          15.了解交付成果的力量

          可交付成果是可以在整個團隊中交付的內容,包括用戶畫像、心智模型、用戶旅程以及線框圖和原型等,是一種有形和具體的表現。

          可交付成果是用戶體驗設計原則,可以幫助設計團隊和其他利益相關者理解和交流概念。

          圖片

          ▲ 用戶畫像可以捕捉理想用戶,并提供可以相關聯的真實面孔,是一種指導設計的工具。用戶旅程圖幫助設計師了解用戶完成任務需要的具體步驟,有助于確保這些步驟確實可以輕松執行,并且整個過程很流暢。

          這些交付成果服務于關鍵功能,設計師需要在整個項目中都依賴它們,不斷轉換為用戶可以與之交互的真實有形的設計。

           

          16.專業的原型設計工具

          用戶體驗設計的過程不是線性的,而是一個循環。無論創建什么樣的產品,都需要專業的原型工具,將基本框架放在一起,然后添加可能需要的所有細節。

          圖片

          從邏輯上講,設計團隊的具體需求會因團隊而異,但一些關鍵功能例如團隊協作、需求管理、交互設計和開發移交等,對于大多數團隊來說是必要的。

           

          17.精心管理產品需求

          一切都從收集需求開始,然后慢慢創建關鍵列表。雖然簡單地列出一個列表聽起來很容易,但隨著項目的進展,要保持列表的條理性確實是一個挑戰。

          圖片

          除了創建需求和檢查需求之外,還有一個問題就是調整需求,需要從設計、技術和業務各個方面來處理各種需求,還要確保這些需求之間沒有相互矛盾。

           

          18.了解移動和網頁產品之間的差異

          網頁端和移動端產品最明顯的區別是屏幕尺寸,這意味著所有的視覺層次結構和信息架構都將從Web到App發生變化。

          圖片

          移動端產品會有更多影響設計決策的因素,例如設備的操作系統、使用產品的環境等。了解移動端產品在導航設計、用戶流程等關鍵方面的差異是至關重要的用戶體驗設計原則。

           

          19.利用UX設計模式

          幾乎所有的產品都專注于設計模式,它們可靠、易于查找并通過減少設計時間來為項目增加實用性。

          圖片

          ▲ 當用戶在谷歌搜索中輸入的內容有問題時,谷歌會提供一個相關的搜索提示,輔助用戶進行精確地搜索,解決用戶使用不同方式在搜索欄中傳達他們正在尋找的內容的問題。

           

          20.使用合適的工具才能有效

          擁有單一的內容來源可以為團隊帶來清晰性和高效性,如果線框和原型分散在多個渠道中,這種內容的集合就會變得很難達成。

          圖片

          通過合適高效的工具能夠避免產品在到達終點時遇到各種各樣的可用性問題,防止產品細節沒有表現出來或者被忽略。

           

          最后

          通過這份用戶體驗設計原則的合集希望能夠讓你對這個領域有一個大致的了解。

          沒有人知道用戶體驗設計在未來會引領我們走向哪里,不過我們可以確定,無論它帶給我們什么,肯定都會很有趣。

           

          內容參考:justinmind.com/ux-design/principles


          原文地址:Clip設計夾(公眾號)

          作者:Clippp

          轉載請注明:學UI網》掌握這20條用戶體驗設計原則,助力設計成長!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小

          助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

                                                                      微信圖片_20210513163802.png

           

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

           

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

          日歷

          鏈接

          個人資料

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

          存檔

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