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

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

Android和iOS系統(tǒng)都設(shè)計(jì)了針對(duì)特定表單字段的指定鍵盤(pán)輸入類(lèi)型。但大多數(shù)開(kāi)發(fā)人員未能在他們的代碼中指定正確的鍵盤(pán)輸入類(lèi)型。這會(huì)導(dǎo)致移動(dòng)設(shè)備上的表單完成效率變慢。本文以Android平臺(tái)為例。

一、輸入類(lèi)型并不總是“文本”

大多數(shù)開(kāi)發(fā)人員錯(cuò)誤地將每個(gè)表單字段的輸入類(lèi)型設(shè)置為“文本”。這存在問(wèn)題，因?yàn)槊總€(gè)表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶(hù)嘗試填寫(xiě)這些字段時(shí)，他們應(yīng)該看到一個(gè)數(shù)字或字母和數(shù)字組合的鍵盤(pán)。

不幸的是，當(dāng)每個(gè)字段的輸入類(lèi)型都設(shè)置為“文本”時(shí)，它會(huì)強(qiáng)制用戶(hù)使用文本鍵盤(pán)來(lái)輸入數(shù)字或字母和數(shù)字組合，輸入時(shí)舉步維艱，不是誤點(diǎn)，就是需要頻繁切換，輸入體驗(yàn)十分糟糕。

因此，請(qǐng)務(wù)必為每個(gè)表單字段指定輸入類(lèi)型，以便系統(tǒng)能夠顯示相應(yīng)的鍵盤(pán)。除了指定輸入類(lèi)型，我們還應(yīng)指定相關(guān)行為，例如輸入法是否提供拼寫(xiě)建議、是否將句子的首字母大寫(xiě)，以及是否使用“完成”或“下一項(xiàng)”等操作鍵替換“回車(chē)”。

輸入類(lèi)型、行為、操作鍵整理如下：

例一. 郵箱地址字段

表單要求用戶(hù)提供他們的郵箱地址是很常見(jiàn)的。當(dāng)我們將輸入類(lèi)型設(shè)置為“郵箱地址”時(shí)，它會(huì)為用戶(hù)提供一個(gè)針對(duì)郵箱地址輸入的鍵盤(pán)。這個(gè)鍵盤(pán)不僅顯示字母，還可以顯示“@”和“.”，用戶(hù)可以輕松地輸入他們的郵箱地址。

例二. 姓名字段

英文名是專(zhuān)有名詞，英語(yǔ)中專(zhuān)有名詞的第一個(gè)字母要大寫(xiě)。我們將輸入類(lèi)型設(shè)置為“人名”，并且設(shè)置單詞首字母大寫(xiě)。用戶(hù)無(wú)需對(duì)英文字母進(jìn)行大小寫(xiě)切換。

二、每個(gè)鍵盤(pán)對(duì)輸入類(lèi)型的反應(yīng)可能不同

案例一：登錄頁(yè)面的密碼輸入

釘釘將密碼框輸入類(lèi)型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。

1. 百度輸入法顯示密碼鍵盤(pán)，完成密碼輸入僅需點(diǎn)擊 9 次。
2. 搜狗輸入法顯示文本鍵盤(pán)，用戶(hù)需在字母和數(shù)字之間切換，完成輸入需點(diǎn)擊 17 次。也支持長(zhǎng)按第一行的字母輸入數(shù)字。
3. 微信輸入法顯示文本鍵盤(pán)，完成密碼輸入需點(diǎn)擊 17 次。不支持長(zhǎng)按字母輸入數(shù)字。

 

案例二：登錄頁(yè)面的手機(jī)號(hào)輸入

釘釘設(shè)置電話號(hào)碼鍵盤(pán)右下角為“下一項(xiàng)”按鈕。

1. 百度輸入法的鍵盤(pán)右下角顯示“回車(chē)”，用戶(hù)完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
2. 搜狗輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶(hù)完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。
3. 微信輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶(hù)完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。

三、Input Type 助力產(chǎn)品輸入體驗(yàn)的提升

通過(guò)應(yīng)用 Input Type 你可以正確的為每個(gè)文本字段設(shè)置特定的輸入類(lèi)型，以及看到每個(gè)輸入類(lèi)型（以及輸入類(lèi)型的組合）如何影響鍵盤(pán)。

我最初開(kāi)發(fā)此應(yīng)用是為了促進(jìn)工作中跨部門(mé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安卓模擬器就可以用。

 

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

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

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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)語(yǔ)境里，表情無(wú)疑是很重要的組成部分。一套豐富且定位準(zhǔn)確的表情可以幫助用戶(hù)更清晰地表達(dá)自己的感受，增進(jìn)溝通的準(zhǔn)確性，同時(shí)增添社交互動(dòng)的趣味性，拉進(jìn)用戶(hù)之間的距離。帶有平臺(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)力較弱，畫(huà)風(fēng)不夠有趣。第三，雪球誕生了新IP“呦呦”，非常適合在表情中應(yīng)用來(lái)推廣雪球品牌特性。

基于以上背景我們展開(kāi)了對(duì)于表情翻新改版的項(xiàng)目。

 

 

 

現(xiàn)狀&問(wèn)題

通過(guò)對(duì)當(dāng)前狀況進(jìn)行系統(tǒng)梳理，我們發(fā)現(xiàn)了一些存在的問(wèn)題。

 

1.設(shè)計(jì)風(fēng)格陳舊，不易識(shí)別表現(xiàn)力弱：

目前線上雪球表情風(fēng)格老舊，視覺(jué)表達(dá)不符合當(dāng)下設(shè)計(jì)潮流趨勢(shì)；由于表情是白色在行文中表現(xiàn)力不足且不易被用戶(hù)識(shí)別，因而趣味性表達(dá)的作用不夠凸顯。

2.缺乏股票基金場(chǎng)景的情緒表達(dá)

社區(qū)場(chǎng)景中有大量的股票基金的討論和相關(guān)內(nèi)容的情緒表達(dá)，而目前表情體系中缺乏此類(lèi)表達(dá)或表達(dá)不夠生動(dòng)。

比如「關(guān)燈吃面」和「割肉」，在行文中一眼能識(shí)別到視覺(jué)主體是表情臉，而“吃面”和“割肉”的語(yǔ)義沒(méi)有生動(dòng)的體現(xiàn)出來(lái)；還比如「跳水」又太具象和寫(xiě)實(shí)，少了表情的趣味性。

3.沒(méi)有將雪球的新IP融入表情

雪球誕生了新的IP“呦呦”，表情的體系非常適合融入IP向的內(nèi)容，將IP表情化也更利于IP的推廣和品牌的傳播。

 

 

 

視覺(jué)風(fēng)格探索

1.雪球用戶(hù)特征

設(shè)計(jì)風(fēng)格需要根據(jù)平臺(tái)用戶(hù)特征進(jìn)行確定。開(kāi)始設(shè)計(jì)之前，我們先看看雪球用戶(hù)大概是什么樣的。

雪球的主要用戶(hù)為男性且集中在30-50歲左右，所以在視覺(jué)表現(xiàn)上盡量避免女性化或低齡化的風(fēng)格。

2.視覺(jué)風(fēng)格探索

風(fēng)格確定

舊版的表情蒼白，雖然細(xì)節(jié)很多但在行文中難以識(shí)別，本次改版重要任務(wù)之一是改版新的視覺(jué)風(fēng)格。emoji是最被用戶(hù)熟知的表情體系，我們決定新版向傳統(tǒng)黃臉emoji表情靠攏。大方向定了，但還需要確定視覺(jué)感受符合雪球的emoji。最后在兩種視覺(jué)風(fēng)格中我們選擇了視覺(jué)感受偏中性、風(fēng)格扁平的這個(gè)方向，這個(gè)風(fēng)格和雪球用戶(hù)特征更契合。

提升辨識(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í)度。

 

 

 

發(fā)現(xiàn)股民討論語(yǔ)境下的“梗”

本次表情升級(jí)除了對(duì)現(xiàn)有表情進(jìn)行改造升級(jí)，還針對(duì)雪球社區(qū)特色進(jìn)行挖掘。

1.挖掘“梗”

前面我們說(shuō)到雪球用戶(hù)是集中在30-50歲左右的男性，那么這類(lèi)人群在社區(qū)中有怎樣的表達(dá)特點(diǎn)呢？

通過(guò)觀察我們發(fā)現(xiàn)，在面對(duì)股市的波動(dòng)和不確定性，雪球用戶(hù)更喜歡用幽默詼諧的論調(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)常使用類(lèi)似“地鐵老人看手機(jī)”“黑人問(wèn)號(hào)臉”等網(wǎng)絡(luò)熱圖來(lái)表達(dá)內(nèi)心的復(fù)雜情緒呢。

在變幻莫測(cè)的股市中，面對(duì)現(xiàn)實(shí)的無(wú)力和不確定，祈福求平靜成了股民表達(dá)情緒舒緩心情的一種方式，比如“敲木魚(yú)”“祈求大漲”等儀式感的情境以表情的方式呈現(xiàn)，也能一定程度上引起用戶(hù)的共鳴。

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)心戲。

• 賺了、虧了一目了然

股票社區(qū)中漲跌是永遠(yuǎn)的話題，市場(chǎng)的漲跌背后牽動(dòng)著的是股民們真金白銀的賬戶(hù)。“虧大了”和“暴富”這兩個(gè)表情很生動(dòng)的表達(dá)了用戶(hù)盈虧的兩種處境，但原有表情的視覺(jué)表達(dá)過(guò)于保守和隱晦。要讓用戶(hù)一眼看到就產(chǎn)生共鳴，紅綠色是最直觀的漲跌信號(hào)，我們把這種語(yǔ)義和表情結(jié)合，“虧大了”除了表情沮喪還得加點(diǎn)綠色烘托氛圍，“暴富”的喜悅中再加上紅包加持情緒。

 

• 戲劇化表達(dá)

在某些極端情緒上我們還嘗試打破舊表情的禁錮，用更加生動(dòng)夸張的方式呈現(xiàn)。比如“絕望”，只靠面部表情似乎無(wú)法充分的表達(dá)，所以我們營(yíng)造了簡(jiǎn)單的環(huán)境和肢體動(dòng)作， 一個(gè)癱在墻角雙目無(wú)神的小黃臉，絕望的形象躍然紙上。

3.股票專(zhuān)屬“梗”

雪球社區(qū)里有一些獨(dú)特的表情，比如“關(guān)燈吃面”，它是雪球老用戶(hù)傳承的經(jīng)典梗；還有諸如跳水、割肉、抄底、滿(mǎn)倉(cāng)等股票術(shù)語(yǔ)梗也頗受歡迎。升級(jí)優(yōu)化這類(lèi)表情的同時(shí)我們小開(kāi)腦洞在原有基礎(chǔ)上增加了“好基友”等新梗，讓股民表達(dá)更豐富有趣。

 

IP表情化

去年雪球誕生了自己的IP“YOYO”，此次表情升級(jí)正好可以將IP表情化，在平臺(tái)應(yīng)用和傳播。

YOYO所代表的品牌語(yǔ)義

1.福祿壽：因其原型是馴鹿，取福祿壽之意，代表財(cái)富；

2.溫暖陪伴&服務(wù)感：馴鹿具備天生的陪伴和服務(wù)感，與雪球強(qiáng)調(diào)的品牌服務(wù)感相契合。

YOYO品牌語(yǔ)義表情化

根據(jù)YOYO的兩種品牌語(yǔ)義，我們分別開(kāi)腦洞。

哪些意向和財(cái)富相關(guān)呢？我們找到“錦鯉”“招財(cái)貓”“金元寶”，這些元素和表情相結(jié)合形成財(cái)富類(lèi)表達(dá)；那么陪伴和服務(wù)感我們使用“抱抱”、“打call”這類(lèi)溫暖鼓勵(lì)意向的肢體語(yǔ)言來(lái)和YOYO結(jié)合傳達(dá)。

 

 

作者：雪球設(shè)計(jì)中心XDC
來(lái)源：站酷

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

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ā)

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

 

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

 

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

 

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

 

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

 

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

 

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

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ā)

 

 

 

 

 

 

 

 

 

 

 

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

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

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ā)

權(quán)限的目的是保護(hù)用戶(hù)隱私，那么在何時(shí)以及用什么方式請(qǐng)求用戶(hù)權(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ù)用戶(hù)的隱私，但當(dāng)你請(qǐng)求權(quán)限時(shí)，你是在要求用戶(hù)放棄一點(diǎn)隱私，因此，你需要提供明確且平等的利益以換取訪問(wèn)。運(yùn)行時(shí)權(quán)限允許你在用戶(hù)更了解你請(qǐng)求權(quán)限的原因和授予權(quán)限的好處時(shí)選擇合適的時(shí)間請(qǐng)求權(quán)限。Android實(shí)現(xiàn)它們的方式使得以正確的方式請(qǐng)求它們變得十分重要。

運(yùn)行時(shí)權(quán)限模型有利于保護(hù)用戶(hù)的隱私，當(dāng)你的應(yīng)用程序請(qǐng)求權(quán)限時(shí)，Android會(huì)顯示一個(gè)對(duì)話框讓用戶(hù)接受或拒絕它，第一次請(qǐng)求權(quán)限時(shí)對(duì)話框不會(huì)顯示“不再詢(xún)問(wèn)”復(fù)選框，只會(huì)在用戶(hù)至少一次拒絕權(quán)限請(qǐng)求后顯示它，你可以檢查之前是否被拒絕過(guò)，并明智的決定在何時(shí)提供更多教育。

從Android 11開(kāi)始，如果用戶(hù)在使用應(yīng)用的過(guò)程中多次拒絕某項(xiàng)特定的權(quán)限，那么在你的應(yīng)用再次請(qǐng)求該權(quán)限時(shí)，用戶(hù)將不會(huì)看到系統(tǒng)權(quán)限對(duì)話框。該操作表示用戶(hù)希望“不再詢(xún)問(wèn)”。

你無(wú)需過(guò)度防御，例如在實(shí)際請(qǐng)求權(quán)限之前你始終通過(guò)預(yù)許可（預(yù)授權(quán)）來(lái)衡量用戶(hù)授予權(quán)限的可能性，本質(zhì)上是請(qǐng)求兩次，這種雙重提示可能是不必要且煩人的，你可以通過(guò)在正確的時(shí)間以正確的方式詢(xún)問(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)限。

預(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)行，并且用戶(hù)顯然知道日歷應(yīng)用的用途以及請(qǐng)求日歷權(quán)限的原因，因此

不需要用任何不必要的解釋來(lái)打擾用戶(hù)，只需在用戶(hù)首次啟動(dòng)應(yīng)用時(shí)立即請(qǐng)求它即可。

預(yù)先教育（Educate up-front）

如果某項(xiàng)權(quán)限對(duì)應(yīng)用至關(guān)重要，但請(qǐng)求它的原因不是很清晰。例如信貸應(yīng)用，為了準(zhǔn)確評(píng)估用戶(hù)的信貸資格、償還能力和防范反欺詐，通訊錄權(quán)限、通話記錄權(quán)限、位置權(quán)限對(duì)于風(fēng)控而言非常重要，建議請(qǐng)求權(quán)限之前對(duì)用戶(hù)進(jì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)用允許用戶(hù)使用語(yǔ)音或音頻創(chuàng)建筆記，那么很明顯為什么此功能需要麥克風(fēng)權(quán)限，無(wú)需過(guò)早的請(qǐng)求它，以免用戶(hù)負(fù)擔(dān)過(guò)重，最好等到用戶(hù)嘗試使用該功能時(shí)，因?yàn)橛脩?hù)更有可能允許符合其預(yù)期的權(quán)限請(qǐng)求。

結(jié)合使用場(chǎng)景進(jìn)行教育（Educate in context）

如果應(yīng)用中的某項(xiàng)次要功能需要權(quán)限，并且請(qǐng)求他的原因不是很清晰，建議你結(jié)合使用場(chǎng)景進(jìn)行教育。例如筆記應(yīng)用允許用戶(hù)與朋友協(xié)作，那么請(qǐng)求聯(lián)系人權(quán)限可能是合理的，但它不是顯而易見(jiàn)的，當(dāng)用戶(hù)調(diào)用該功能時(shí)，解釋?xiě)?yīng)用獲得聯(lián)系人權(quán)限后可為用戶(hù)提供哪些好處，比如自動(dòng)填充郵件地址，然后才請(qǐng)求聯(lián)系人權(quán)限讓用戶(hù)授予它。

處理權(quán)限請(qǐng)求遭拒情況

通過(guò)使用正確的方法，用戶(hù)應(yīng)該清楚應(yīng)用請(qǐng)求權(quán)限的原因以及應(yīng)用獲得權(quán)限后可以為他們提供哪些好處。然而，這并不意味著用戶(hù)一定會(huì)授予權(quán)限。如果用戶(hù)拒絕了權(quán)限請(qǐng)求，建議采用以下做法：

• 在應(yīng)用界面中突出顯示因?yàn)闆](méi)有獲得特定權(quán)限而受限的功能所在的具體部分，例如在原本用于顯示該功能的結(jié)果或數(shù)據(jù)的位置顯示一條消息，讓用戶(hù)知道因缺少權(quán)限而無(wú)法使用該功能，幫助用戶(hù)在權(quán)限和功能之間建立心理聯(lián)系。
• 不要阻止界面顯示，不要全屏警告消息，讓用戶(hù)根本無(wú)法繼續(xù)使用應(yīng)用。即使在權(quán)限請(qǐng)求拒后，應(yīng)用也應(yīng)盡可能提供最佳的用戶(hù)體驗(yàn)。例如即使麥克風(fēng)使用權(quán)限請(qǐng)求遭拒，仍應(yīng)全面提高文本功能的易用性。
• 用戶(hù)可能已經(jīng)選中了“不再詢(xún)問(wèn)“復(fù)選框，應(yīng)用可能會(huì)在用戶(hù)未看到權(quán)限請(qǐng)求對(duì)話框的情況下受到拒絕，此時(shí)應(yīng)用應(yīng)該提供一個(gè)鏈接，鏈接到設(shè)備設(shè)置中用戶(hù)可以打開(kāi)權(quán)限的具體位置。

盡量減少權(quán)限請(qǐng)求

在應(yīng)用中聲明權(quán)限之前，請(qǐng)先考慮是否需要這樣做，或者是否有替代方法可以在應(yīng)用中支持該功能。因?yàn)槿绻麘?yīng)用聲明權(quán)限，那么每當(dāng)用戶(hù)使用需要運(yùn)行時(shí)權(quán)限的功能時(shí)，應(yīng)用便不得不中斷用戶(hù)的操作，請(qǐng)求相應(yīng)權(quán)限。然后，用戶(hù)必須做出決定。如果用戶(hù)不能理解您的應(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（短信檢索器）可以讓?xiě)?yīng)用自動(dòng)執(zhí)行用戶(hù)身份驗(yàn)證，不需要用戶(hù)手動(dòng)輸入驗(yàn)證碼，不需要READ_SMS權(quán)限。  

 

作者：交互設(shè)計(jì)師張楚

來(lái)源：站酷

 

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

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ā)

最近我們做了一次全新改版的項(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ù)盤(pán)總結(jié)。

一、評(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)象

再比如一些點(diǎn)擊熱區(qū)，如果不手動(dòng)標(biāo)明，有可能就做的很小

下圖是我們手動(dòng)標(biāo)注的熱區(qū)

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ì)師可詢(xún)問(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)出的性?xún)r(jià)比不夠）？等意見(jiàn)和原因，設(shè)計(jì)師也可拋出之前是否遇到過(guò)類(lèi)似的阻礙，幫助開(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ì)議記錄也可避免此類(lèi)情況發(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)收階段

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

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é)的，哪些是必須要修改的。

3.4、BUG單

設(shè)計(jì)提BUG單的不能簡(jiǎn)單的說(shuō)這里出錯(cuò)了，請(qǐng)參考設(shè)計(jì)標(biāo)注重新調(diào)整。要直接給出正確的尺寸、增多少、減多少、這樣可幫助技術(shù)提高更高效率，也能避免開(kāi)發(fā)自己去看又出現(xiàn)誤差、又要返工修改。

3.5、遺留問(wè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ì)(www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)特定表單字段的指定鍵盤(pán)輸入類(lèi)型。但大多數(shù)開(kāi)發(fā)人員未能在他們的代碼中指定正確的鍵盤(pán)輸入類(lèi)型。這會(huì)導(dǎo)致移動(dòng)設(shè)備上的表單完成效率變慢。本文以Android平臺(tái)為例。

一、輸入類(lèi)型并不總是“文本”

大多數(shù)開(kāi)發(fā)人員錯(cuò)誤地將每個(gè)表單字段的輸入類(lèi)型設(shè)置為“文本”。這存在問(wèn)題，因?yàn)槊總€(gè)表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶(hù)嘗試填寫(xiě)這些字段時(shí)，他們應(yīng)該看到一個(gè)數(shù)字或字母和數(shù)字組合的鍵盤(pán)。

不幸的是，當(dāng)每個(gè)字段的輸入類(lèi)型都設(shè)置為“文本”時(shí)，它會(huì)強(qiáng)制用戶(hù)使用文本鍵盤(pán)來(lái)輸入數(shù)字或字母和數(shù)字組合，輸入時(shí)舉步維艱，不是誤點(diǎn)，就是需要頻繁切換，輸入體驗(yàn)十分糟糕。

因此，請(qǐng)務(wù)必為每個(gè)表單字段指定輸入類(lèi)型，以便系統(tǒng)能夠顯示相應(yīng)的鍵盤(pán)。除了指定輸入類(lèi)型，我們還應(yīng)指定相關(guān)行為，例如輸入法是否提供拼寫(xiě)建議、是否將句子的首字母大寫(xiě)，以及是否使用“完成”或“下一項(xiàng)”等操作鍵替換“回車(chē)”。

輸入類(lèi)型、行為、操作鍵整理如下：

例一. 郵箱地址字段

表單要求用戶(hù)提供他們的郵箱地址是很常見(jiàn)的。當(dāng)我們將輸入類(lèi)型設(shè)置為“郵箱地址”時(shí)，它會(huì)為用戶(hù)提供一個(gè)針對(duì)郵箱地址輸入的鍵盤(pán)。這個(gè)鍵盤(pán)不僅顯示字母，還可以顯示“@”和“.”，用戶(hù)可以輕松地輸入他們的郵箱地址。

例二. 姓名字段

英文名是專(zhuān)有名詞，英語(yǔ)中專(zhuān)有名詞的第一個(gè)字母要大寫(xiě)。我們將輸入類(lèi)型設(shè)置為“人名”，并且設(shè)置單詞首字母大寫(xiě)。用戶(hù)無(wú)需對(duì)英文字母進(jìn)行大小寫(xiě)切換。

二、每個(gè)鍵盤(pán)對(duì)輸入類(lèi)型的反應(yīng)可能不同

案例一：登錄頁(yè)面的密碼輸入

釘釘將密碼框輸入類(lèi)型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。

1. 百度輸入法顯示密碼鍵盤(pán)，完成密碼輸入僅需點(diǎn)擊 9 次。
2. 搜狗輸入法顯示文本鍵盤(pán)，用戶(hù)需在字母和數(shù)字之間切換，完成輸入需點(diǎn)擊 17 次。也支持長(zhǎng)按第一行的字母輸入數(shù)字。
3. 微信輸入法顯示文本鍵盤(pán)，完成密碼輸入需點(diǎn)擊 17 次。不支持長(zhǎng)按字母輸入數(shù)字。

案例二：登錄頁(yè)面的手機(jī)號(hào)輸入

釘釘設(shè)置電話號(hào)碼鍵盤(pán)右下角為“下一項(xiàng)”按鈕。

1. 百度輸入法的鍵盤(pán)右下角顯示“回車(chē)”，用戶(hù)完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
2. 搜狗輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶(hù)完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。
3. 微信輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶(hù)完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。

三、Input Type 助力產(chǎn)品輸入體驗(yàn)的提升

通過(guò)應(yīng)用 Input Type 你可以正確的為每個(gè)文本字段設(shè)置特定的輸入類(lèi)型，以及看到每個(gè)輸入類(lèi)型（以及輸入類(lèi)型的組合）如何影響鍵盤(pán)。

Input Type這個(gè)工具需要安裝在安卓手機(jī)上，如果沒(méi)有安卓手機(jī)可以電腦上安裝一個(gè)網(wǎng)易MuMu安卓模擬器就可以用。

應(yīng)用截圖

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

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

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ā)