首頁

全中文AI創(chuàng)意工具WHEE,4字搞定畫面

資深UI設計者

今天給大家推薦一個中文的 AI 創(chuàng)意工具—— WHEE。我只輸入了四個字,它就生成了我想要的畫面。

如何成為一名優(yōu)秀的設計師?

資深UI設計者

在設計中,這樣的問題大量存在,大多數(shù)設計師都僅僅是為了設計而設計,不考慮特殊場景的差異,也不考慮用戶群體的核心訴求,光有華麗的用戶界面與良好的交互體驗,卻并不都能解決核心問題! 

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

博博

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

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

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

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

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

博博

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

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

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

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

 

UI設計:是不是決定用戶體驗成敗的關鍵因素?

前端達人

在當今數(shù)字化時代,我們的生活日益與各種界面交織在一起,從智能手機到電腦、平板,再到各類應用程序和網(wǎng)站。這些界面的設計看似簡單,卻直接影響著用戶的體驗。關于用戶體驗,一個不可忽視的問題是:UI設計是否是決定用戶體驗成敗的關鍵因素?

 

UI,即用戶界面設計,是指通過視覺、交互等手段,將軟件或產(chǎn)品的功能與用戶需求有效結合的設計過程。在這個數(shù)字時代,我們的生活中隨處可見各種設計精致的用戶界面,但這是否意味著它們決定了用戶體驗的優(yōu)劣呢?

 

首先,讓我們深入了解用戶體驗的本質。用戶體驗不僅僅包括外觀感受,更關乎用戶在使用產(chǎn)品或服務時所感受到的全方位體驗。這包括但不限于界面的美觀,還包括交互的流暢性、功能的實用性以及整體的用戶滿意度。因此,我們需要細分這一體驗,看看UI設計在其中的具體作用。

 

從外表上看,優(yōu)秀的UI設計可以打破界面的單調,使用戶感受到愉悅與舒適,但這只是體驗的冰山一角。UI設計的真正力量在于它對用戶操作流程的引導和改進。一個直觀、簡單但又具有深度的界面設計可以讓用戶更快速地掌握產(chǎn)品的使用方法,提高使用效率,從而直接影響到用戶體驗的好壞。

 

然而,我們也不能忽視其他因素對用戶體驗的影響。產(chǎn)品的功能性、性能表現(xiàn)、反饋速度等都是決定用戶體驗的重要組成部分。一個漂亮的界面不能彌補功能上的不足,反之亦然。因此,UI設計雖然在整個用戶體驗中起到重要作用,但不能孤立地被看待。

 

綜上所述,UI設計是否是決定用戶體驗成敗的關鍵因素,其實并沒有一個簡單的答案。UI設計在用戶體驗中是至關重要的一環(huán),它可以為用戶提供更愉悅的視覺感受,更便捷的操作方式,但真正出色的用戶體驗需要各個方面的協(xié)同作用。因此,在數(shù)字世界的掌中藝術中,我們需要綜合考量UI設計、功能性、交互設計等多個因素,共同構建出讓用戶留連忘返的產(chǎn)品和服務。

 

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

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

用戶界面設計:如何打造引人入勝的用戶體驗?

前端達人

在當今數(shù)字化時代,用戶界面(UI)設計已經(jīng)成為吸引用戶、提升產(chǎn)品價值的關鍵因素之一。一個成功的UI設計不僅僅是視覺的享受,更是用戶體驗的塑造者。本文將探討如何打造引人入勝的用戶體驗,通過精心設計的用戶界面使產(chǎn)品更具吸引力。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
1. 用戶至上的設計哲學
首先,UI設計的核心理念是“用戶至上”。設計師應該深入了解目標用戶群體的需求、習慣和心理預期。通過用戶調研、原型測試等手段,收集用戶反饋,將這些信息納入設計流程,確保最終產(chǎn)物符合用戶的期望,提升用戶體驗。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
2. 直觀而簡潔的界面布局
直觀的設計能夠降低用戶的認知負擔,提高使用效率。簡潔的界面布局使用戶能夠迅速找到他們需要的信息或功能。避免繁瑣的元素和復雜的操作流程,使用戶在第一眼就能夠理解產(chǎn)品的核心功能。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
3. 色彩和圖標的搭配
色彩和圖標是UI設計中不可忽視的要素。合適的色彩搭配可以引導用戶的注意力,傳遞產(chǎn)品的氛圍和品牌形象。清晰明了的圖標可以幫助用戶更容易地理解各種功能,提高界面的可操作性。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
4. 響應式設計的重要性
隨著移動設備的普及,響應式設計變得至關重要。設計師需要確保用戶在不同屏幕尺寸和設備上都能夠獲得一致的用戶體驗。通過彈性網(wǎng)格布局、媒體查詢等技術,實現(xiàn)在各種設備上的平滑展示。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
5. 動畫與過渡效果的運用
動畫和過渡效果不僅可以增添界面的活力,還能夠幫助用戶更好地理解頁面之間的關系和交互效果。然而,過度使用動畫可能適得其反,導致用戶感到混亂。因此,在運用動畫時需謹慎,保持合理度和流暢感。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
6. 無障礙性設計
為了讓產(chǎn)品真正服務于所有人,無障礙性設計至關重要。合理設置字體大小、顏色對比度、鍵盤導航等功能,確保即便是有視覺、聽覺或其他障礙的用戶也能夠順利使用產(chǎn)品。
結語
通過以上的設計原則,我們可以更好地打造引人入勝的用戶體驗。在不斷變化的數(shù)字化世界中,UI設計不僅僅是產(chǎn)品外表的修飾,更是用戶與產(chǎn)品之間互動的橋梁。只有通過深入了解用戶需求、精心設計界面,我們才能為用戶創(chuàng)造出真正令人印象深刻的體驗。
用戶界面設計:如何打造引人入勝的用戶體驗?
 
 
藍藍設計(sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務
關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數(shù)據(jù)可視化設計公司、用戶體驗公司、高端網(wǎng)站設計公司銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

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

博博

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

作者:泡泡_PAO
來源:站酷

 

 

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

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

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

 

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

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

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

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

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

博博

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

作者:考思考
來源:站酷

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

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

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

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

博博

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

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

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

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

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔