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安卓模擬器就可以用。

 

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

藍藍設計(m.sdgs6788.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ū)平臺，表情自然也是重要的元素。我們通過數(shù)據(jù)調研，發(fā)現(xiàn)雪球社區(qū)互動中表情的滲透率達到18%，表情的使用率比較高。而現(xiàn)有的表情年久失修，存在幾個比較明顯的問題，首先視覺風格陳舊辨識度低；再有，表情中原本存在一些股票梗的表現(xiàn)力較弱，畫風不夠有趣。第三，雪球誕生了新IP“呦呦”，非常適合在表情中應用來推廣雪球品牌特性。

基于以上背景我們展開了對于表情翻新改版的項目。

 

 

 

現(xiàn)狀&問題

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

 

1.設計風格陳舊，不易識別表現(xiàn)力弱：

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

2.缺乏股票基金場景的情緒表達

社區(qū)場景中有大量的股票基金的討論和相關內容的情緒表達，而目前表情體系中缺乏此類表達或表達不夠生動。

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

3.沒有將雪球的新IP融入表情

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

 

 

 

視覺風格探索

1.雪球用戶特征

設計風格需要根據(jù)平臺用戶特征進行確定。開始設計之前，我們先看看雪球用戶大概是什么樣的。

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

2.視覺風格探索

風格確定

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

提升辨識度

表情在交流中作為非文字的“語言”，其辨識度至關重要。表情在行文中的尺寸相對較小和單個文字差不多，那么如何保證在文字中依然能一眼讀懂表情？

在對表情整體風格的把控下，需要通過對細節(jié)的打磨和反復實驗，得出更有辨識度的設計方案。保持視覺扁平，盡量使用簡潔的幾何圖形，加強顏色對比度，減少顏色數(shù)量，放大表情特征。通過以上手段有效的提升了表情的一致性和在行文中的辨識度。

 

 

 

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

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

1.挖掘“梗”

前面我們說到雪球用戶是集中在30-50歲左右的男性，那么這類人群在社區(qū)中有怎樣的表達特點呢？

通過觀察我們發(fā)現(xiàn)，在面對股市的波動和不確定性，雪球用戶更喜歡用幽默詼諧的論調來調侃市場以宣泄心中的無奈和負面情緒，同時在波動面前展現(xiàn)出一種堅韌和自嘲的心態(tài)。我們可以在這種“戲謔調侃”中挖掘可以視覺化的情緒和表情。以此作為本次表情升級的一個重要方向。

戲謔調侃的表情有哪些呢？我們挖掘了當下網(wǎng)絡社交流行的表情包和熱詞。回想一下我們是否也經(jīng)常使用類似“地鐵老人看手機”“黑人問號臉”等網(wǎng)絡熱圖來表達內心的復雜情緒呢。

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

2.讓表情“淋漓盡致”

• 微表情盡顯“內心戲”

一個表情里往往蘊含不只一種情感，短暫而難以察覺的面部變化最能傳達個體真實的情感狀態(tài)，一個眼神、嘴唇微動等細微變化，常常表達出個體內在的真實狀態(tài)。

在設計“大哭”這個表情時，我們挖掘到大哭背后可能是某種“絕望”，那么觀察下人們絕望時最大的面部特點是不是空洞的眼神和僵硬的臉？用這樣的微表情和大哭結合在一起，感受大哭情緒的同時也傳遞了絕望的內心戲。

• 賺了、虧了一目了然

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

 

• 戲劇化表達

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

3.股票專屬“梗”

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

 

IP表情化

去年雪球誕生了自己的IP“YOYO”，此次表情升級正好可以將IP表情化，在平臺應用和傳播。

YOYO所代表的品牌語義

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

2.溫暖陪伴&服務感：馴鹿具備天生的陪伴和服務感，與雪球強調的品牌服務感相契合。

YOYO品牌語義表情化

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

哪些意向和財富相關呢？我們找到“錦鯉”“招財貓”“金元寶”，這些元素和表情相結合形成財富類表達；那么陪伴和服務感我們使用“抱抱”、“打call”這類溫暖鼓勵意向的肢體語言來和YOYO結合傳達。

 

 

作者：雪球設計中心XDC
來源：站酷

藍藍設計(m.sdgs6788.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權限。  

 

作者：交互設計師張楚

來源：站酷

 

藍藍設計(m.sdgs6788.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安卓模擬器就可以用。

應用截圖

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

藍藍設計(m.sdgs6788.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ā)

在當今激烈的商業(yè)競爭中，企業(yè)成功的因素多種多樣，其中設計是否成為決定性因素備受爭議。從產(chǎn)品創(chuàng)新到品牌體驗，設計的影響力逐漸凸顯。本文將深入探討設計在商業(yè)領域的重要性，并剖析其如何塑造企業(yè)形象、影響產(chǎn)品銷售以及提升用戶體驗。

 

1. 設計與產(chǎn)品創(chuàng)新

產(chǎn)品創(chuàng)新是企業(yè)保持競爭力的關鍵之一，而設計在這一過程中扮演著重要的角色。通過獨特的設計理念和創(chuàng)新的外觀，企業(yè)能夠突破傳統(tǒng)，吸引消費者的注意力。例如，蘋果公司憑借其獨特的產(chǎn)品設計，成功地將智能手機從功能性產(chǎn)品轉變?yōu)闀r尚潮流的代表。

 

2. 設計與品牌形象

品牌形象直接關系到企業(yè)在市場中的地位。設計不僅僅是產(chǎn)品外觀，還包括標志、廣告、包裝等各個方面。一致、有吸引力的設計能夠加強品牌認知度，形成獨特的企業(yè)形象。例如，可口可樂的標志設計一直以來都是簡潔而具有辨識度的代表，為品牌樹立了強大的形象。

 

3. 設計與產(chǎn)品銷售

消費者在購買產(chǎn)品時通常會首先被外觀所吸引，而設計正是影響消費者購買決策的一個重要因素。產(chǎn)品設計的吸引力可以直接影響銷售情況。一款外觀精致、符合消費者審美的產(chǎn)品更容易贏得市場。因此，企業(yè)在產(chǎn)品設計上的投入，往往能夠在銷售層面獲得回報。

 

4. 設計與用戶體驗

隨著消費者對產(chǎn)品體驗的重視不斷增加，用戶體驗設計變得愈發(fā)關鍵。用戶友好的設計能夠提高產(chǎn)品的易用性，增強用戶滿意度。無論是軟件界面還是實體產(chǎn)品的操控，設計都直接影響著用戶的感受。互聯(lián)網(wǎng)公司中，用戶體驗設計更是被視為至關重要的一環(huán)，因為一個良好的用戶體驗能夠促使用戶更加愿意持續(xù)使用產(chǎn)品。

 

結語

在當今商業(yè)環(huán)境中，設計不再是簡單的裝飾品，而是企業(yè)成功的關鍵因素之一。從產(chǎn)品創(chuàng)新到品牌形象再到用戶體驗，設計在多個層面發(fā)揮著重要作用。企業(yè)若要在競爭中脫穎而出，就需要認識到設計的戰(zhàn)略價值，并將其納入業(yè)務發(fā)展的核心考慮之中。在這個創(chuàng)新迅猛的時代，或許真正能夠決定企業(yè)命運的，就是那個看似微小卻能夠改變一切的設計元素。

藍藍設計(m.sdgs6788.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ā)

1. 找關鍵詞
2. 虛心請教
3. 提出問題并給出方案

用戶界面設計是現(xiàn)代軟件開發(fā)中至關重要的一環(huán)。在設計過程中，一個常見的爭論是是否簡化界面能夠提高用戶體驗。本文將探討這一問題，分析簡化界面和提高用戶體驗之間的關系，同時討論一些成功案例和最佳實踐。

 

引言：

隨著科技的發(fā)展，軟件應用和網(wǎng)站的用戶界面設計成為用戶與技術互動的主要媒介。傳統(tǒng)觀念中，簡化界面通常被認為能夠提高用戶體驗，但這是否總是成立呢？

 

界面簡化與用戶體驗：

簡化界面的理念是通過減少復雜性，使用戶更輕松地完成任務。然而，這并不意味著一味地去除所有元素。在設計中找到平衡點至關重要，避免因過度簡化而導致用戶迷失在功能缺失的迷宮中。

 

成功案例分析：

一些知名的軟件和平臺通過簡化界面取得了顯著的成功。例如，移動應用界面通常更簡單，專注于核心功能，為用戶提供高效的體驗。另外，一些社交媒體平臺也采用清晰簡潔的設計，讓用戶更容易分享和互動。

 

界面簡化的挑戰(zhàn)：

然而，過度簡化也可能引發(fā)問題。某些應用在簡化的過程中可能削減了一些用戶希望使用的功能，導致用戶體驗下降。因此，在簡化界面時，設計團隊需要深入了解用戶需求，確保保留關鍵功能的同時簡化操作。

 

最佳實踐：

為了在簡化界面中取得成功，設計團隊可以采用一些最佳實踐。這包括用戶研究，以了解他們的期望和需求，持續(xù)的反饋循環(huán)，以及對設計進行用戶測試。通過這些方法，設計團隊可以更好地理解用戶，從而創(chuàng)造出簡單而強大的界面。

 

結論：

在用戶界面設計中，簡化并非唯一的成功途徑。用戶體驗的提升需要在簡化與功能之間取得平衡。通過深入了解用戶需求、采用最佳實踐，并不斷優(yōu)化設計，設計團隊可以打造出符合用戶期望且高效的界面，提升整體用戶體驗。

藍藍設計(m.sdgs6788.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ā)

第一部分 | WEB表單設計

在B的設計中、表單是我們最為常見的設計內容。下面我們來學習如何做好表單設計這部分內容。

1、什么是表單

我理解表單就是系統(tǒng)為和用戶進行交互、所要收集用戶信息的或獲得用戶反饋的一種方式的載體。在后臺產(chǎn)品中對我們數(shù)據(jù)做的增、刪、改、查、驗都可以通過表單完成。

 

 

表單是一種用于收集用戶輸入的HTML元素，通常用于創(chuàng)建用戶與網(wǎng)頁交互的表單。表單可以包含各種輸入字段，如文本框、復選框、單選按鈕、下拉列表和提交按鈕等。當用戶填寫表單并提交后，數(shù)據(jù)將被發(fā)送到服務器進行處理。在web開發(fā)中，表單是實現(xiàn)用戶交互和數(shù)據(jù)收集的重要手段之一。

 

1.1、常見應用場景

在我們的后臺系統(tǒng)中、我們表單在70%的場景上都會使用到。采集錄入數(shù)據(jù)信息、編輯數(shù)據(jù)信息等。如我們SaaS管理平臺的學員錄入、檔案查詢、獎勵規(guī)則設置等。

 

 

2、表單設計原則

設計原則是任何一種解決方案的指路燈。我們在表單的設計中需要遵循以下原則、

簡潔明了、清晰高效、適應業(yè)務、及時反饋。

 

 

2.1、簡潔明了

表單的設計應該簡潔明了，避免過多的裝飾和元素干擾用戶填寫表單。

 

2.2、清晰高效

表單中的各個字段和選項應該清晰可見。用戶應該能夠快速找到需要填寫的字段和選項，并且填寫過程中不會遇到過多的困難。

 

2.3、適應業(yè)務

應該符合我們的業(yè)務應用場景、滿足我們的業(yè)務需求。

 

2.4、及時反饋

在用戶填寫表單的過程中，應該提供適當?shù)姆答仯巛斎腧炞C、錯誤提示等，以便用戶能夠及時了解自己的輸入是否正確。

 

3、表單構成

我們通常的表單都基本都是由、標簽、域、提示、操作按鈕這四個部分構成的。

 

 

3.1、標簽

標簽文本主要是解釋輸入項的含義，一般不宜太長，需要簡明扼要，快速讓用戶理解。輸入框標簽在布局上可以分為

左標簽、頂標簽、行內標簽

。這三種設計在許多情況下可以提高可讀性和用戶友好性，但也有一些潛在的缺點。

 

 

3.1.1、左標簽

優(yōu)點：可讀性強、減少用戶的認知負擔。布局直觀、提高填寫速度。

缺點：不適合長標簽、對業(yè)務場景適用性差。

 

3.1.2、頂標簽

優(yōu)點：節(jié)省空間、減少表單的長度和寬度。視覺層次清晰。

缺點：需要額外的間距、縱向空間利用率不高

 

3.1.3、行內標簽

優(yōu)點：節(jié)省空間、簡潔易于閱讀

缺點：可讀性有限、對于長標簽或復雜內容可讀性降低、不適合大部分的場景。

 

3.2、域

表單的域表示的是一個空間。這個空間里可以是輸入內容、選擇內容、選則時間、選擇數(shù)值、觸發(fā)交互按鈕（上傳資料）等

 

 

3.3、提示

避免廢話、給出結果以及處理方式。

 

 

3.4、按鈕

一般出現(xiàn)在頁面頂部、跟隨表單里的內容、表單內容底部、頁面底部。

在我們系統(tǒng)設計里。我是更愿意把按鈕放在頁面的底部。至于為什么可以看一下、我之前的《按鈕的基礎設計知識的文章》

 

4、設計細節(jié)

除了上面表單的基礎知識外，為了我們表單設計的更好我們就需要在細節(jié)上下功夫了。畢竟優(yōu)秀的設計師注重細節(jié)的表現(xiàn)的。

 

 

4.1、表單里標簽后的冒號要不要加

最初是因為屏幕顯示的原因所以才加的冒號、隨著技術的進步。現(xiàn)在可加可不加。系統(tǒng)內統(tǒng)一就行。

 

 

4.2、如何設定輸入框的寬度

輸入框的寬度是自適應的、輸入框的寬度是有暗示左右的。在真實場景中，大部分輸入框是存在理想長度的，那么就應該向用戶暗示所需輸入內容的長度來減輕判斷負擔。下圖就是典型案例，一個實際不需要花多少錢的金額輸入框在左圖中進行等寬處理，反而容易誤導用戶對輸入金額的判斷，造成一種不安全感。

 

 

4.3、表單布局

在表單中我們采用多種布局方式。

信息分組、內容列表、標簽頁、分步驟。

在信息傳遞上。這集中布局方式本質都是一樣的。將信息進行分類展示。來更好效的進行信息的傳遞和展示。理論支持、格式塔原理

 

 

我們如何選則適用那種布局方式呢。很簡單需要展示內容的多少。

 

 

 

第二部分 | 表單交互

為了讓我們表單的用戶體驗做到極致、我們還有注意這些交互上的細節(jié)。做好這些細節(jié)將大幅提升我們的用戶體檢。

 

 

1、錯誤提示

驗證用戶輸入活提交信息是否正確、驗證方法有三種、實時、提交后、服務器。因為他們時效性不同所以應用的場景也不同。

 

 

錯誤提示要適用積極地的語言、不清楚的告訴用戶存在哪里、要如何修復。

 

2、更智慧、高效

之前好像看過一個什么定律忘了。他的大致意思是，如果系統(tǒng)能處理的問題盡量讓系統(tǒng)去處理、不用留給用戶去操作。

 

 

2.1、簡化輸入智能默認

如果可以帶出來的信息可以盡力帶過來。

 

 

滿足多數(shù)人需要的地方放置選擇，來幫助用戶作出明智選擇。互聯(lián)網(wǎng)表單中有很多地方能利用智能默認減少必要的選擇次數(shù)，加速表單完成過程。

 

2.2、個性化默認

保留用戶登陸信息、重復填寫內容。例如、之前去醫(yī)院需要手機登陸的那段時間。在去過一次后。掃完填寫信息制藥填一個名字、其他信息都帶出來了。

 

 

2.3、及時新增

我們在滿足大部分用戶的同時、在某些場景里還要提高額外的輸入框給需要的人用。同時不會阻礙不需要的人。這類輸入框常常被作為高級選項或者額外選項。

 

 

3、結構

一個結構充分的表單就像一個與用戶的良好對話。所以記住這一點，仔細規(guī)劃結構。

 

 

3.1、從簡單開始到創(chuàng)建邏輯分類

從簡單問題開始，用戶已經(jīng)很清楚答案了。將不相關的信息按邏輯分組展示。來幫助用戶理解。

 

 

3.2、單步、多步、單列、多列

至于這些的方式的選擇、總的來說還是信息呈現(xiàn)多少的不同。單步的轉化率更高。但多步卻更適合復雜信息的收集。

 

 

單列和多列基本也是一樣的道理

 

 

 

 

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

藍藍設計(m.sdgs6788.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ā)

在這個充滿時尚與活力的都市中，設計不僅僅是一種創(chuàng)作行為，更是一種生活態(tài)度。城市的脈動與光影交織出多彩的畫卷，而設計，便是將這些瞬間的靈感凝固在時間的長河中，成為時代的見證者。

時尚，它不只存在于服裝與配飾，更潛藏在城市的每一個角落。在熙熙攘攘的街頭巷尾，建筑的線條、廣告的色彩、公共空間的布局，都在訴說著設計之美。是什么讓你在這座城市中駐足停留？是那個獨特的商標設計，還是那個別致的街頭藝術？

設計之美如同城市的心跳，無處不在。當你穿梭在繁忙的商業(yè)區(qū)，是否會被櫥窗中的陳列所吸引？或者，當你漫步在公園的小徑上，是否會留意到每一塊石子的鋪設都是精心設計的產(chǎn)物？城市中的每一寸空間，都是設計師們留下的足跡，都是他們對生活的獨特解讀。

設計之美，不僅僅是視覺的愉悅，更是一種情感的共鳴。每一個建筑的線條，每一個家居的布置，都承載著設計師對生活、對人性的理解。當我們步入一個設計感強烈的空間，仿佛也融入了設計師的心靈，感受到了他們所要傳達的情感和思考。

回到最初的問題：你眼中的設計之美是什么？或許是一張絢爛的海報，或許是一款時尚的家具，亦或是一處別致的小巷。每個人對于設計的理解各有不同，因為設計之美是主觀的，它更關乎個體的感知和體驗。

 

在這個快節(jié)奏的城市中，時尚之魅始終如影隨形。設計之美，既是城市的風景，也是生活的點綴。讓我們一同探討，在這個視覺的交響曲中，你眼中的設計之美究竟是怎樣的？或許，你會在這無盡的創(chuàng)意空間中，找到屬于自己的設計之旅。

藍藍設計(m.sdgs6788.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ā)