讓我眼前一亮，不，虎軀一震的，卻是湖南衛(wèi)視的高頻次廣告。淘特大手筆贊助，主持人自然不遺余力，一次次高喊：淘特，兩億多人在用的購(gòu)物APP！
咋感覺有點(diǎn)熟悉呢？一樣的配方，一樣的味道，這不是拼多多的翻版嗎？
這就是拼多多的翻版！拼多多在崛起的路上，也是選中了年輕人扎堆的湖南衛(wèi)視，通過“兩億人”“三億人”的強(qiáng)化口號(hào)，讓拼多多鳥槍換炮，在2020年把年活買家數(shù)拉到7.884億，也搖身一變成為中國(guó)用戶規(guī)模最大的電商平臺(tái)。
寶座只有一個(gè)，拼多多上去了，對(duì)手阿里就得下來。為了對(duì)標(biāo)拼多多，重現(xiàn)王者之風(fēng)，淘特應(yīng)運(yùn)而生。
思路沒有錯(cuò)，但尷尬的是，淘特銜著金鑰匙出生，怎么打成了頭痛的問題。
而淘特選擇了最窩囊的打法：碰瓷拼多多！
早在淘特一周年之際，那時(shí)尚是前身的淘寶特價(jià)版，就開始黏糊拼多多，微博上隔空喊話“我還惦記著你”，甚至打出“拼多多員工憑工牌可以免費(fèi)領(lǐng)芒果”的營(yíng)銷，把一幫阿里老員工臊得臉紅脖子粗，直呼“太尷尬”。
更尷尬的是，淘特喊破喉嚨，拼多多卻一言不發(fā)。
而現(xiàn)在，淘特選擇了和拼多多一樣的成長(zhǎng)之路，不僅大手筆贊助綜藝，更是把拼多多的廣告語直接拷貝了過來，相當(dāng)于當(dāng)著全國(guó)人民的面，鄭重宣告：我們抄襲拼多多！
合適嗎？不尷尬嗎？
咱中國(guó)文字浩如煙海，隨便弄幾個(gè)都可以進(jìn)行無數(shù)排列組合，難道除了拼多多這句廣告語，就沒有合適的了？還是阿里人確實(shí)思維枯竭了？
阿里可是超級(jí)巨頭，遠(yuǎn)比拼多多出名早、名頭響，這光榮榜上曾經(jīng)第一的學(xué)生，卻開始抄后進(jìn)生的作業(yè)了，說出去好說不好聽啊。
再說，你要抄也抄個(gè)好的啊，拼多多雖然很火，但口碑也是冰火兩重天，爭(zhēng)議非常大，現(xiàn)在你阿里卻頻頻向拼多多看齊，這不是自毀身價(jià)嗎？
真心看不懂！
反正，每當(dāng)主持人大喊一聲“兩億多人都在用的購(gòu)物APP”時(shí)，我就覺得不自在，替阿里臉紅。
雖說如今的電商紅利已經(jīng)消失殆盡，發(fā)展的天花板觸手可及，但作為一家中國(guó)為數(shù)不多的“高科技公司”，創(chuàng)新仍舊是重中之重。如果，連一句廣告語都實(shí)行“拿來主義”，那還奢望怎么眺望科技的星辰大海？
盯著拼多多，最多只能成為拼多多，但永遠(yuǎn)無法超越拼多多！
阿里確實(shí)到了該好好反思的時(shí)候了！
蜀中無大將，廖化作先鋒，總不至于讓退休的馬云重新出山吧？
機(jī)床的型號(hào)是機(jī)床產(chǎn)品的代號(hào)，用以表明機(jī)床的類型、通用和結(jié)構(gòu)特性、主要技術(shù)參數(shù)等。目前我國(guó)機(jī)床型號(hào)是按GB/T15375-94《金屬切削機(jī)床型號(hào)編制方法》編制的，機(jī)床型號(hào)由漢語拼音字母和阿拉伯?dāng)?shù)字按一定規(guī)律組合而成。
通用機(jī)床型號(hào)的表示方法為：
注：①有“( )”的代號(hào)或數(shù)字，當(dāng)無內(nèi)容時(shí)，不表示，若有內(nèi)容，則不帶擴(kuò)號(hào)；
②有“○”符號(hào)者，為大寫的漢語拼音字母；
③有“△” 符號(hào)者，為阿拉伯?dāng)?shù)字；
④有“ ○△ ”重疊符號(hào)者，為大寫的漢語拼音字母或阿拉伯?dāng)?shù)字或兩者兼有之。
（心力量智能科技專注于為航空航天制造、汽車制造、電力機(jī)械裝備制造、農(nóng)業(yè)機(jī)械裝備制造、醫(yī)療器械制造、智能家居制造、精密模具制造、3C等精密加工領(lǐng)域的高端數(shù)控機(jī)床和工業(yè)機(jī)器人提供專業(yè)的綜合性技術(shù)服務(wù)，服務(wù)內(nèi)容主要包含：設(shè)備的檢測(cè)診斷、功能維護(hù)、升級(jí)再制造、核心功能部件的銷售、維修及功能優(yōu)化、單機(jī)/線體自動(dòng)化的客戶定制等。
心力量智能科技以技術(shù)立廠，順應(yīng)國(guó)家職業(yè)教育發(fā)展戰(zhàn)略，在技術(shù)服務(wù)與生產(chǎn)制造緊密結(jié)合的業(yè)務(wù)模式下，積極探索產(chǎn)教融合、校企合作、工學(xué)結(jié)合、知行合一的中國(guó)特色職業(yè)教育發(fā)展模式，為未來中國(guó)工業(yè)制造長(zhǎng)盛發(fā)展輸送高素質(zhì)技術(shù)技能人才。
心力量人，以技術(shù)服務(wù)助力中國(guó)智能制造的高速發(fā)展為基礎(chǔ)，源源不斷培育技術(shù)應(yīng)用型人才為發(fā)展，讓智能創(chuàng)造、人才發(fā)展、企業(yè)價(jià)值緊密融合且生生不息。）
1）機(jī)床的類別代號(hào)
用大寫的漢語拼音字母代表機(jī)床的類別。例如，用"c"表示"車床"，讀"車"。有的機(jī)床（如磨床）又由若干分類組成，分類代號(hào)用阿拉伯?dāng)?shù)字表示，置于類別代號(hào)之前，但第1分類不予表示。機(jī)床類別代號(hào)見表2-12。
2）機(jī)床的特性代號(hào)
機(jī)床的特性代號(hào)，包括通用特性和結(jié)構(gòu)特性，也用漢語拼音字母表示。當(dāng)某類機(jī)床，除有普通型式外，還有如表2-13中所列的各種通用特性時(shí)，則應(yīng)在類別代號(hào)之后加上相應(yīng)的通用特性代號(hào)，如cm6132型號(hào)中"m"表示"精密"之意，是精密普通車床。
結(jié)構(gòu)特性代號(hào)是為了區(qū)別主參數(shù)相同而結(jié)構(gòu)不同的機(jī)床，如ca6140和c6140是結(jié)構(gòu)有區(qū)別而主參數(shù)相同的普通車床。當(dāng)機(jī)床有通用特性代號(hào)，也有結(jié)構(gòu)特性代號(hào)時(shí)，結(jié)構(gòu)特性代號(hào)應(yīng)排在通用特性代號(hào)之后。此外，結(jié)構(gòu)特性代號(hào)字母是根據(jù)各類機(jī)床的情況分別規(guī)定的，在不同型號(hào)中的含義可以不同。通用特性代號(hào)已用的字母及字母"i""o"不可作為結(jié)構(gòu)特性代號(hào)使用。
3）機(jī)床的組和型別代號(hào)
每一類機(jī)床分為若干組，每組又分為若干型。用兩位數(shù)字作為組和型別代號(hào)，位于類別和特性代號(hào)之后，第一位數(shù)字表示組別，第二位數(shù)字表示型別。
4）主參數(shù)
表示機(jī)床規(guī)格和加工能力的主要參數(shù)，用兩位十進(jìn)制數(shù)并以折算值表示。如車床的主參數(shù)是工件的最大回轉(zhuǎn)直徑，其mm數(shù)除10，即為主參數(shù)值。有時(shí)候，型號(hào)中除主參數(shù)外還需表明第二主參數(shù)（亦用折算值），以"×"號(hào)分開。
5）機(jī)床重大改進(jìn)的序號(hào)
性能和結(jié)構(gòu)經(jīng)過重大改進(jìn)的機(jī)床，應(yīng)在原機(jī)床型號(hào)后面以英文字母a、b、c、d … 表示是第幾次改進(jìn)的序號(hào)，例如y7132a和z3040a都表明是第一次重大改進(jìn)。
此外，多軸機(jī)床的主軸數(shù)目，要以阿拉伯?dāng)?shù)字表示在型號(hào)后面，并用"· "分開，例如c2140·6是加工最大棒料直徑為40mm的臥式六軸自動(dòng)車床的型號(hào)表示方法。
機(jī)床型號(hào)舉例
圖文來源/金屬加工公眾號(hào)
趕緊收藏轉(zhuǎn)發(fā)吧！
編輯導(dǎo)語：表單可以被拆解為標(biāo)簽、輸入框、按鈕三個(gè)基本要素，在進(jìn)行這些設(shè)計(jì)時(shí)，往往會(huì)有無數(shù)疑問從細(xì)節(jié)中冒出來，要怎么解決呢？本文作者對(duì)七個(gè)常見的問題進(jìn)行了分析解答，一起來看一下吧。
按鈕的圓角用多大，標(biāo)簽后面是否用冒號(hào)，選填必填怎么區(qū)分，線索模式和說明模式應(yīng)用區(qū)分……針對(duì)這些小細(xì)節(jié)問題有時(shí)候感覺非常頭疼，一邊不停地催稿，一邊不停地糾結(jié)這些細(xì)節(jié)，最后大家一起合作的往往五花八門，而單獨(dú)頁面改版也不是一直存在的事。
提起表單，相信我們往往用最直覺的設(shè)計(jì)經(jīng)驗(yàn)本能驅(qū)動(dòng)我們?nèi)ソ鉀Q一些看似在界面設(shè)計(jì)中的問題，但每到細(xì)微之處，又會(huì)有無數(shù)疑問從細(xì)節(jié)中冒出來給我們?cè)斐衫_。今天的分享有點(diǎn)冷門，希望能拋磚引玉，引起大家的重視。
表單基本形式可以被拆解成三個(gè)最基本要素：
標(biāo)簽是用來提示用戶列表項(xiàng)是什么；輸入框是用戶信息錄入的；按鈕是供用戶完成信息錄入后進(jìn)入下一個(gè)流程的。
問題一：輸入框是否放入清空按鈕？
1. 單行文本
輸入賬號(hào)和密碼后面往往有個(gè)「清空按鈕」，因?yàn)槊艽a輸入默認(rèn)******，無法直觀看到哪個(gè)字符輸入錯(cuò)誤，全部清空重新輸入就非常符合用戶場(chǎng)景。寫到這想起來搜索后面也是有「清空按鈕」，那就是常見表單輸入框后面是沒有「清空按鈕」，特殊場(chǎng)景才會(huì)有，那么怎么判斷輸入框是否放入關(guān)閉按鈕呢？
各種功能場(chǎng)景用戶主要希望要快，無論在登錄注冊(cè)還是搜索場(chǎng)景下，除了本身內(nèi)容外，最注重的就是效率。
在APP進(jìn)入市場(chǎng)時(shí)往往有業(yè)務(wù)指標(biāo)是注冊(cè)量、留存等，所以設(shè)計(jì)師會(huì)在登錄注冊(cè)的操作流程中抓住提高效率的每個(gè)細(xì)節(jié)，這時(shí)候輸入框的交互效率至關(guān)重要，一個(gè)是與業(yè)務(wù)指標(biāo)掛鉤，另外一個(gè)在電商行業(yè)高效率某個(gè)程度來說是可以提高成交率的。
2. 搜索場(chǎng)景
搜索也是也是一樣，當(dāng)用戶使用搜索框時(shí)是有明確目的的，關(guān)鍵詞就是用戶當(dāng)前最關(guān)心的。如果輸錯(cuò)或換一個(gè)關(guān)鍵詞則需一個(gè)個(gè)刪除，這樣反而沒有清空來得快，特別在電商行業(yè)決定用戶買不買就在那一兩秒。
這類場(chǎng)景下的「刪除」功能作用是「清空」，其主要原因是快捷方便，在符合用戶預(yù)期目標(biāo)場(chǎng)景下最節(jié)省刪除成本。
3. 多行文本
為什么我們?cè)谔詫毶腺I商品，在商品不符合預(yù)期時(shí)往往編輯一大段話描述不好的特點(diǎn)，甚至還附圖佐證，這時(shí)候后面沒有清空按鈕呢？
這里存在「輸入成本」與「修改成本」，它不像搜索和登錄幾個(gè)關(guān)鍵詞或一串?dāng)?shù)字就可以了，它是需要?jiǎng)e其它用戶能看明白并了解商品屬性的一段文字。這時(shí)候輸入成本高，如果這時(shí)候放了「清空按鈕」，用戶原本是希望修改個(gè)別文字，如果誤點(diǎn)了「清空」就需要重新輸入一大段文字，這時(shí)候輸入框中的「清空」有誘導(dǎo)操作嫌疑。
當(dāng)然我們有多種操作方式讓用戶重新輸入，比如鍵盤滑塊定位，觸摸連續(xù)幾個(gè)字等都比清空后重新輸入成本低很多，也不需要清空的便捷性了。
綜上所述：在我們需要清空按鈕時(shí)，我們的輸入成本和修改成本是低的，以便提高輸入的便捷性；當(dāng)輸入成本較高時(shí)，清空按鈕是不合適的。
問題二：?jiǎn)涡形谋究蜷L(zhǎng)度多長(zhǎng)合適？
很多設(shè)計(jì)師在拿到需求的時(shí)候，都會(huì)潛意識(shí)追求視覺上的對(duì)齊，強(qiáng)行將表單寬度定位統(tǒng)一寬度，這種處理方式?jīng)]有深入思考用戶實(shí)際需求場(chǎng)景，在web端錯(cuò)落有致會(huì)比左側(cè)整齊劃一更舒適，更有節(jié)奏感。
表單的寬度應(yīng)該向用戶暗示所需輸入內(nèi)容的長(zhǎng)度來減輕判斷負(fù)擔(dān)。如下圖案例，一個(gè)房屋面積可預(yù)估的情況下，用右側(cè)輸入框等寬處理容易誤導(dǎo)用戶對(duì)所輸面積的判斷，需求多次確認(rèn)信息無誤。
錯(cuò)落有致也得有個(gè)規(guī)則，沒有規(guī)矩不成方圓，也沒法系統(tǒng)的沉淀出設(shè)計(jì)規(guī)范去延展，我們的目標(biāo)就是讓表單設(shè)計(jì)有規(guī)律的錯(cuò)落有致，這時(shí)候就想到了「柵格系統(tǒng)」，大家可以翻前期文章有寫web端柵格系統(tǒng)。
每一類的表單輸入?yún)^(qū)域都因其錄入存在合理的寬度，輸入?yún)^(qū)域的寬度剛好暗示其填寫內(nèi)容的長(zhǎng)度，合理的輸入寬度不僅給用戶帶來心理預(yù)期，也提升了整個(gè)表單的操控感。
注意：匹配合適的鍵盤
根據(jù)表單內(nèi)容的不同屬性，應(yīng)對(duì)不同的輸入需求，應(yīng)該提供不同的鍵盤類型，以便于用戶使用更加快捷。常見鍵盤有以下類型：
- 設(shè)備系統(tǒng)內(nèi)置的輸入法，或者下載符合我們長(zhǎng)期使用習(xí)慣的輸入法APP
- 涉及資產(chǎn)安全方面，提供打亂字母及數(shù)字順序的鍵盤，可以防止窺竊，提高安全性
- 數(shù)字輸入，提供純數(shù)字鍵盤，能夠提升用戶的完成效率，讓輸入變的更簡(jiǎn)單
問題三：標(biāo)簽后是否帶冒號(hào)？
連起來的句子往往是帶有冒號(hào)的，比如見賢設(shè)計(jì)筆記：B端產(chǎn)品設(shè)計(jì)總結(jié)，這里的冒號(hào)帶有解釋上文的意思，那么我們標(biāo)簽和輸入框之間是否需求冒號(hào)呢？
國(guó)APP上比較少看到冒號(hào)，但這并不是沒有如下圖Mac系統(tǒng)設(shè)置：
度娘說：冒號(hào)通常表示提示語后的停頓或表示提示下文或總括上文，它的后面可以是一個(gè)例子，一個(gè)引用，或者一個(gè)解釋，那從情感角度分析標(biāo)簽帶冒號(hào)的是否對(duì)用戶體驗(yàn)有影響呢？其實(shí)無任何影響！
所以如果我們?cè)O(shè)計(jì)有冒號(hào)，那請(qǐng)一直保持；如果沒有冒號(hào)，可以不需要冒號(hào)，保證頁面一致性即可。
1. 冒號(hào)對(duì)齊
冒號(hào)對(duì)齊（右對(duì)齊）能讓內(nèi)容鎖定在一定范圍內(nèi)，讓用戶眼球順著冒號(hào)的視覺流，就能找到所有填寫項(xiàng)，從而提高填寫效率。
2. 在上個(gè)層級(jí)的標(biāo)簽和冒號(hào)同時(shí)存在時(shí)，我們這時(shí)候怎么對(duì)齊呢？
我們最好確定統(tǒng)一的起點(diǎn)，如下左圖，當(dāng)然在使用的過程中需要判斷用戶使用場(chǎng)景，如下右圖是12306修改乘車人信息，用戶注意力在信息上，標(biāo)題僅起到區(qū)分模塊的作用。
問題四：為什么優(yōu)先進(jìn)行在線驗(yàn)證？
我最初入行和研發(fā)小哥哥就爭(zhēng)執(zhí)過登錄頁面，密碼輸入后需要點(diǎn)擊登錄按鈕才能判斷密碼是否正確，如果在輸入密碼后直接判斷密碼錯(cuò)誤就少一步交互，對(duì)老年用戶來說少一步就是進(jìn)步一大步。為什么密碼輸入后不能直接判斷密碼是否正確呢？
1. 在線驗(yàn)證
在以往的網(wǎng)頁設(shè)計(jì)中，信息填寫的正確與否都要等待用戶點(diǎn)擊「提交」按鈕后，產(chǎn)品將用戶填寫的數(shù)據(jù)提供到服務(wù)器，由服務(wù)器來判斷是否正確。這種方法太過于依賴網(wǎng)速，并且不符合用戶體驗(yàn)中的「及時(shí)反饋」原則。
所以現(xiàn)在產(chǎn)品設(shè)計(jì)，在數(shù)據(jù)還沒有提供給服務(wù)器之前，先在前端進(jìn)行一些基礎(chǔ)的錯(cuò)誤排查，即在線驗(yàn)證。
一些基礎(chǔ)的規(guī)范，如郵箱是否加上了 @xxx.com ，都是可以通過在線驗(yàn)證的，而無需上傳到服務(wù)器去比對(duì)數(shù)據(jù)庫。
理想情況下，所有用戶填寫的信息都應(yīng)該先經(jīng)過在線驗(yàn)證。用戶填寫完字段后，如果包含錯(cuò)誤，應(yīng)該立即給予反饋并將錯(cuò)誤提示消息放置在用戶填寫字段到附近。這樣，錯(cuò)誤提示容易引起用戶注意，對(duì)于用戶的交互成本也低。用戶不必要重新查找和導(dǎo)航到錯(cuò)誤位置。
需要比對(duì)數(shù)據(jù)庫的信息可能無法進(jìn)行在線驗(yàn)證，那就還是當(dāng)用戶提交將信息發(fā)送給數(shù)據(jù)庫后再提示錯(cuò)誤。也就是是說前端只能進(jìn)行簡(jiǎn)單的驗(yàn)證，比如手機(jī)號(hào)位數(shù)不對(duì)、郵箱格式不對(duì)等，判斷密碼是否正確需要后端對(duì)比數(shù)據(jù)庫才能判斷，這時(shí)候就需要點(diǎn)擊提交按鈕。
左圖一輸入賬號(hào)后里面提示不可用，方便用戶及時(shí)修正；而圖二需要輸入手機(jī)號(hào)驗(yàn)證碼點(diǎn)擊提交后再提示錯(cuò)誤信息，從信息反饋上來看，全部輸完了提示錯(cuò)誤，交互過于繁瑣。
- 前端校驗(yàn)：一般校驗(yàn)顯示錯(cuò)誤和格式錯(cuò)誤：必填項(xiàng)、（郵箱、電話號(hào)、地址）格式、密碼強(qiáng)度等?？焖俜答?，直接提醒用戶錯(cuò)誤內(nèi)容，讓用戶及時(shí)知曉并更改。
- 后端校驗(yàn)：唯一性驗(yàn)證、驗(yàn)證碼、敏感詞等，觸發(fā)校驗(yàn)請(qǐng)求后系統(tǒng)會(huì)去數(shù)據(jù)庫查詢校驗(yàn)信息，再給予用戶相應(yīng)的反饋。
2. 復(fù)雜字段設(shè)置填寫成功指示器
同樣的，在線驗(yàn)證也可以用于提示用戶填寫的內(nèi)容符合規(guī)定。謹(jǐn)記錯(cuò)誤預(yù)防準(zhǔn)則：提供給用戶相關(guān)的建議，將用戶的輸入值限制為合規(guī)的范圍內(nèi)，并允許輸入錯(cuò)誤、縮寫和不同的輸入格式的存在以保證產(chǎn)品的兼容性。
對(duì)于復(fù)雜的輸入（例如輸入新密碼），即時(shí)的在線驗(yàn)證（在輸入字符的一瞬間提示）將防止用戶多次猜測(cè)或檢查輸入的內(nèi)容是否符合系統(tǒng)的設(shè)置。在下面的示例中，密碼強(qiáng)度指示符會(huì)隨著用戶的輸入而變化，并幫助用戶確定到目前為止的輸入是否合規(guī)，還是要繼續(xù)改進(jìn)。
另外不要過于關(guān)注這個(gè)「進(jìn)度指示器」。優(yōu)秀的進(jìn)度指示器不應(yīng)該分散用戶填寫表單的注意力，僅僅當(dāng)添加這個(gè)「進(jìn)度指示器」有助于用戶填寫時(shí)，才應(yīng)該使用。
3. 將錯(cuò)誤信息一直保留在輸入框旁邊
通過在線驗(yàn)證，錯(cuò)誤消息會(huì)自然的顯示在輸入框旁邊。有一些基礎(chǔ)的規(guī)則，或者用戶大概率會(huì)出現(xiàn)的問題，即使用戶還未填寫任何信息，也應(yīng)該以備注的方式在輸入框下方標(biāo)注，這是一種非常有性價(jià)比的行為，將錯(cuò)誤信息一直保留在輸入框旁邊可最大程度的減少用戶思考。
4. 錯(cuò)誤提示該放輸入框哪個(gè)方位？
登錄注冊(cè)這塊錯(cuò)誤消息的兩個(gè)最常見的位置是表單頂部置和輸入框行間那么到底那個(gè)位置對(duì)用戶來說更直觀呢？
根據(jù)上下左右四個(gè)位置，根據(jù)瀏覽習(xí)慣列舉出考慮每種情況的設(shè)計(jì)圖一邊分析。
1）右邊
網(wǎng)頁端微博注冊(cè)如圖錯(cuò)誤提示放輸入框右邊，符合人們從左到右從上到下的閱讀習(xí)慣；用戶視覺路徑自然流暢，很大程度上減少了用戶的視覺工作。
Web端輸入框較長(zhǎng)時(shí)，輸入字段后面往往大段空白，接著是錯(cuò)誤提示，這時(shí)候視覺上也存在來回跳躍感；
而移動(dòng)端屏寬右邊顯示不了錯(cuò)誤提示，所以錯(cuò)誤提示常出現(xiàn)在輸入框下側(cè)，若網(wǎng)頁和移動(dòng)端設(shè)計(jì)保持一致時(shí)，錯(cuò)誤提示就出現(xiàn)在輸入框下側(cè)了。
2）左邊
錯(cuò)誤提示在左側(cè)與用戶期望相違背，因?yàn)殄e(cuò)誤提示左側(cè)放置更高輸入框的優(yōu)先級(jí)。但事實(shí)上用戶需要專注于糾正他們的輸入，因此輸入框應(yīng)該是更重要的元素。
3）上邊
當(dāng)標(biāo)簽在頂部時(shí)，一共存在標(biāo)簽、錯(cuò)誤提示、輸入框中的文本3個(gè)提示，當(dāng)用戶輸入錯(cuò)誤時(shí)，視覺來回在標(biāo)簽、錯(cuò)誤提示、輸入框之間交換，用戶注意力被分散，認(rèn)知負(fù)荷增加。
4）下邊
放置下邊的錯(cuò)誤信息提示，雖然不符合從左到右的閱讀習(xí)慣，但它確符合從上倒下的閱讀流程。
手機(jī)屏幕缺少水平空間，把錯(cuò)誤信息提示放置在下方是個(gè)不錯(cuò)的選擇。
輸入框顯示錯(cuò)誤信息是更加減少用戶認(rèn)知負(fù)擔(dān)，可以當(dāng)場(chǎng)識(shí)別錯(cuò)誤而不需要視覺來回切換，減少記憶負(fù)擔(dān)，在表單底部和頂部。
5. 錯(cuò)誤提示與其它內(nèi)容視覺上區(qū)分
出錯(cuò)之后，用戶需要迅速注意到報(bào)錯(cuò)信息。大多數(shù)使用警示色紅色，紅色面積過多往往給人壓迫感，產(chǎn)生畏難心理，所以在其它地方盡量減少紅色使用。
另外考慮到色盲的用戶需求，我們?cè)阱e(cuò)誤提示時(shí)不僅僅使用顏色標(biāo)注，比如可以加入表示錯(cuò)誤的icon，當(dāng)前內(nèi)容抖動(dòng)等，比如QQ登錄抖動(dòng)提示，蘋果電腦的鎖屏密碼錯(cuò)誤抖動(dòng)，或現(xiàn)在適老化的語音播報(bào)……
上圖是新版花瓣和國(guó)外printerest登錄界面對(duì)比，由于主色調(diào)都是紅色，而錯(cuò)誤提示也是紅色。當(dāng)用戶光標(biāo)聚焦輸入框正在輸入時(shí)，花瓣已提示錯(cuò)誤，整體視覺提示是過重，設(shè)計(jì)相比之下稍遜色與printerest。
典型反面案例：下圖是追波注冊(cè)流程，由于3個(gè)問題沒做好，在表單過長(zhǎng)的情況下，用戶極大可能性流失。
- 輸入前用戶名沒有引導(dǎo)說明
- 輸入后未激活用戶名和郵件沒有實(shí)時(shí)反饋（前端格式未校驗(yàn)）
- 完全輸入后由后端校驗(yàn)，錯(cuò)誤太多，用戶易產(chǎn)生畏難心理（為了方便看，輸入后已激活圖三翻譯成中文）
問題五：用「線索模式」還是「說明模式」好？
1. 線索模式
是指用示例輸入或說明文本以占位符的形式顯示在輸入框中，以幫助用戶理解需要輸入的內(nèi)容，或給出相關(guān)線索的一種設(shè)計(jì)方式。信息表達(dá)輕盈、簡(jiǎn)單、與業(yè)務(wù)邏輯關(guān)系弱。
時(shí)間控件中有“請(qǐng)選擇日期”，輸入框中會(huì)有“請(qǐng)選擇日期和日歷icon”等線索文字，這就是線索設(shè)計(jì)模式。
假如下圖Facebook輸入框什么文字也沒有，用戶預(yù)期可能是輸入或其他，因?yàn)樵O(shè)計(jì)者沒有給用戶框定搜索邊界，因此線索設(shè)計(jì)模式可以讓界面不言自明。
線索模式特點(diǎn)：
- 更好的幫助用戶理解輸入框要求輸入的內(nèi)容
- 文本提示的位置應(yīng)該和輸入值的位置一致
- 配合下拉菜單或者組合輸入框使用
- 使用祈使句，以動(dòng)詞短語開頭，以描述輸入內(nèi)容的名詞結(jié)尾，例如“請(qǐng)選擇狀態(tài)”，“請(qǐng)輸入您的賬號(hào)”或“請(qǐng)輸入患者姓名”等
- 輸入線索的內(nèi)容位于用戶輸入的位置，因此用戶會(huì)注意到這個(gè)地方
2. 說明模式
是指在空白文本字段的旁邊或下方，放置一個(gè)短語或示例，以解釋此處需要輸入的內(nèi)容或提供關(guān)于此內(nèi)容的詳細(xì)要求及信息。
說明模式特點(diǎn)：
- 使用戶無需猜測(cè)，同時(shí)可以進(jìn)行上下文提示;
- 使輸入框前的字段保持簡(jiǎn)潔，不要包含太多文本，使用戶能夠快速明確要輸入內(nèi)容;
- 視覺上將說明模式與線索模式的字段區(qū)分開，可以使已經(jīng)知道要做什么的用戶忽略該說明，并將注意力集中在輸入操作上;
- 帶有引導(dǎo)性的文案處理，會(huì)促進(jìn)用戶優(yōu)化填寫方案;
- 操作項(xiàng)一側(cè)或下方，提示需要輸入的文本的具體要求和注意事項(xiàng)
典型案例：下圖第一個(gè)案例每一項(xiàng)后面都有對(duì)應(yīng)的輸入說明和輸入線索，比如社交賬號(hào)后簡(jiǎn)單的說明了其作用， 讓用戶迅速了解填寫什么內(nèi)容更合適。
另外，好的引導(dǎo)能激發(fā)用戶的填寫欲望，比如QQ個(gè)性簽名輸入線索展示我的獨(dú)特態(tài)度，非常符合年輕人的定位，填寫幾率也大大增加了。同時(shí)也吸引其他好友的關(guān)注，使用戶之間互動(dòng)更頻繁，平臺(tái)也能因此更活躍。
3. 該用線索模式還是說明模式？
慎單獨(dú)用線索提示，當(dāng)輸入內(nèi)容過多時(shí)，可能會(huì)忘記這個(gè)提示，適用于簡(jiǎn)單的輸入框，如注冊(cè)、登陸界面的表單，輸入框的長(zhǎng)度如果不用暗示信息長(zhǎng)度，需要統(tǒng)一輸入框長(zhǎng)度。
如下圖iconfont極易忘記輸入新密碼的要求，當(dāng)輸入時(shí)候會(huì)疑惑密碼是要字母/數(shù)字/符號(hào)三者組合，還是單一組合即可。
另外輸入錯(cuò)誤時(shí)會(huì)發(fā)現(xiàn)和提示內(nèi)容和輸入前不一樣，也會(huì)造成不解，這些我們?cè)谠O(shè)計(jì)過程中盡量避免。
4. 對(duì)比：「線索模式」VS「說明模式」
「線索模式」與「說明模式」都是輔助用戶輸入的設(shè)計(jì)模式，這些模式可以幫助用戶明確輸入信息的內(nèi)容形式。那么這兩種模式有什么差異性呢？
使用說明模式時(shí)，快速瀏覽界面的用戶可能會(huì)輕易地忽略說明信息，因?yàn)榇藭r(shí)用戶的目標(biāo)是盡可能快地填完表單，進(jìn)入下一步操作。
因此，過多的文本說明也會(huì)給用戶帶來較大的視覺壓迫，所以說明模式下的文字往往簡(jiǎn)短易懂。
Google 注冊(cè)賬號(hào)頁是結(jié)合使用「輸入說明」與「輸入線索」的一個(gè)典型案例。通過使用「輸入線索」告訴用戶需要填寫的內(nèi)容，通過「輸入說明」來補(bǔ)充填寫信息的相應(yīng)意圖，進(jìn)而使得用戶可以清晰地意識(shí)到需要填寫什么，并輸入相應(yīng)信息。
問題六：非單選又非多選的選擇該怎么設(shè)計(jì)？
關(guān)于單選、多選、開關(guān)3種對(duì)比設(shè)計(jì)很多文章都寫過，但是是不是往往忽略了一個(gè)場(chǎng)景，單選和多選都是有多個(gè)選擇的場(chǎng)景，那如果只有一個(gè)選項(xiàng)用開關(guān)設(shè)計(jì)形式又不合適，這時(shí)候該怎么設(shè)計(jì)呢？能簡(jiǎn)單把這個(gè)場(chǎng)景直接歸類為單選或多選嗎？為什么呢？
是否選擇有的產(chǎn)品用圈，有的產(chǎn)品用方塊，那么到底是處于什么場(chǎng)景下考慮這個(gè)圈和方塊呢？我一直相信做的越好的產(chǎn)品中任何符號(hào)都有其緣由，現(xiàn)在我們先假設(shè)2款產(chǎn)品不同是有其道理
1. 谷歌規(guī)范定義
復(fù)選框：允許用戶從一組中選擇一個(gè)或多個(gè)項(xiàng)目。
兩個(gè)關(guān)鍵點(diǎn)：
單選框：?jiǎn)芜x按鈕允許用戶從一組選項(xiàng)中選擇一個(gè)選項(xiàng)。
兩個(gè)關(guān)鍵點(diǎn)：
2. 問題思考
我們看到電商產(chǎn)品比如淘寶京東購(gòu)物車，無論單選還是多選都沒按照谷歌或iOS規(guī)范，我們看到登錄時(shí)勾選政策時(shí)勾選也是2種設(shè)計(jì)形式存在，如果你拿著這個(gè)結(jié)論去和產(chǎn)品交互溝通最后可能就是拍腦袋決定，非常不利于后續(xù)設(shè)計(jì)工作的展開。
不管是國(guó)內(nèi)常用產(chǎn)品還是國(guó)內(nèi)競(jìng)品截圖，都沒有嚴(yán)格按照某一規(guī)范來制定單選或多選的設(shè)計(jì)形式，甚至同一款產(chǎn)品多個(gè)不同業(yè)務(wù)線多選形式也不一樣。
我們繼續(xù)深挖以下3點(diǎn)：
- 是否和系統(tǒng)有問題，查看安卓和iOS系統(tǒng)
- 競(jìng)品的應(yīng)用方式，以及他們是否具有參考性
- 線上相關(guān)文檔資料支持
針對(duì)這3點(diǎn)呢我們就會(huì)有個(gè)途徑去論證我們的設(shè)計(jì)形式是否正確。
Android使用與 Material規(guī)范保持一致，IOS使用上單選和多選沒有明確區(qū)分，可以直接使用勾選
即：iOS和安卓不同系統(tǒng)上單選和多選還是存在一部分差距。
由此說明，行業(yè)內(nèi)并沒有明確規(guī)定單選和多選的設(shè)計(jì)樣式，各個(gè)產(chǎn)品都是根據(jù)各個(gè)產(chǎn)品的規(guī)范所得出，只是我們常?？吹絿?guó)內(nèi)產(chǎn)品政策勾選是「圈+勾」，看得多了就習(xí)慣認(rèn)為是這樣，但其實(shí)并沒有過這樣的規(guī)則。生活我們往往習(xí)慣把某個(gè)具象的內(nèi)容抽象化，把某個(gè)具體的問題概念化，這也是我們常常說的歸納法。
因?yàn)槲宜井a(chǎn)品是臺(tái)灣地產(chǎn)項(xiàng)目，所以這時(shí)候的競(jìng)品需要符合臺(tái)灣用戶使用習(xí)慣。臺(tái)灣和大陸用戶不同，更多是受國(guó)外互聯(lián)網(wǎng)影響，我們查找了臺(tái)灣用戶用的比較多的網(wǎng)站，勾選這塊更多是方塊。
所以說設(shè)計(jì)工具/方法論，常常具有指導(dǎo)作用，但不能作為絕對(duì)性或權(quán)威性的內(nèi)容來吸收，應(yīng)該辯證地去看。而之所以在移動(dòng)端延伸出許多自定義組件（形式并沒有遵循所謂的市場(chǎng)常見規(guī)范），是因?yàn)闃I(yè)務(wù)與功能的多樣性導(dǎo)致的結(jié)果。所以樣式的選擇不單單是看到的那部分，不該被樣式表面套住，內(nèi)容是它的決定性因素。
比如用戶知道鬧鈴只能選擇一種，不會(huì)同時(shí)有 2 個(gè)鈴聲響起來，所以即便鬧鈴的單選形式再如何變化，也都知道它是單選的，這就是功能決定了操作形式的例子。再比如用戶知道設(shè)置鬧鐘的時(shí)間，可以同時(shí)選擇周一到周天，就算用單選的設(shè)計(jì)樣式，用戶也知道他是可以多選的。
類似于，無論如何變化選擇樣式，無論是圓圈、方框，或只有勾，甚至是其他情況，大家也都知道它就是單選。
所以只要梳理出符合自己產(chǎn)品的「單多選」樣式，形成規(guī)范即可。后面遇到符合規(guī)范中已有的形式的，就遵循，不符合的就不遵循。
單純說什么時(shí)候該遵循，什么時(shí)候不該遵循，是很概念化的一個(gè)問題，不可能存在一個(gè)具體話術(shù)標(biāo)準(zhǔn)，說什么時(shí)候應(yīng)該，什么時(shí)候不應(yīng)該的。
問題七：必填項(xiàng)用「*」還是「必填、選填」？
用紅色「*」標(biāo)注必填項(xiàng)常出現(xiàn)在標(biāo)簽前面，是一個(gè)比較清晰標(biāo)志必填項(xiàng)的方式，并且還很節(jié)省空間，也能在一定程度上起到視覺降噪的作用 ，提升可讀性和填表率。
而必填選填跟在標(biāo)簽后面，往往與標(biāo)簽文字同色，移動(dòng)端標(biāo)簽在左輸入框在右時(shí)，不僅增加了標(biāo)簽的長(zhǎng)度，而且增加了閱讀的難度，回頭核查時(shí)也更不易察覺。若選填必填在輸入框內(nèi)與提示信息一起，當(dāng)文字輸入時(shí)用戶常常會(huì)忘記是必填還是選填。
用「*」時(shí)我們需要注意：
- 「*」對(duì)用戶來說是否理解
- 必填項(xiàng)總是比選填項(xiàng)要多，紅色的星號(hào)會(huì)讓用戶更加畏懼，這會(huì)增加錯(cuò)誤風(fēng)險(xiǎn)并降低表單完成率。 比如我們當(dāng)必填項(xiàng)較多時(shí)， 我們會(huì)看到滿屏的「*」，這個(gè)時(shí)候我們內(nèi)心往往是崩潰的
1. 用「必填、選填」場(chǎng)景
有一些產(chǎn)品選擇了「必填、選填」，原因在于：假如總共有10個(gè)表單項(xiàng)，有9個(gè)表單項(xiàng)必填，1個(gè)選填，那么為了界面整潔，就可以給選填的表單項(xiàng)備注「選填」。假設(shè)剛好相反，1個(gè)必填9個(gè)選填，那么給必填的表單項(xiàng)備注「必填」，當(dāng)然這個(gè)時(shí)候也需要要考慮這些選填項(xiàng)的必要性了，設(shè)計(jì)的目的及作用。
當(dāng)然表單較少時(shí)，可以利用用戶與界面的交互，告知用戶選填必填。如上圖必填項(xiàng)未操作時(shí)，提交按鈕未激活不可操作；當(dāng)必填項(xiàng)操作后，按鈕激活可以提交表單。
綜上：
- 所有必填可不用區(qū)分
- 使用帶 * 標(biāo)記加入標(biāo)簽提示，來告知用戶必填字段，選填字段不做標(biāo)記（使用時(shí)考慮用戶接受度）
- 必填字段過多時(shí)，不用做任何標(biāo)記，選填字段標(biāo)簽處備注「選填」
- 避免必填和選填字段同時(shí)標(biāo)記或者都沒有任何標(biāo)記
總結(jié)
本篇文章更多是從表單設(shè)計(jì)中的一些平時(shí)工作中遇到的小細(xì)節(jié)，極易忽略和遺忘的一些設(shè)計(jì)點(diǎn)在展開說明。利用問題加案例把每一個(gè)細(xì)節(jié)剝離拆解，沒有系統(tǒng)地、成本成套的來分析表單的構(gòu)成和交互細(xì)節(jié)等等，因?yàn)檫@類內(nèi)容講的人太多了。
同時(shí)，我也希望能夠通過這篇文章給到大家更多的啟發(fā)，一起探討進(jìn)步。
本文由 @見賢設(shè)計(jì)筆記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
]]>