手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁

UI設計中圓角與直角該如何使用?

博博

在當今數字化時代,UI設計已成為創(chuàng)造引人入勝的用戶體驗的關鍵要素。一個成功的UI設計不僅需要技術知識,還需要對細微之處的深刻理解。本文將探討兩種基礎但極為重要的圖形元素:圓角和直角。它們如何影響用戶的感知和互動,如何在設計中恰到好處地應用它們,以及它們在實際案例中的運用。
一、圓角與直角的特性
在介紹“圓角與直角”前,先給大家分享一個心理效應“bouba/kiki效應。”
這個效應最早由德國心理學家沃爾夫岡·科勒在1929年提出。
“kiki”這個詞的尖銳、快速的音調與尖銳的星狀圖案相呼應
“bouba”這個詞的圓潤、流暢的聲音則與圓潤的云狀圖案相呼應
最早在1929年沃爾夫岡·科勒做了一個實驗,該實驗展示了兩種形式,并詢問讀者哪種形狀被稱為“takete”,哪種形狀被稱為“maluma”。盡管沒有明確說明,科勒暗示人們強烈傾向于將鋸齒狀形狀與“takete”配對,將圓形形狀與“maluma”配對。
在2001年的另一組實驗中拉馬錢德蘭和 愛德華·哈伯德使用“kiki”和“bouba”這兩個詞重復了科勒的實驗,詢問美國大學本科生和印度講泰米爾語的人,“這些形狀中哪個是bouba,哪個是kiki?” 在兩組中,95% 到 98% 的人選擇彎曲的形狀為“bouba”,鋸齒狀的形狀為“kiki”,這表明人類大腦以某種方式一致地將抽象含義附加到形狀和聲音上。
這個效應主要講述的是“人腦如何以一致的方式將抽象含義附加到視覺形狀和語音上”
那么我們不妨擴展一下,把這這種效應延展到角色上就拿我們最熟悉的“喜羊羊與灰太狼”舉例,我們只聽名字“羊”和“狼”就可以潛意識的認為“喜羊羊”就相當于“bouba”、“灰太狼”相當于“kiki”,“羊族”一聽就是溫和的族群,而“狼族”就是較為兇猛的族群。那么我們可以再回顧一下,“可可愛愛的卡通人物”大部分就是以圓形為基礎“小黃人、葫蘆娃、維尼熊、大頭兒子等”,“超級大反派”更多是以“直角”為主“女巫、蛇精、吸血鬼”,這就是“將抽象含義附加到視覺形狀和語音上”。
如果聽完這些你還是不懂,那么最簡單的例子一個堪比吳彥祖的帥哥叫“文軒沒有大腦袋”,那當你見到他時一定會去觀察這個人到底有沒有“大腦袋”
圓角與直角該如何使用?
 
 
那么回歸正題,我們將“圓角與直角”代入這種思考方式并將其進行UI思考,就可以大致了解“圓角與直角”大致的特性
圓角
1.定義
  •  
    圓角指的是元素邊角被設計為圓滑的形狀,而非尖銳的直角。
  •  
    它通常通過設定一個半徑來實現,半徑越大,角越圓滑。
2.特性
  •  
    視覺友好
    「圓角被認為更溫和、更友好,因為它們缺乏尖銳的邊緣,給人一種安全和柔和的感覺。」
  •  
    現代感
    「在現代設計中,圓角被廣泛使用,它們通常與新穎、時尚的設計理念相關聯?!?/div>
  •  
    提高注意力聚焦
    「圓角可以引導用戶的視線流動,幫助減少視覺干擾,使用戶更容易聚焦于界面的關鍵部分?!?/div>
  •  
    適用性
    「在移動應用和網站設計中尤其流行,特別是在按鈕、輸入框、卡片和其他交互元素中?!?/div>
直角
1.定義
  •  
    直角是指元素的邊角以90度角的形式呈現。
  •  
    它是最基本的形狀之一,在許多傳統和經典的設計中常見。
2.特性
  •  
    專業(yè)感
    「直角通常給人一種更加正式、專業(yè)的印象?!?/div>
  •  
    清晰界定
    「直角在視覺上提供了清晰的界定,使元素的邊界更加明確,有助于信息的組織和分隔。」
  •  
    傳統感「
    在某些情況下,直角與傳統、經典的設計風格相聯系?!?/div>
  •  
    適用性
    「直角在各種應用中都很常見,尤其是在需要傳達清晰、直接信息的界面中,如表格、列表和布局結構?!?/div>
那么回想一下“bouba/kiki效應”,今后在設計中當我們看到某個產品大量的使用“直角/圓角”我們就可以分辨這個產品的大致風格,同樣字體搭配也是相似的效果,通過不同的banner可以大致看出運營活動的大致目的。
圓角與直角該如何使用?
 
 
二、圓角、直角的使用場景
在實際的使用場景中,我們就從最常見的“按鈕、卡片”兩個場景來舉例分析“圓角、直角”的作用。
按鈕
我們首先具體聚焦在UI設計中對于“按鈕”這一元素的圓角和直角的使用:
圓角按鈕
  •  
    用戶友好性「圓角按鈕通??雌饋砀佑押煤腿菀捉咏?,它們給用戶一種溫饌和舒適的感覺,適合于鼓勵用戶交互的場景?!?/div>
  •  
    移動設備適應性「在移動設備上,由于屏幕尺寸較小,圓角按鈕更易于觸控,尤其是屏幕邊緣的按鈕?!?/div>
  •  
    減少視覺沖擊「圓角可以減少視覺上的尖銳感,使界面看起來更加柔和,適合于尋求輕松視覺體驗的應用。」
直角按鈕
  •  
    專業(yè)和正式感「直角按鈕給人一種更加正式和專業(yè)的感覺,在一些傳統的或者保守的設計風格中,直角按鈕更為常見,例如一些服裝品牌(Yohji Yamamoto、CONFIRMED)、學校(各學校官方網站)等?!?/div>
  •  
    內容和功能區(qū)分「直角按鈕在視覺上更加突出,能夠有效地區(qū)分不同的功能和內容,尤其是在需要用戶做出明確決策的界面上?!?/div>
那么這里我們會有一個疑問,那就是“移動設備適應性”,這里我們可能會想到“直角按鈕”的面積看起來要比“圓角按鈕”的觸控面積更大,那為什么“圓角按鈕”更易于觸控呢?
我們從兩個方面來解答
1.觸控面積
  •  
    實際上,無論是圓角還是直角,按鈕的觸控面積通常是由其外接矩形決定的。這意味著,即使按鈕的視覺元素有圓角,觸控面積實際上仍然包括了這些圓角區(qū)域。
  •  
    在實際應用中,操作系統或應用平臺通常會為按鈕元素提供一個默認的“觸控目標大小”,這個大小是為了確保良好的觸控體驗而設計的,無論按鈕的視覺樣式如何。
2.視覺感知與觸控體驗
  •  
    圓角按鈕在視覺上看起來更加柔和和親切,這可能使得用戶更傾向于觸摸和與之交互。這種心理效應可能會導致用戶覺得圓角按鈕更“容易”觸控,即使實際的觸控面積與直角按鈕相同。
  •  
    在移動設備上,圓角按鈕的另一個優(yōu)勢是它們的形狀與設備的圓潤邊緣相協調,這在視覺上創(chuàng)造了一種和諧感,可能會無形中增加用戶的觸控舒適度。
圓角與直角該如何使用?
 
 
通過這兩方面,我們是不是又能聯想到“bouba/kiki效應”,介于“圓角本身的屬性”我們會更容易去點擊他。
卡片
對于卡片我們還是先對比,在進行詳細的分析。
圓角卡片
  •  
    視覺風格「圓角卡片提供了一種柔和、友好的視覺感受。它們的圓潤邊緣可以減少視覺沖擊,創(chuàng)造出更輕松和親切的外觀。」
  •  
    用戶體驗「圓角的設計通常被認為更加現代和用戶友好。它們可以使界面看起來更輕松、更易于接近,這在提高用戶的互動意愿方面很有效?!?/div>
  •  
    適用場景「圓角卡片通常用于需要提供溫馨、輕松體驗的應用中,例如社交媒體、娛樂內容展示、個人博客,或者任何強調用戶友好和易用性的設計?!?/div>
  •  
    功能效果「在功能上,圓角卡片可以幫助區(qū)分不同的內容模塊,同時保持界面的整體一致性和流暢性?!?/div>
直角卡片
  •  
    視覺風格「直角卡片提供了一種清晰、專業(yè)的視覺效果。它們的直線和銳角創(chuàng)造了一種結構化和有序的外觀?!?/div>
  •  
    用戶體驗「直角設計傳達了一種正式和權威的感覺,適合于需要展示專業(yè)性和準確性的應用?!?/div>
  •  
    適用場景「直角卡片通常用于更正式或專業(yè)的環(huán)境,如企業(yè)網站、在線商務平臺、教育平臺,或任何需要清晰展示大量信息的界面?!?/div>
  •  
    功能效果「直角卡片在功能上有助于清楚地區(qū)分和組織內容,特別是在數據密集或信息密集的應用中?!?/div>
這里更要值得注意的一點是視覺效果方面的“圓角對于用戶的視覺效果要強于直角”,巴羅神經學研究所對角落進行的科學研究發(fā)現,“角落的感知顯著性隨角落的角度呈線性變化。銳角比淺角產生更強的虛幻顯著性”,這里角越尖,看起來就越亮。角落越亮,就越難看。
通過上述對比我們可以得到一個結論“圓角比直角更親和”,那么可以接著推論“圓角卡片更容易使用戶接受卡片內信息”這是因為圓角向內指向矩形的中心。這會將焦點放在矩形內的內容上。當兩個矩形彼此相鄰時,還可以輕松查看哪條邊屬于哪個矩形。尖角向外,從而減少對矩形內部內容的關注。當兩個矩形彼此相鄰時,它們還使得很難判斷兩條邊屬于哪個矩形。這是因為每個矩形邊都是一條直線。圓角矩形的邊是獨特的,因為線條朝著它所屬的矩形彎曲。
圓角與直角該如何使用?
 
 
三、案例分析
那么對于“直角、圓角”的使用我們以“CONFIRMED、汽水音樂”這兩個產品來分析看一下這兩個產品對于“直角、圓角”的應用。
圓角與直角該如何使用?
 
 
CONFIRMED
CONFIRMED(Adidas旗下網站,這里懂球鞋的朋友我們可以把它理解為Nike的SNKRS)
作為Adidas旗下產品發(fā)售平臺,CONFIRMED更多的是發(fā)售一些潮流類的服飾最近有“Y-3、CLOT、FEAR OF GOD”等一些潮流服飾,這個應用程序旨在為Adidas的高需求和限量產品提供一個更加公平和直接的購買渠道,通常涵蓋了品牌與設計師和藝術家的合作款,以及特別版的運動鞋。
那么我們從“產品定位、用戶群體、主要功能流程”來分析一下
產品定位
  •  
    獨家發(fā)售平臺「CONFIRMED 專注于提供 Adidas 的獨家發(fā)售和限量版產品,特別是鞋類和高端服裝。它的目標是成為品牌與其最忠實粉絲之間的直接連接點」
  •  
    品牌營銷工具「通過這個平臺,Adidas 能夠加強其品牌形象,特別是在時尚和高端運動裝備領域。CONFIRMED 作為一個專門平臺,也強化了 Adidas 在潮流和限量產品市場中的地位?!?/div>
  •  
    市場分析和消費者洞察「CONFIRMED 還可能被用作市場研究工具,通過分析用戶行為和購買模式來更好地理解目標市場?!?/div>
用戶群體
  •  
    潮流愛好者「對最新潮流和設計保持關注的消費者,他們追求限量版、獨家合作系列?!?/div>
  •  
    Adidas 忠實粉絲「品牌的忠實支持者,對于品牌的新產品和特別發(fā)售保持高度興趣。」
  •  
    運動鞋收藏家「對于限量版運動鞋有收藏價值的消費者,這些人往往愿意為獨特和罕見的設計支付高價?!?/div>
主要功能流程
  •  
    產品預覽和信息「用戶可以在應用程序中瀏覽即將發(fā)售的產品,并獲取詳細信息,如價格、設計特點、發(fā)售日期等?!?/div>
  •  
    注冊和參與抽簽「對于感興趣的產品,用戶需要在特定時間內注冊參與抽簽。這通常涉及填寫個人信息和選擇購買尺碼等?!?/div>
  •  
    抽簽結果通知「抽簽結束后,用戶會收到是否中簽的通知。如果中簽,用戶將有機會購買這些限量產品?!?/div>
  •  
    購買和支付「中簽用戶可以在應用程序內完成購買流程,包括支付和選擇配送選項。」
  •  
    社區(qū)互動和內容「CONFIRMED 還可能提供與品牌相關的內容,如設計師訪談、品牌故事等,以增強用戶參與和品牌忠誠度?!?/div>
這里我們先從“CONFIRMED”卡片元素分析(本文只講述的直角卡片的用途,不過多講述App功能)
每款產品可以在一個直角卡片中展示,其中包括產品圖片、名稱和一些基本信息。這里在App的“首頁、發(fā)售信息、會員權益”這三個模塊最為突出,這種布局有助于用戶快速瀏覽和識別不同的產品
圓角與直角該如何使用?
 
 
功能展示
這里“CONFIRMED”不同的卡片可以承載不同的功能,如顯示即將發(fā)售的產品、已經發(fā)售的產品、品牌故事等,幫助用戶快速定位他們感興趣的內容。這里使用通過卡片元素的方式來詳細展示產品,會使整個產品的調性保持一致,大卡片的元素傳遞給觀眾的瀏覽體驗會更直觀的感受產品(這里會發(fā)現一個很有趣的細節(jié),貌似好的國外、跨境電商的App都會采用這些大的直角卡片)
接下來我們就講述關于“CONFIRMED”按鈕元素使用的分析:
突出的功能
直角按鈕通常用于突出最重要的操作,例如“購買”、“注冊抽簽”或“查看詳情”。這些按鈕因其鮮明的邊界和直接的設計而容易被用戶注意到。
圓角與直角該如何使用?
 
 
風格統一
使用直角按鈕可以與應用中其他直角設計元素(如卡片)保持視覺一致性,為用戶提供一致且簡潔的視覺體驗。
視覺引導
這些按鈕通常配有“CONFIRMED”的顏色(藍色),用于引導用戶的注意力,幫助他們快速識別應用程序中的不同功能。
這里我們可以看到“直角卡片"“直角按鈕”在 CONFIRMED 應用中的應用可能主要體現在其用戶界面的設計上,通過清晰、有序的布局和直觀的用戶交互,提升用戶的體驗。
汽水音樂
提到“汽水音樂”大家都不陌生,前段是時間各大“rapper、流行歌手”發(fā)歌都在汽水,這個App是可以和抖音聯動的,所以播放音樂的模式沒有采用大家常見的“點歌、切歌”操作,而是換成隨機曲子和“抖音”向下滑動切換一樣,這樣既新穎又能容易使用戶養(yǎng)成操作習慣,不至于一下子新的交互方式無法適應。那么我們同樣從“產品定位、用戶群體、主要功能來分析”
產品定位
  •  
    汽水音樂是一款音樂流媒體應用,旨在與主要競爭對手如騰訊音樂和網易云音樂抗衡。
  •  
    它不僅是一款單純的音樂播放軟件,還與抖音緊密結合,使得用戶可以在兩個平臺之間無縫切換音樂播放列表,顯現出對社交媒體和音樂流的綜合運用。
用戶群體
  •  
    汽水音樂的主要用戶群體是中國市場上的年輕用戶,尤其是那些已經使用抖音并尋求更豐富音樂體驗的用戶。
  •  
    考慮到字節(jié)跳動在短視頻領域的強大影響力,汽水音樂會吸引那些對新興、流行音樂以及個性化推薦感興趣的年輕群體。
主要功能流程
  •  
    個性推薦「這里“汽水音樂”通過算法推薦“個性電臺”、“歌單推薦”、“3個榜單”」
  •  
    與社交媒體的整合「能夠與用戶的抖音賬號同步,提供跨平臺的音樂體驗。用戶可以在抖音中發(fā)現音樂,并在汽水音樂中繼續(xù)播放,反之亦然。」
  •  
    播放「汽水音樂的播放方式與抖音同步營造區(qū)分于其他音樂App不同的交互體驗」
那么我們從卡片開始分析,卡片主要應用在“歌曲、專輯”、“播放列表”、“歌單推薦”、“音樂盲盒”
那么他們起到的作用分別是
  •  
    提高用戶體驗
    「圓角卡片的設計通常比直角設計更柔和、更易于接受。這種設計能夠減少視覺疲勞,使應用界面看起來更加友好和現代化?!?/div>
  •  
    增強視覺吸引力
    「圓角卡片因其流線型的外觀,在視覺上更加吸引用戶。這有助于提升用戶對應用的整體印象和興趣?!?/div>
  •  
    組織信息
    「圓角卡片可以有效地將信息分組,如將不同的歌曲、專輯、播放列表等內容區(qū)分開來,使得用戶瀏覽和選擇時更加直觀和方便。」
  •  
    提升操作便捷性
    「在觸摸屏上,圓角卡片可以提供更好的觸摸目標,使得用戶在進行選擇和導航時更加方便。」
  •  
    增強內容的層次感
    「圓角卡片可以通過陰影、邊框或顏色的變化,為界面添加層次感,使得內容更加突出和易于閱讀?!?/div>
  •  
    提升品牌形象
    「現代的界面設計往往傾向于使用圓角元素,使用這種設計可以使應用看起來更加時尚,從而提升品牌形象?!?/div>
圓角卡片在提升用戶體驗、美化界面、優(yōu)化信息展示和操作便利性等方面發(fā)揮著重要作用。這些設計元素有助于提高應用的整體吸引力和用戶的使用滿意度。
圓角與直角該如何使用?
 
 
“圓角按鈕”對于“汽水音樂”的作用有
  •  
    視覺焦點「圓角按鈕可以作為視覺焦點,吸引用戶的注意力,特別是對于重要的功能,如播放按鈕或搜索按鈕?!?/div>
  •  
    界面美觀性「圓角按鈕增加了界面的美觀性,與整體設計風格協調一致,提升了應用的整體視覺效果?!?/div>
  •  
    一致性和標準化「在應用中使用標準化的圓角按鈕可以提高界面的一致性,使用戶更容易理解和使用不同的功能。」
其實通過對比,我們會發(fā)現“圓角”在社交、音樂等偏娛樂方向采用的更加多,因為這些產品屬性需要“產品與用戶”、“用戶與用戶”之間拉近距離,圓角不僅更容易我們的眼睛處理,而且還使信息更容易處理,圓角很有吸引力。那么“直角”就偏向專業(yè)領域、正式的場合以及一些小眾的產品。

作者:交互設計師張楚
來源:站酷

 

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司、用戶體驗公司高端網站設計公司、銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 

如何為用戶提供正確的鍵盤輸入類型?

博博

Android和iOS系統都設計了針對特定表單字段的指定鍵盤輸入類型。但大多數開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導致移動設備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數開發(fā)人員錯誤地將每個表單字段的輸入類型設置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數字或字母和數字組合的信息。當用戶嘗試填寫這些字段時,他們應該看到一個數字或字母和數字組合的鍵盤。
不幸的是,當每個字段的輸入類型都設置為“文本”時,它會強制用戶使用文本鍵盤來輸入數字或字母和數字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務必為每個表單字段指定輸入類型,以便系統能夠顯示相應的鍵盤。除了指定輸入類型,我們還應指定相關行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當我們將輸入類型設置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設置為“人名”,并且設置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
二、每個鍵盤對輸入類型的反應可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設置為“密碼”。假定密碼為 z0h0a0n0g。
  1. 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2. 搜狗輸入法顯示文本鍵盤,用戶需在字母和數字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數字。
  3. 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數字。
如何為用戶提供正確的鍵盤輸入類型?
 
案例二:登錄頁面的手機號輸入
釘釘設置電話號碼鍵盤右下角為“下一項”按鈕。
  1. 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  2. 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  3. 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
三、Input Type 助力產品輸入體驗的提升
通過應用 Input Type 你可以正確的為每個文本字段設置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
我最初開發(fā)此應用是為了促進工作中跨部門高效協同,但我希望通過此應用能夠賦能給更多的人,提升協同效率的同時更好的提升產品輸入體驗。你可以在這里免費下載:
https://www.pgyer.com/vT29
Input Type這個工具需要安裝在安卓手機上,如果沒有安卓手機可以電腦上安裝一個網易MuMu安卓模擬器就可以用。
應用截圖
 
作者:交互設計師張楚
來源:站酷

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制用戶體驗設計、交互設計UI咨詢、高端網站設計平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計軌道交通界面設計、地理信息系統GIS UI界面設計航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

雪球金融社區(qū)平臺表情圖標升級全紀錄

博博

在社區(qū)平臺語境里,表情無疑是很重要的組成部分。一套豐富且定位準確的表情可以幫助用戶更清晰地表達自己的感受,增進溝通的準確性,同時增添社交互動的趣味性,拉進用戶之間的距離。帶有平臺特性的表情更能彰顯平臺自身的獨特性。
雪球作為金融社區(qū)平臺,表情自然也是重要的元素。我們通過數據調研,發(fā)現雪球社區(qū)互動中表情的滲透率達到18%,表情的使用率比較高。而現有的表情年久失修,存在幾個比較明顯的問題,首先視覺風格陳舊辨識度低;再有,表情中原本存在一些股票梗的表現力較弱,畫風不夠有趣。第三,雪球誕生了新IP“呦呦”,非常適合在表情中應用來推廣雪球品牌特性。
基于以上背景我們展開了對于表情翻新改版的項目。
 
XDC干貨|雪球表情升級全紀錄
 
 
現狀&問題
通過對當前狀況進行系統梳理,我們發(fā)現了一些存在的問題。
 
XDC干貨|雪球表情升級全紀錄
1.設計風格陳舊,不易識別表現力弱:
目前線上雪球表情風格老舊,視覺表達不符合當下設計潮流趨勢;由于表情是白色在行文中表現力不足且不易被用戶識別,因而趣味性表達的作用不夠凸顯。
XDC干貨|雪球表情升級全紀錄
2.缺乏股票基金場景的情緒表達
社區(qū)場景中有大量的股票基金的討論和相關內容的情緒表達,而目前表情體系中缺乏此類表達或表達不夠生動。
比如「關燈吃面」和「割肉」,在行文中一眼能識別到視覺主體是表情臉,而“吃面”和“割肉”的語義沒有生動的體現出來;還比如「跳水」又太具象和寫實,少了表情的趣味性。
XDC干貨|雪球表情升級全紀錄
3.沒有將雪球的新IP融入表情
雪球誕生了新的IP“呦呦”,表情的體系非常適合融入IP向的內容,將IP表情化也更利于IP的推廣和品牌的傳播。
XDC干貨|雪球表情升級全紀錄
 
 
 
XDC干貨|雪球表情升級全紀錄
視覺風格探索
1.雪球用戶特征
設計風格需要根據平臺用戶特征進行確定。開始設計之前,我們先看看雪球用戶大概是什么樣的。
XDC干貨|雪球表情升級全紀錄
雪球的主要用戶為男性且集中在30-50歲左右,所以在視覺表現上盡量避免女性化或低齡化的風格。
2.視覺風格探索
風格確定
舊版的表情蒼白,雖然細節(jié)很多但在行文中難以識別,本次改版重要任務之一是改版新的視覺風格。emoji是最被用戶熟知的表情體系,我們決定新版向傳統黃臉emoji表情靠攏。大方向定了,但還需要確定視覺感受符合雪球的emoji。最后在兩種視覺風格中我們選擇了視覺感受偏中性、風格扁平的這個方向,這個風格和雪球用戶特征更契合。
XDC干貨|雪球表情升級全紀錄
提升辨識度
表情在交流中作為非文字的“語言”,其辨識度至關重要。表情在行文中的尺寸相對較小和單個文字差不多,那么如何保證在文字中依然能一眼讀懂表情?
在對表情整體風格的把控下,需要通過對細節(jié)的打磨和反復實驗,得出更有辨識度的設計方案。保持視覺扁平,盡量使用簡潔的幾何圖形,加強顏色對比度,減少顏色數量,放大表情特征。通過以上手段有效的提升了表情的一致性和在行文中的辨識度。
XDC干貨|雪球表情升級全紀錄
 
 
 
XDC干貨|雪球表情升級全紀錄
發(fā)現股民討論語境下的“梗”
本次表情升級除了對現有表情進行改造升級,還針對雪球社區(qū)特色進行挖掘。
1.挖掘“梗”
前面我們說到雪球用戶是集中在30-50歲左右的男性,那么這類人群在社區(qū)中有怎樣的表達特點呢?
通過觀察我們發(fā)現,在面對股市的波動和不確定性,雪球用戶更喜歡用幽默詼諧的論調來調侃市場以宣泄心中的無奈和負面情緒,同時在波動面前展現出一種堅韌和自嘲的心態(tài)。我們可以在這種“戲謔調侃”中挖掘可以視覺化的情緒和表情。以此作為本次表情升級的一個重要方向。
戲謔調侃的表情有哪些呢?我們挖掘了當下網絡社交流行的表情包和熱詞。回想一下我們是否也經常使用類似“地鐵老人看手機”“黑人問號臉”等網絡熱圖來表達內心的復雜情緒呢。
XDC干貨|雪球表情升級全紀錄
在變幻莫測的股市中,面對現實的無力和不確定,祈福求平靜成了股民表達情緒舒緩心情的一種方式,比如“敲木魚”“祈求大漲”等儀式感的情境以表情的方式呈現,也能一定程度上引起用戶的共鳴。
XDC干貨|雪球表情升級全紀錄
2.讓表情“淋漓盡致”
  • 微表情盡顯“內心戲”
一個表情里往往蘊含不只一種情感,短暫而難以察覺的面部變化最能傳達個體真實的情感狀態(tài),一個眼神、嘴唇微動等細微變化,常常表達出個體內在的真實狀態(tài)。
在設計“大哭”這個表情時,我們挖掘到大哭背后可能是某種“絕望”,那么觀察下人們絕望時最大的面部特點是不是空洞的眼神和僵硬的臉?用這樣的微表情和大哭結合在一起,感受大哭情緒的同時也傳遞了絕望的內心戲。
XDC干貨|雪球表情升級全紀錄
  • 賺了、虧了一目了然
股票社區(qū)中漲跌是永遠的話題,市場的漲跌背后牽動著的是股民們真金白銀的賬戶。“虧大了”和“暴富”這兩個表情很生動的表達了用戶盈虧的兩種處境,但原有表情的視覺表達過于保守和隱晦。要讓用戶一眼看到就產生共鳴,紅綠色是最直觀的漲跌信號,我們把這種語義和表情結合,“虧大了”除了表情沮喪還得加點綠色烘托氛圍,“暴富”的喜悅中再加上紅包加持情緒。
 
XDC干貨|雪球表情升級全紀錄
  • 戲劇化表達
在某些極端情緒上我們還嘗試打破舊表情的禁錮,用更加生動夸張的方式呈現。比如“絕望”,只靠面部表情似乎無法充分的表達,所以我們營造了簡單的環(huán)境和肢體動作, 一個癱在墻角雙目無神的小黃臉,絕望的形象躍然紙上。
XDC干貨|雪球表情升級全紀錄
3.股票專屬“梗”
雪球社區(qū)里有一些獨特的表情,比如“關燈吃面”,它是雪球老用戶傳承的經典梗;還有諸如跳水、割肉、抄底、滿倉等股票術語梗也頗受歡迎。升級優(yōu)化這類表情的同時我們小開腦洞在原有基礎上增加了“好基友”等新梗,讓股民表達更豐富有趣。
XDC干貨|雪球表情升級全紀錄
 
XDC干貨|雪球表情升級全紀錄
IP表情化
去年雪球誕生了自己的IP“YOYO”,此次表情升級正好可以將IP表情化,在平臺應用和傳播。
YOYO所代表的品牌語義
1.福祿壽:因其原型是馴鹿,取福祿壽之意,代表財富;
2.溫暖陪伴&服務感:馴鹿具備天生的陪伴和服務感,與雪球強調的品牌服務感相契合。
XDC干貨|雪球表情升級全紀錄
YOYO品牌語義表情化
根據YOYO的兩種品牌語義,我們分別開腦洞。
哪些意向和財富相關呢?我們找到“錦鯉”“招財貓”“金元寶”,這些元素和表情相結合形成財富類表達;那么陪伴和服務感我們使用“抱抱”、“打call”這類溫暖鼓勵意向的肢體語言來和YOYO結合傳達。
XDC干貨|雪球表情升級全紀錄
 
 
作者:雪球設計中心XDC
來源:站酷

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計、軌道交通界面設計地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

 

從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧

博博

 一般來說做交互鏈路優(yōu)化的核心價值或是目標就那么幾個;
一、更好用
即更加高效便捷好用的意思,這短短三個字就直接包含了大家常掛在嘴邊的易用性、可用性啥的了,好的交互就應該是盡可能的為用戶提供簡單好用的交互,舉個例子,近期在使用阿里云Flow的流水線,期間我也用過其他家的CI/CD服務,相比之下我覺得阿里云Flow的流水線編排反饋就做的更勝一籌,“更方便”加一分
  
二、更準確
意味著為用戶提供正確的服務、流程、功能、組件、信息反饋乃至視覺效果,為的是提升產品的可理解與易用性,從而達到降低學習成本提升效用,減少跳失率或出錯等負面情況
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
三、提升意愿
嗯!花費那么多心思讓產品體驗變得更方便更準確就是為了提升用戶的使用或付費意愿,算是任務路徑優(yōu)化設計的底層價值吧。
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
 
階段流程與焦點
整體我們可以劃分為優(yōu)化前、優(yōu)化中、優(yōu)化后三個階段,對應到三個階段中,對應的工作流程基本由問題定位、優(yōu)化目標、方案構思、方案驗證、持續(xù)改進構成,然后根據階段與流程我會把相關的優(yōu)化焦點與鏈路優(yōu)化的關系交代清楚,算是清晰一下鏈路優(yōu)化工作整體思路與每個階段的工作事項。
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
 
優(yōu)化前的焦點
以我們B端SaaS產品的優(yōu)化設計為例,焦點可以簡單的鎖定在用戶、產品、業(yè)務場景三大層面,我們會關注這三個因素中帶來的反饋來找到和定位問題,最終解決掉用戶痛點或是觸成業(yè)務目標,具體點可以拆分出以下焦點事項;
目標用戶
需要關心產品目標用戶的特征,他們是收益的來源也是市場構成的部分,作為產品的經理或業(yè)務設計師,肯定是對預期的目標用戶有所了解才對,特別是初期型產品;當積攢了一定用戶量后,就會開始關注基于數據或定性研究得到的用戶畫像信息,并通過這些更準確的用戶畫像來了解目標市場和進行業(yè)務設計決策,而不只是對著市面上競品抄作業(yè)罷了。
這過程中你至少要弄明白五個問題;
1、用戶的需求是什么?
2、用戶使用的場景跟行為大致如何?
3、我們的用戶有何偏好或特征?
4、用戶通常還會用到哪些競品?
5、用戶有哪些反饋值得注意?
 
服務體系
主要是產品本身的服務體系或業(yè)務邏輯相關,前面提到了用戶畫像或分層的一些概念,
實際上現在的互聯網產品中,服務體系或是用戶角色都不會很單一,用戶角色、權益身份、服務場景等等都有差異,設計前的差異化背景或權重厘清就很重要,至少要清楚當前優(yōu)化的服務線路是為那些人,他們有哪些差異、有哪些狀態(tài)情景、有哪些交互要兼容或避錯。
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
業(yè)務場景
我們關注產品、關注用戶,同時也關注他們之間發(fā)生了什么樣的化學反應,所以業(yè)務場景必定是本階段中的一大焦點,通過業(yè)務場景可以洞察到更多用戶實際遇到或潛在的痛點,以及線上線下等環(huán)境帶來的微小差異性,至于如何實踐了,我們可以通過觀察不同類型的用戶是如何使用產品,或是與用戶對話分析來獲取優(yōu)化指引,哪里用戶卡住了或是吐槽了那就表明有優(yōu)化空間,這應該算是任務鏈路優(yōu)化的基礎焦點了吧。
實際業(yè)務場景中我們常關注的點
1、用戶:用戶本身有什么特征屬性值得我們關注?
2、情景:用戶出于什么背景原因或目標在什么時機進入該場景?
2、行為:用戶進入場景后要做什么或做了些什么?是否做的順暢?
3、結果:用戶是否達成目標?未達成或達成受阻的原因是什么?
4、反饋:用戶吐槽或建議了些什么,我們獲取了哪些有效的改善訊息?
 
優(yōu)化中的焦點
這個階段中,我們的主要工作可以概括為分析問題、解決問題、驗證問題,其中焦點可能會比較多,這里我挑了一些說一下;
需求分析
結合前面階段中的場景化來還原問題是什么情景下怎么發(fā)生的,產生了什么樣的負面影響,這很重要,我們需要知道用戶的業(yè)務訴求是什么,造成出錯原因是什么,產生了多大的影響,以及用戶期望的是怎樣,然后就是如何更好的滿足用戶訴求,同時保障企業(yè)的利益,這就是需求分析要做的事情;
交互媒介
主要是考慮復雜且涉及多方媒介的業(yè)務場景,要思考這些媒介或端怎么配合用戶完成任務,以什么樣的形式進行交互。就例如哈羅單車的,不僅是要經過手機的交互,還有單車的傳感器與數據交互等,事實上一套完整的服務正是由這些媒介之間的不斷交互,才使得哈羅的租賃服務可以如此靈活,所以在整個服務流程中讓媒介之間更智能、自動、高效的完成銜接與交互,就成了必要的焦點了,如果說你認為這是多余或無效的部分,那么很有可能說明你所處在的產品服務構成還不算復雜,但這不能否定掉交互媒介的重要性。
這個過程中,你至少要清楚服務完成要經過哪些端、那些人、哪些條件、哪些信息構成。
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
 
信息構成
幾乎進行任何服務都離不開特定的構成信息交互;舉個最簡單的例子,晚上你來到街邊攤,想要一份烤冷面,那么你除了要掏錢以外,你還要跟老板確認口味、加料、價格這些信息,這些就是構成任務進程的信息,這些信息可以通過問答式確認,也可以提供招牌信息給食客確認
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
總之將這些信息更簡練準確的進行交互或傳達,就能實現任務鏈路的優(yōu)化,事實上應用程序本身就是由各種各樣的信息交織在一起所構成,所以“做任務鏈路優(yōu)化不僅是減少操作步驟而已”。
 
業(yè)務模型
可以簡單易懂的幫助我們理解和消化業(yè)務,以及更好協同,面對復雜的任務流程,可以更好的表達或梳理業(yè)務概念與全局結構,在做復雜的任務優(yōu)化時,就不容易被局部問題牽著鼻子走,而忽略其他影響面,說的直白點,就是這個業(yè)務的整體過程你腦子里要有個概念,制作方法其實就是將各個業(yè)務或任務拆解成多個單元的形式,并將單元之間的包含或層級關系表達出來
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
 
研發(fā)能力
需要考慮技術實現的周期與成本,即開發(fā)是否可以實現,需要研發(fā)多久,要投入多少成本,我相信產品經理都會關心這個問題,其實就是投資回報率與可行性的問題,產品生產研發(fā)的本質是賺錢不是虧錢,不是嗎?
例如說你看見了一個很酷炫的交互效果,也準備應用到自家的產品中,但實際開發(fā)的難度大不大,要投入多少時間精力,這個酷炫的交互又能帶了多少產品收益?所以研發(fā)實現能力在方案設計的過程中還是要考慮的。
 
測試反饋
方案落地前,進行一定的內部測試或評審是很有必要的,介于還沒有完成開發(fā)上線,可以在優(yōu)化方案出來后通過Demo的方式找人進行測試反饋,一般自測走查只是第一環(huán),有不確定的一定要拉上其他人一起研討評審一番,如果要找人測試的話,其實只要設定好合適的任務與目標,還原出真實用戶碰到問題的任務過程即可,接著就是觀察測試者是如何使用Demo的,你的新方案是否奏效我想你知道怎么去衡量,就不贅述了。
 
優(yōu)化后的焦點
優(yōu)化后階段我們主要關注是否優(yōu)化了個寂寞,是不是又優(yōu)化出了新問題,優(yōu)化后還有哪些收尾工作,關聯的需求池與迭代規(guī)劃怎么安排。
數據采集準備
當一個方案被投入到生產環(huán)境中,我們卻無法得知是否比舊的方案更好,這種情況是很糟糕的,故我們在新的方案推出的同時,一定要保障有辦法收集到有效的用戶反饋,這個過程我們可以是采用AB測試、數據埋點監(jiān)測、灰度采樣、用戶使用性測試等,這都是我們實際工作中采用的有效手段。
效果對比
始于數據采集,采集后自然是與原始版本的效果進行比對,確認新的版本是有效可靠的,能被用戶認可采納的,同時也能發(fā)現新的問題反饋,這需要進一步的跟進與規(guī)劃,這是個重點環(huán)節(jié)。
需求規(guī)劃
原始問題是否圓滿結束,是否有新的問題待解決,是否需要分批開發(fā)上線或驗證,調整后其他部分是否需要配合改造,這一系列問題將迫使我們持續(xù)改進,并將流程再一次的接軌到優(yōu)化前階段。
 
AI告訴我的焦點˜
從單車上鎖聊聊任務鏈路優(yōu)化設計的思路與技巧
 
 

作者:泡泡_PAO
來源:站酷

 

 

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計軌道交通界面設計、地理信息系統GIS UI界面設計航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計

軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 

向用戶請求權限的正確方式

博博

 

權限的目的是保護用戶隱私,那么在何時以及用什么方式請求用戶權限會是比較合適的?本文將詳細介紹Android的運行時權限模型,并展示設計一個UX來請求你的應用程序所需的權限,希望對你有所啟發(fā)。
從Android 6.0開始,沒有在安裝時請求所有權限,而是引入了運行時權限模型,開發(fā)者可以控制應用何時以及如何請求權限。這如同你想邀某人出去約會,過早、過頻繁或以錯誤的方式對你來說并不好。
本文我將詳細介紹Android的運行時權限模型,并向你展示如何設計一個UX來請求你的應用程序所需的權限。權限的目的是保護用戶的隱私,但當你請求權限時,你是在要求用戶放棄一點隱私,因此,你需要提供明確且平等的利益以換取訪問。運行時權限允許你在用戶更了解你請求權限的原因和授予權限的好處時選擇合適的時間請求權限。Android實現它們的方式使得以正確的方式請求它們變得十分重要。
運行時權限模型有利于保護用戶的隱私,當你的應用程序請求權限時,Android會顯示一個對話框讓用戶接受或拒絕它,第一次請求權限時對話框不會顯示“不再詢問”復選框,只會在用戶至少一次拒絕權限請求后顯示它,你可以檢查之前是否被拒絕過,并明智的決定在何時提供更多教育。
向用戶請求權限的正確方式
從Android 11開始,如果用戶在使用應用的過程中多次拒絕某項特定的權限,那么在你的應用再次請求該權限時,用戶將不會看到系統權限對話框。該操作表示用戶希望“不再詢問”。
你無需過度防御,例如在實際請求權限之前你始終通過預許可(預授權)來衡量用戶授予權限的可能性,本質上是請求兩次,這種雙重提示可能是不必要且煩人的,你可以通過在正確的時間以正確的方式詢問來達到同樣的效果。
Material Design分解了在兩個維度上請求權限的不同方法。首先權限對你的應用程序的運行有多重要?其次,你請求它的原因有多清晰?根據這兩個因素,建議你采用不同的方法來請求權限。
向用戶請求權限的正確方式
預先請求權限(Ask up-front)
如果某項權限對應用程序運行至關重要,并且顯而易見為什么需要請求它。例如日歷應用,拒絕日歷權限會使應用程序無法運行,并且用戶顯然知道日歷應用的用途以及請求日歷權限的原因,因此
不需要用任何不必要的解釋來打擾用戶,只需在用戶首次啟動應用時立即請求它即可。
向用戶請求權限的正確方式
預先教育(Educate up-front)
如果某項權限對應用至關重要,但請求它的原因不是很清晰。例如信貸應用,為了準確評估用戶的信貸資格、償還能力和防范反欺詐,通訊錄權限、通話記錄權限、位置權限對于風控而言非常重要,建議請求權限之前對用戶進行教育。
向用戶請求權限的正確方式
使用場景中請求權限(Ask in context)
如果應用中的某項次要功能需要權限,但請求它的原因很清晰,建議你在使用場景中請求權限。例如筆記應用允許用戶使用語音或音頻創(chuàng)建筆記,那么很明顯為什么此功能需要麥克風權限,無需過早的請求它,以免用戶負擔過重,最好等到用戶嘗試使用該功能時,因為用戶更有可能允許符合其預期的權限請求。
向用戶請求權限的正確方式
結合使用場景進行教育(Educate in context)
如果應用中的某項次要功能需要權限,并且請求他的原因不是很清晰,建議你結合使用場景進行教育。例如筆記應用允許用戶與朋友協作,那么請求聯系人權限可能是合理的,但它不是顯而易見的,當用戶調用該功能時,解釋應用獲得聯系人權限后可為用戶提供哪些好處,比如自動填充郵件地址,然后才請求聯系人權限讓用戶授予它。
向用戶請求權限的正確方式
處理權限請求遭拒情況
通過使用正確的方法,用戶應該清楚應用請求權限的原因以及應用獲得權限后可以為他們提供哪些好處。然而,這并不意味著用戶一定會授予權限。如果用戶拒絕了權限請求,建議采用以下做法:
  • 在應用界面中突出顯示因為沒有獲得特定權限而受限的功能所在的具體部分,例如在原本用于顯示該功能的結果或數據的位置顯示一條消息,讓用戶知道因缺少權限而無法使用該功能,幫助用戶在權限和功能之間建立心理聯系。
  • 不要阻止界面顯示,不要全屏警告消息,讓用戶根本無法繼續(xù)使用應用。即使在權限請求拒后,應用也應盡可能提供最佳的用戶體驗。例如即使麥克風使用權限請求遭拒,仍應全面提高文本功能的易用性。
  • 用戶可能已經選中了“不再詢問“復選框,應用可能會在用戶未看到權限請求對話框的情況下受到拒絕,此時應用應該提供一個鏈接,鏈接到設備設置中用戶可以打開權限的具體位置。
盡量減少權限請求
在應用中聲明權限之前,請先考慮是否需要這樣做,或者是否有替代方法可以在應用中支持該功能。因為如果應用聲明權限,那么每當用戶使用需要運行時權限的功能時,應用便不得不中斷用戶的操作,請求相應權限。然后,用戶必須做出決定。如果用戶不能理解您的應用為何請求特定權限,可能就會拒絕授予該權限,甚至卸載應用。
下面介紹幾個可以在不聲明任何權限的情況下實現的用例:
拍攝照片/錄制視頻
Android為應用提供了相互通信的功能,讓你可以將任務委托給其他應用。例如,如果你希望允許用拍照,但它不是應用的核心部分,可以考慮使用Intent請求相機應用拍攝照片并將其分享給你的應用,這樣就不需要CAMERA權限。
自動輸入動態(tài)短信驗證碼
雙因素身份驗證流程中,動態(tài)短信驗證碼作為第二校驗因素時,使用SMS Retriever API(短信檢索器)可以讓應用自動執(zhí)行用戶身份驗證,不需要用戶手動輸入驗證碼,不需要READ_SMS權限。  
 
作者:交互設計師張楚
來源:站酷
 

 

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計

軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

如何提高設計還原質量和驗收效率?

博博

最近我們做了一次全新改版的項目。作為此次項目的設計師,從項目的前期分析、設計、交付開發(fā)、驗收上線,整個流程,在項目走查驗收階段我們設計師投入了30人/天!占了設計師整體投入的50%!在我們覺得應該設計投入最少的階段,卻占了我們大量的工作 且最后還原度也遠不達預期。
在這個項目中我遇到了哪些問題:
通用組件更改困難
驗收過程反復、低效
技術設計沒有達成共識,技術對交互體驗層面和視覺層面的問題敏感度很低
還原問題反饋不及時,有些問題項目后期驗收的時候才暴露
前期對還原度工作評估不準確,導致后期發(fā)現問題 來不及修改
還原問題不單單是設計師把設計稿做的多精準,標注的多仔細,這么簡單就能解決的。是設計和開發(fā),團隊之間的合作共識問題。我把整個和開發(fā)對接工作分為前中后三個階段,在這里從頭來梳理一下,聊一聊設計師和開發(fā)如何高效對接,也是對自己的一次復盤總結。
如何提高設計還原質量和驗收效率?
一、評審/排期
1.1、設計師對還原的要求宣講
在評審環(huán)節(jié),設計師本人一定要將自己的設計稿進行宣講、幫助開發(fā)理解。注意給技術講述一些適配要求、設計規(guī)范、交互狀態(tài)及動效等,同時解答技術同學的一些疑問,這樣就能將一些可預見的問題解決掉,解決后期的溝通成本。
有一些地方有多種實現方式,如果前期沒有跟開發(fā)溝通清楚,就會導致最終實現的效果存在誤差,比如:下方這個tab項,單給一張圖,開發(fā)根本不知道設計師想要的實現方式是什么,固定間距還是固定菜單寬度,還是每項平分寬度,最后很大可能就會按照自己的理解去做了,導致出現重復返工的現象
如何提高設計還原質量和驗收效率?
再比如一些點擊熱區(qū),如果不手動標明,有可能就做的很小
下圖是我們手動標注的熱區(qū)
如何提高設計還原質量和驗收效率?
1.2、實際開發(fā)者要參與評審
每個開發(fā)負責的具體頁面模塊不一樣,別人對具體了解程度也不會不一致,所以在評審會議上,一定要具體開發(fā)者在場,如果對應開發(fā)沒有發(fā)表意見,設計師可詢問,確保他已經理解需求。
1.3、開發(fā)充分評估還原工作問題
設計師在講解自己的要求后,開發(fā)也要及時反饋是否有還原困難,如:是否有技術限制?是否有組件改動困難(牽一發(fā)而動全身)?實現成本過高(投入產出的性價比不夠)?等意見和原因,設計師也可拋出之前是否遇到過類似的阻礙,幫助開發(fā)去了解。
1.4、認真記會議紀要
評審過程的問題和重要講解點,一定要記錄下來,會議中開發(fā)提出的一些問題及解決方案、或者沒有達成共識的地方,記錄下來等領導決策,在會議結束后以郵件形式、或wiki文檔發(fā)送前端們,抄送產品,確保會議內容的傳達到位。后面也好跟蹤。
還有一點就是,我們之前遇到的情況,在宣講會上 講解的一些要求,開發(fā)在做的時候可能就忘記了,讓開發(fā)改他認為設計沒有明確要求、會有點難推動,就會搞得雙方都有抱怨。有會議記錄也可避免此類情況發(fā)生
二、開發(fā)階段
2.1、還原有問題及時反饋
在前面我們做了詳盡的溝通和評審,但有時也避免不了在開發(fā)過程有些問題才發(fā)現暴露。這個就需要開發(fā)同學能重視還原問題,積極溝通反饋,和設計確認商議 是否有其它可替代方案,切勿自己發(fā)揮,等到后期驗收的時候才說出問題可能會影響進度。
?2.2、開發(fā)完成后對齊設計稿自查
開發(fā)者在完成自己負責的模塊界面時,可自己對齊設計稿自查一遍,參考【3.1驗收標準】的表格,可幫助判斷問題,在此階段也可發(fā)給設計者確認效果。
三、驗收階段
如何提高設計還原質量和驗收效率?
3.1、測試同學確保交互和視覺還原度至少在70%左右
這里可以提前在項目排期階段,設計師將所需的驗收工時同步給技術和測試,將驗收時間考慮進去
為什么要求測試同學保證還原度至少在70%呢?
因為如果不要求測試走查還原度,設計驗收的時候就會有大量的問題,最后變成設計在測試界面而不是驗收。設計師不像測試對整個流程的測試配置那么熟悉方便,反復驗收需要測試和設計不斷配合,雙方的工作量都會加大。
理想的狀態(tài)應該是測試整個流程走通,視覺和交互還原問題也要著重測試,設計和產品在測試沒什么大問題后再進行驗收。
參考【驗收標準】的表格,可幫助判斷還原問題
如何提高設計還原質量和驗收效率?
3.2、明確知道模塊的開發(fā)者
最好是提前知道模塊的開發(fā)者,這樣驗收的時候一對一進行模塊的打版驗收效率更高
3.3、設計走查問題標注優(yōu)先級
技術對功能上的BUG,可以自己很好的判斷哪些是嚴重的緊急的,但對于視覺和交互層面的感知就比較低。在提問題單的時候,我們可以幫他標注出優(yōu)先級,告知開發(fā)哪些是比較嚴重的需要優(yōu)先修改的,不然 開發(fā)自己很難判斷,可能就會挑一些比較好改的先改了,重要的問題反而被擱置了。尤其在項目時間比較緊張的時候,有優(yōu)先級標注 開發(fā)能夠看出哪些是可以為項目進度做出妥協的,哪些是必須要修改的。
如何提高設計還原質量和驗收效率?
3.4、BUG單
設計提BUG單的不能簡單的說這里出錯了,請參考設計標注重新調整。要直接給出正確的尺寸、增多少、減多少、這樣可幫助技術提高更高效率,也能避免開發(fā)自己去看又出現誤差、又要返工修改。
如何提高設計還原質量和驗收效率?
3.5、遺留問題有記錄
如何提高設計還原質量和驗收效率?
四、結語
設計師在驗收過程中容易遇到的一個比較頭疼的問題就是,技術和產品小伙伴可能因為項目上線時間緊,覺得視覺還原和頁面交互體驗上的問題不重要不給予修改,優(yōu)先保障功能上線。
除了這些原因,設計側也在檢討總結,自己有哪些做的不足的地方,所以 以上文檔也是對接下來工作的優(yōu)化方案。設計還原度也是日常考核之一,需要大家重視,好的產品要嚴格把控精心打磨,希望這次的總結、相關流程和經驗,在接下來工作中能夠提升設計驗收效率和還原度。

作者:考思考
來源:站酷

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

如何為用戶提供正確的鍵盤輸入類型?

博博

Android和iOS系統都設計了針對特定表單字段的指定鍵盤輸入類型。但大多數開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導致移動設備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數開發(fā)人員錯誤地將每個表單字段的輸入類型設置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數字或字母和數字組合的信息。當用戶嘗試填寫這些字段時,他們應該看到一個數字或字母和數字組合的鍵盤。
不幸的是,當每個字段的輸入類型都設置為“文本”時,它會強制用戶使用文本鍵盤來輸入數字或字母和數字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務必為每個表單字段指定輸入類型,以便系統能夠顯示相應的鍵盤。除了指定輸入類型,我們還應指定相關行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當我們將輸入類型設置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設置為“人名”,并且設置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
二、每個鍵盤對輸入類型的反應可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設置為“密碼”。假定密碼為 z0h0a0n0g。
  1. 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2. 搜狗輸入法顯示文本鍵盤,用戶需在字母和數字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數字。
  3. 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數字。
如何為用戶提供正確的鍵盤輸入類型?
案例二:登錄頁面的手機號輸入
釘釘設置電話號碼鍵盤右下角為“下一項”按鈕。
  1. 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  2. 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  3. 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
三、Input Type 助力產品輸入體驗的提升
通過應用 Input Type 你可以正確的為每個文本字段設置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
Input Type這個工具需要安裝在安卓手機上,如果沒有安卓手機可以電腦上安裝一個網易MuMu安卓模擬器就可以用。
應用截圖
應用截圖

作者:交互設計師張楚
來源:站酷

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計

軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

B端產品 | 如何快速建立業(yè)務&產品認知

博博

先說結論:是很好的“答疑期”,但幫助有限,學會問問題,同時接納自己暫時不懂的情況。
 
在入職后,一般會有業(yè)務方向、研發(fā)背景、設計思路、產品使用流程等方面的培訓講解。但即便同事講的不錯,對于剛入職的我們來說,也很難短時間內消化掌握,并直接應用到設計工作中。
 
在這個時期,有三點建議:
  1. 找關鍵詞
  2. 虛心請教
  3. 提出問題并給出方案
 

B端基礎 | 全套WEB表單設計基礎

博博

第一部分 | WEB表單設計
在B的設計中、表單是我們最為常見的設計內容。下面我們來學習如何做好表單設計這部分內容。
1、什么是表單
我理解表單就是系統為和用戶進行交互、所要收集用戶信息的或獲得用戶反饋的一種方式的載體。在后臺產品中對我們數據做的增、刪、改、查、驗都可以通過表單完成。
B端基礎 | 全套WEB表單設計基礎
 
 
表單是一種用于收集用戶輸入的HTML元素,通常用于創(chuàng)建用戶與網頁交互的表單。表單可以包含各種輸入字段,如文本框、復選框、單選按鈕、下拉列表和提交按鈕等。當用戶填寫表單并提交后,數據將被發(fā)送到服務器進行處理。在web開發(fā)中,表單是實現用戶交互和數據收集的重要手段之一。
 
1.1、常見應用場景
在我們的后臺系統中、我們表單在70%的場景上都會使用到。采集錄入數據信息、編輯數據信息等。如我們SaaS管理平臺的學員錄入、檔案查詢、獎勵規(guī)則設置等。
B端基礎 | 全套WEB表單設計基礎
 
 
2、表單設計原則
設計原則是任何一種解決方案的指路燈。我們在表單的設計中需要遵循以下原則、
簡潔明了、清晰高效、適應業(yè)務、及時反饋。
B端基礎 | 全套WEB表單設計基礎
 
 
2.1、簡潔明了
表單的設計應該簡潔明了,避免過多的裝飾和元素干擾用戶填寫表單。
 
2.2、清晰高效
表單中的各個字段和選項應該清晰可見。用戶應該能夠快速找到需要填寫的字段和選項,并且填寫過程中不會遇到過多的困難。
 
2.3、適應業(yè)務
應該符合我們的業(yè)務應用場景、滿足我們的業(yè)務需求。
 
2.4、及時反饋
在用戶填寫表單的過程中,應該提供適當的反饋,例如輸入驗證、錯誤提示等,以便用戶能夠及時了解自己的輸入是否正確。
 
3、表單構成
我們通常的表單都基本都是由、標簽、域、提示、操作按鈕這四個部分構成的。
B端基礎 | 全套WEB表單設計基礎
 
 
3.1、標簽
標簽文本主要是解釋輸入項的含義,一般不宜太長,需要簡明扼要,快速讓用戶理解。輸入框標簽在布局上可以分為
左標簽、頂標簽、行內標簽
。這三種設計在許多情況下可以提高可讀性和用戶友好性,但也有一些潛在的缺點。
B端基礎 | 全套WEB表單設計基礎
 
 
3.1.1、左標簽
優(yōu)點:可讀性強、減少用戶的認知負擔。布局直觀、提高填寫速度。
缺點:不適合長標簽、對業(yè)務場景適用性差。
 
3.1.2、頂標簽
優(yōu)點:節(jié)省空間、減少表單的長度和寬度。視覺層次清晰。
缺點:需要額外的間距、縱向空間利用率不高
 
3.1.3、行內標簽
優(yōu)點:節(jié)省空間、簡潔易于閱讀
缺點:可讀性有限、對于長標簽或復雜內容可讀性降低、不適合大部分的場景。
 
3.2、域
表單的域表示的是一個空間。這個空間里可以是輸入內容、選擇內容、選則時間、選擇數值、觸發(fā)交互按鈕(上傳資料)等
B端基礎 | 全套WEB表單設計基礎
 
 
3.3、提示
避免廢話、給出結果以及處理方式。
B端基礎 | 全套WEB表單設計基礎
 
 
3.4、按鈕
一般出現在頁面頂部、跟隨表單里的內容、表單內容底部、頁面底部。
在我們系統設計里。我是更愿意把按鈕放在頁面的底部。至于為什么可以看一下、我之前的《按鈕的基礎設計知識的文章》
 
4、設計細節(jié)
除了上面表單的基礎知識外,為了我們表單設計的更好我們就需要在細節(jié)上下功夫了。畢竟優(yōu)秀的設計師注重細節(jié)的表現的。
B端基礎 | 全套WEB表單設計基礎
 
 
4.1、表單里標簽后的冒號要不要加
最初是因為屏幕顯示的原因所以才加的冒號、隨著技術的進步?,F在可加可不加。系統內統一就行。
B端基礎 | 全套WEB表單設計基礎
 
 
4.2、如何設定輸入框的寬度
輸入框的寬度是自適應的、輸入框的寬度是有暗示左右的。在真實場景中,大部分輸入框是存在理想長度的,那么就應該向用戶暗示所需輸入內容的長度來減輕判斷負擔。下圖就是典型案例,一個實際不需要花多少錢的金額輸入框在左圖中進行等寬處理,反而容易誤導用戶對輸入金額的判斷,造成一種不安全感。
B端基礎 | 全套WEB表單設計基礎
 
 
4.3、表單布局
在表單中我們采用多種布局方式。
信息分組、內容列表、標簽頁、分步驟。
在信息傳遞上。這集中布局方式本質都是一樣的。將信息進行分類展示。來更好效的進行信息的傳遞和展示。理論支持、格式塔原理
B端基礎 | 全套WEB表單設計基礎
 
 
我們如何選則適用那種布局方式呢。很簡單需要展示內容的多少。
 
B端基礎 | 全套WEB表單設計基礎
 
 
第二部分 | 表單交互
為了讓我們表單的用戶體驗做到極致、我們還有注意這些交互上的細節(jié)。做好這些細節(jié)將大幅提升我們的用戶體檢。
B端基礎 | 全套WEB表單設計基礎
 
 
1、錯誤提示
驗證用戶輸入活提交信息是否正確、驗證方法有三種、實時、提交后、服務器。因為他們時效性不同所以應用的場景也不同。
B端基礎 | 全套WEB表單設計基礎
 
 
錯誤提示要適用積極地的語言、不清楚的告訴用戶存在哪里、要如何修復。
 
2、更智慧、高效
之前好像看過一個什么定律忘了。他的大致意思是,如果系統能處理的問題盡量讓系統去處理、不用留給用戶去操作。
B端基礎 | 全套WEB表單設計基礎
 
 
2.1、簡化輸入智能默認
如果可以帶出來的信息可以盡力帶過來。
B端基礎 | 全套WEB表單設計基礎
 
 
滿足多數人需要的地方放置選擇,來幫助用戶作出明智選擇?;ヂ摼W表單中有很多地方能利用智能默認減少必要的選擇次數,加速表單完成過程。
 
2.2、個性化默認
保留用戶登陸信息、重復填寫內容。例如、之前去醫(yī)院需要手機登陸的那段時間。在去過一次后。掃完填寫信息制藥填一個名字、其他信息都帶出來了。
B端基礎 | 全套WEB表單設計基礎
 
 
2.3、及時新增
我們在滿足大部分用戶的同時、在某些場景里還要提高額外的輸入框給需要的人用。同時不會阻礙不需要的人。這類輸入框常常被作為高級選項或者額外選項。
B端基礎 | 全套WEB表單設計基礎
 
 
3、結構
一個結構充分的表單就像一個與用戶的良好對話。所以記住這一點,仔細規(guī)劃結構。
B端基礎 | 全套WEB表單設計基礎
 
 
3.1、從簡單開始到創(chuàng)建邏輯分類
從簡單問題開始,用戶已經很清楚答案了。將不相關的信息按邏輯分組展示。來幫助用戶理解。
B端基礎 | 全套WEB表單設計基礎
 
 
3.2、單步、多步、單列、多列
至于這些的方式的選擇、總的來說還是信息呈現多少的不同。單步的轉化率更高。但多步卻更適合復雜信息的收集。
B端基礎 | 全套WEB表單設計基礎
 
 
單列和多列基本也是一樣的道理
 
B端基礎 | 全套WEB表單設計基礎
 
 
 


作者:彪形大漢pro
來源:站酷

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計APP界面設計、圖標定制、用戶體驗設計交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司、用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

設計原則:認知偏差

博博

什么是確認偏差?
確認偏差是一種認知偏差,指的是人們更傾向于尋找、記住或贊同支持已有信念或假設的信息,而忽視或排斥與其相矛盾的信息。這種偏差導致人們在尋求信息和形成觀點時傾向于選擇那些與他們已有信念相一致的信息,而忽視那些與之相悖的信息。
在設計和決策過程中,確認偏差可能會對判斷和決策產生影響。設計師或決策者可能會傾向于尋找支持他們最初想法或假設的信息,而忽略潛在的反對觀點或證據。這可能導致錯誤的假設、不完整的分析或偏離客觀事實的判斷。
了解確認偏差對于設計師和決策者來說是很重要的,因為它可以影響到他們對問題的看法和解決方案的選擇。為了減輕確認偏差的影響,重要的做法包括尋求多樣的觀點和信息來源、鼓勵團隊開放性討論、持續(xù)評估和反思自己的假設,以及意識到并主動應對這種偏差。
 
超長干貨!UI設計師必須要懂的4個設計心理學
它是怎么產生的?
確認偏差的產生與人類的認知方式和信息處理方式有關。它可以追溯到我們處理信息的心理機制,以及對信息的選擇性接收和處理。
信息過濾和選擇性接收
: 人類大腦處理的信息量龐大,為了應對這種信息負荷,我們會有意無意地選擇性地接收與已有信念相符的信息,因為這樣更容易被接受和理解。
認知一致性和舒適度
: 我們傾向于尋求與我們已有信念一致的信息,因為這會讓我們感到更加舒適和認知上的一致性,而與之相悖的信息則可能引起認知不適或挑戰(zhàn)。
記憶偏差
: 我們記憶中更容易保留和回憶起與我們已有信念相符的信息,而忽略或淡化與之不符的信息,導致我們更傾向于記住和重復暴露于已有信念的信息。
社會影響和團隊動態(tài)
: 在團隊環(huán)境中,人們可能更容易受到同伴或領導觀點的影響,導致更多地尋求與團隊共識一致的信息。
因此,確認偏差源于我們處理信息的方式和尋求認知一致性的趨勢,這種傾向性會影響我們對信息的選擇、記憶和接受,使得我們更容易偏向于支持已有信念的信息。
 
超長干貨!UI設計師必須要懂的4個設計心理學
思考下確認偏差在UI作用?
認知偏差在UI設計中有著深遠的影響,設計師需要了解并考慮這些偏差,以創(chuàng)造更符合用戶認知和行為的界面:
信息呈現與確認偏差:
UI設計中的信息呈現方式能夠影響用戶的感知。確認偏差提示我們,設計師應該精心布局信息,確保用戶首先接觸到的內容是符合其期望和信念的。在重要位置展示與用戶預期一致的信息能夠增強用戶對界面的認可感。
用戶體驗與認知一致性:
UI設計應該符合用戶的認知模式和習慣。保持一致的界面元素、布局結構和交互方式有助于降低用戶學習成本,提升用戶體驗,因為這與用戶的認知一致性相契合。
選擇性暴露與設計引導:
設計師可以利用確認偏差的特性來引導用戶,將重要信息或功能放置在易于察覺的位置,引導用戶進行特定的操作。然而,需要謹慎處理,以避免對用戶造成信息過載。
避免偏見與用戶測試:
設計師應該避免自身的認知偏差影響設計,而是更多地關注用戶的實際需求和行為。通過持續(xù)的用戶測試和反饋,可以驗證設計的有效性,確保設計更加客觀、全面地服務于用戶。
認知偏差不僅能夠幫助設計師更好地了解用戶行為和認知模式,也提醒設計師需要謹慎地處理信息的呈現方式,以創(chuàng)造出更符合用戶認知特點和期望的界面。
 
超長干貨!UI設計師必須要懂的4個設計心理學
需要我們記住什么?
用戶選擇性感知:
用戶會傾向于選擇性地接收與其已有信念相符的信息。因此,在設計中需要注意如何呈現信息,以便用戶更容易接收并理解與其預期一致的內容。
認知一致性與用戶體驗:
用戶更喜歡一致性的界面設計。保持界面元素、布局和交互方式的一致性有助于提高用戶體驗,減少認知負擔。
引導與用戶行為:
可以利用認知偏差的特性來引導用戶行為,但需要謹慎,以避免對用戶造成信息過載或誤導。
客觀設計與用戶測試:
設計師需保持客觀,在設計中避免個人偏見的影響。持續(xù)的用戶測試和反饋是驗證設計有效性的關鍵。
用戶需求至上:
最重要的是設計能夠滿足用戶的實際需求。認知偏差提醒我們關注用戶行為和反饋,確保設計更加貼近用戶期望。
記住這些關鍵點有助于設計師更好地應用認知偏差的理論,創(chuàng)造出更符合用戶認知和行為習慣的界面,提升用戶體驗和產品吸引力。
 
在app產品中,我們應該怎么應用認知偏差
在App產品中,了解和應用認知偏差可以改善用戶體驗和促進用戶參與。以下是一些應用認知偏差的方法:
個性化內容推薦
 利用用戶的歷史數據和偏好,提供個性化的內容推薦,引導用戶瀏覽與其興趣相關的信息,這符合用戶的認知偏好。
強調常用功能
 將常用功能放置在易于察覺的位置,這有助于用戶更快速地找到并使用常用功能,符合用戶對信息的選擇性感知。
引導用戶決策
 通過明確的引導和推薦,幫助用戶做出決策。例如,突出顯示推薦選項或使用明確的指導語言,以降低用戶的選擇焦慮。
增加用戶互動和獎勵機制: 利用認知偏差中的獎勵機制,激勵用戶參與互動。例如,獎勵積分、勛章或獎勵物品以促進用戶的積極參與。
社交證據和影響力
 強調其他用戶的行為和意見,例如顯示用戶評論或社交分享,可以影響新用戶的決策,符合社會影響的認知偏差。
提供個性化的反饋和建議
 根據用戶的行為提供個性化的反饋和建議,引導用戶完成特定的動作或行為,符合用戶的認知偏好和選擇性感知。
綜合利用這些策略可以更好地與用戶互動,促進參與度,提高用戶對產品的滿意度。然而,需要謹慎運用,避免過度使用以至于影響用戶體驗或導致信息過載。
 
認知偏差總結
綜合利用認知偏差的這些方面,設計者可以更加精準地與用戶互動,提升用戶體驗和參與度。但務必注意,應用認知偏差需要在不影響用戶信任和體驗的前提下進行,避免過度干預或引導,以免影響用戶的自主性和信任感。


作者:A大林子
來源:站酷

藍藍設計(m.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計

軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

日歷

鏈接

個人資料

藍藍設計的小編 http://m.88yangsc.com

存檔