首頁(yè)

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

資深UI設(shè)計(jì)者

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

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

資深UI設(shè)計(jì)者

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

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

博博

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

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

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

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

雪球金融社區(qū)平臺(tái)表情圖標(biāo)升級(jí)全紀(jì)錄

博博

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

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

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

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

 

UI設(shè)計(jì):是不是決定用戶體驗(yàn)成敗的關(guān)鍵因素?

前端達(dá)人

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

 

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

 

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

 

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

 

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

 

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

 

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

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

用戶界面設(shè)計(jì):如何打造引人入勝的用戶體驗(yàn)?

前端達(dá)人

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

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

博博

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

作者:泡泡_PAO
來(lái)源:站酷

 

 

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

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

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

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

 

向用戶請(qǐng)求權(quán)限的正確方式

博博

 

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

 

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

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

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

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

如何提高設(shè)計(jì)還原質(zhì)量和驗(yàn)收效率?

博博

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

作者:考思考
來(lái)源:站酷

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

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

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

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

博博

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

作者:交互設(shè)計(jì)師張楚
來(lái)源:站酷

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔