,,

首頁

312024-1

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

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

一、輸入類型并不總是“文本”

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

不幸的是，當每個字段的輸入類型都設(shè)置為“文本”時，它會強制用戶使用文本鍵盤來輸入數(shù)字或字母和數(shù)字組合，輸入時舉步維艱，不是誤點，就是需要頻繁切換，輸入體驗十分糟糕。

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

輸入類型、行為、操作鍵整理如下：

例一. 郵箱地址字段

表單要求用戶提供他們的郵箱地址是很常見的。當我們將輸入類型設(shè)置為“郵箱地址”時，它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母，還可以顯示“@”和“.”，用戶可以輕松地輸入他們的郵箱地址。

例二. 姓名字段

英文名是專有名詞，英語中專有名詞的第一個字母要大寫。我們將輸入類型設(shè)置為“人名”，并且設(shè)置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。

二、每個鍵盤對輸入類型的反應(yīng)可能不同

案例一：登錄頁面的密碼輸入

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

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

案例二：登錄頁面的手機號輸入

釘釘設(shè)置電話號碼鍵盤右下角為“下一項”按鈕。

百度輸入法的鍵盤右下角顯示“回車”，用戶完成手機號輸入后需手動獲取密碼文本框焦點。
搜狗輸入法的鍵盤右下角顯示“下一項”，用戶完成手機號輸入點擊下一項，密碼文本框自動獲取焦點。
微信輸入法的鍵盤右下角顯示“下一項”，用戶完成手機號輸入點擊下一項，密碼文本框自動獲取焦點。

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

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

我最初開發(fā)此應(yīng)用是為了促進工作中跨部門高效協(xié)同，但我希望通過此應(yīng)用能夠賦能給更多的人，提升協(xié)同效率的同時更好的提升產(chǎn)品輸入體驗。你可以在這里免費下載：

https://www.pgyer.com/vT29

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

作者：交互設(shè)計師張楚
來源：站酷

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

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

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

評論(0) 瀏覽(1743)

312024-1

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

博博

在社區(qū)平臺語境里，表情無疑是很重要的組成部分。一套豐富且定位準確的表情可以幫助用戶更清晰地表達自己的感受，增進溝通的準確性，同時增添社交互動的趣味性，拉進用戶之間的距離。帶有平臺特性的表情更能彰顯平臺自身的獨特性。

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

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

現(xiàn)狀&問題

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

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

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

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

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

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

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

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

視覺風格探索

1.雪球用戶特征

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

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

2.視覺風格探索

風格確定

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

提升辨識度

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

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

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

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

1.挖掘“梗”

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

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

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

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

2.讓表情“淋漓盡致”

微表情盡顯“內(nèi)心戲”

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

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

賺了、虧了一目了然

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

戲劇化表達

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

3.股票專屬“梗”

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

IP表情化

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

YOYO所代表的品牌語義

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

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

YOYO品牌語義表情化

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

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

作者：雪球設(shè)計中心XDC
來源：站酷

評論(0) 瀏覽(1153)

292024-1

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

博博

權(quán)限的目的是保護用戶隱私，那么在何時以及用什么方式請求用戶權(quán)限會是比較合適的？本文將詳細介紹Android的運行時權(quán)限模型，并展示設(shè)計一個UX來請求你的應(yīng)用程序所需的權(quán)限，希望對你有所啟發(fā)。

從Android 6.0開始，沒有在安裝時請求所有權(quán)限，而是引入了運行時權(quán)限模型，開發(fā)者可以控制應(yīng)用何時以及如何請求權(quán)限。這如同你想邀某人出去約會，過早、過頻繁或以錯誤的方式對你來說并不好。

本文我將詳細介紹Android的運行時權(quán)限模型，并向你展示如何設(shè)計一個UX來請求你的應(yīng)用程序所需的權(quán)限。權(quán)限的目的是保護用戶的隱私，但當你請求權(quán)限時，你是在要求用戶放棄一點隱私，因此，你需要提供明確且平等的利益以換取訪問。運行時權(quán)限允許你在用戶更了解你請求權(quán)限的原因和授予權(quán)限的好處時選擇合適的時間請求權(quán)限。Android實現(xiàn)它們的方式使得以正確的方式請求它們變得十分重要。

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

從Android 11開始，如果用戶在使用應(yīng)用的過程中多次拒絕某項特定的權(quán)限，那么在你的應(yīng)用再次請求該權(quán)限時，用戶將不會看到系統(tǒng)權(quán)限對話框。該操作表示用戶希望“不再詢問”。

你無需過度防御，例如在實際請求權(quán)限之前你始終通過預(yù)許可（預(yù)授權(quán)）來衡量用戶授予權(quán)限的可能性，本質(zhì)上是請求兩次，這種雙重提示可能是不必要且煩人的，你可以通過在正確的時間以正確的方式詢問來達到同樣的效果。

Material Design分解了在兩個維度上請求權(quán)限的不同方法。首先權(quán)限對你的應(yīng)用程序的運行有多重要？其次，你請求它的原因有多清晰？根據(jù)這兩個因素，建議你采用不同的方法來請求權(quán)限。

預(yù)先請求權(quán)限（Ask up-front）

如果某項權(quán)限對應(yīng)用程序運行至關(guān)重要，并且顯而易見為什么需要請求它。例如日歷應(yīng)用，拒絕日歷權(quán)限會使應(yīng)用程序無法運行，并且用戶顯然知道日歷應(yīng)用的用途以及請求日歷權(quán)限的原因，因此

不需要用任何不必要的解釋來打擾用戶，只需在用戶首次啟動應(yīng)用時立即請求它即可。

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

如果某項權(quán)限對應(yīng)用至關(guān)重要，但請求它的原因不是很清晰。例如信貸應(yīng)用，為了準確評估用戶的信貸資格、償還能力和防范反欺詐，通訊錄權(quán)限、通話記錄權(quán)限、位置權(quán)限對于風控而言非常重要，建議請求權(quán)限之前對用戶進行教育。

使用場景中請求權(quán)限（Ask in context）

如果應(yīng)用中的某項次要功能需要權(quán)限，但請求它的原因很清晰，建議你在使用場景中請求權(quán)限。例如筆記應(yīng)用允許用戶使用語音或音頻創(chuàng)建筆記，那么很明顯為什么此功能需要麥克風權(quán)限，無需過早的請求它，以免用戶負擔過重，最好等到用戶嘗試使用該功能時，因為用戶更有可能允許符合其預(yù)期的權(quán)限請求。

結(jié)合使用場景進行教育（Educate in context）

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

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

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

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

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

在應(yīng)用中聲明權(quán)限之前，請先考慮是否需要這樣做，或者是否有替代方法可以在應(yīng)用中支持該功能。因為如果應(yīng)用聲明權(quán)限，那么每當用戶使用需要運行時權(quán)限的功能時，應(yīng)用便不得不中斷用戶的操作，請求相應(yīng)權(quán)限。然后，用戶必須做出決定。如果用戶不能理解您的應(yīng)用為何請求特定權(quán)限，可能就會拒絕授予該權(quán)限，甚至卸載應(yīng)用。

下面介紹幾個可以在不聲明任何權(quán)限的情況下實現(xiàn)的用例：

拍攝照片/錄制視頻

Android為應(yīng)用提供了相互通信的功能，讓你可以將任務(wù)委托給其他應(yīng)用。例如，如果你希望允許用拍照，但它不是應(yīng)用的核心部分，可以考慮使用Intent請求相機應(yīng)用拍攝照片并將其分享給你的應(yīng)用，這樣就不需要CAMERA權(quán)限。

自動輸入動態(tài)短信驗證碼

雙因素身份驗證流程中，動態(tài)短信驗證碼作為第二校驗因素時，使用SMS Retriever API（短信檢索器）可以讓應(yīng)用自動執(zhí)行用戶身份驗證，不需要用戶手動輸入驗證碼，不需要READ_SMS權(quán)限。

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

來源：站酷

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

評論(0) 瀏覽(1207)

262024-1

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

博博

一、輸入類型并不總是“文本”

輸入類型、行為、操作鍵整理如下：

例一. 郵箱地址字段

例二. 姓名字段

二、每個鍵盤對輸入類型的反應(yīng)可能不同

案例一：登錄頁面的密碼輸入

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

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

案例二：登錄頁面的手機號輸入

釘釘設(shè)置電話號碼鍵盤右下角為“下一項”按鈕。

百度輸入法的鍵盤右下角顯示“回車”，用戶完成手機號輸入后需手動獲取密碼文本框焦點。
搜狗輸入法的鍵盤右下角顯示“下一項”，用戶完成手機號輸入點擊下一項，密碼文本框自動獲取焦點。
微信輸入法的鍵盤右下角顯示“下一項”，用戶完成手機號輸入點擊下一項，密碼文本框自動獲取焦點。

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

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

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

應(yīng)用截圖

作者：交互設(shè)計師張楚
來源：站酷

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

評論(0) 瀏覽(1287)

262024-1

從產(chǎn)品創(chuàng)新到品牌體驗，設(shè)計究竟有多重要？

前端達人

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

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

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

2. 設(shè)計與品牌形象

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

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

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

4. 設(shè)計與用戶體驗

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

結(jié)語

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

評論(0) 瀏覽(1092)

252024-1

B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認知

博博

先說結(jié)論：是很好的“答疑期”，但幫助有限，學會問問題，同時接納自己暫時不懂的情況。

在入職后，一般會有業(yè)務(wù)方向、研發(fā)背景、設(shè)計思路、產(chǎn)品使用流程等方面的培訓(xùn)講解。但即便同事講的不錯，對于剛?cè)肼毜奈覀儊碚f，也很難短時間內(nèi)消化掌握，并直接應(yīng)用到設(shè)計工作中。

在這個時期，有三點建議：

找關(guān)鍵詞
虛心請教
提出問題并給出方案

評論(0) 瀏覽(1023)

252024-1

用戶界面設(shè)計：是不是界面越簡單，用戶體驗就越好呢？

前端達人

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

引言：

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

界面簡化與用戶體驗：

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

成功案例分析：

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

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

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

最佳實踐：

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

結(jié)論：

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

評論(0) 瀏覽(1298)

252024-1

B端基礎(chǔ) | 全套WEB表單設(shè)計基礎(chǔ)

博博

第一部分 | WEB表單設(shè)計

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

1、什么是表單

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

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

1.1、常見應(yīng)用場景

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

2、表單設(shè)計原則

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

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

2.1、簡潔明了

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

2.2、清晰高效

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

2.3、適應(yīng)業(yè)務(wù)

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

2.4、及時反饋

在用戶填寫表單的過程中，應(yīng)該提供適當?shù)姆答?，例如輸入驗證、錯誤提示等，以便用戶能夠及時了解自己的輸入是否正確。

3、表單構(gòu)成

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

3.1、標簽

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

左標簽、頂標簽、行內(nèi)標簽

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

3.1.1、左標簽

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

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

3.1.2、頂標簽

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

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

3.1.3、行內(nèi)標簽

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

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

3.2、域

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

3.3、提示

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

3.4、按鈕

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

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

4、設(shè)計細節(jié)

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

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

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

4.2、如何設(shè)定輸入框的寬度

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

4.3、表單布局

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

信息分組、內(nèi)容列表、標簽頁、分步驟。

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

我們?nèi)绾芜x則適用那種布局方式呢。很簡單需要展示內(nèi)容的多少。

第二部分 | 表單交互

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

1、錯誤提示

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

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

2、更智慧、高效

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

2.1、簡化輸入智能默認

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

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

2.2、個性化默認

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

2.3、及時新增

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

3、結(jié)構(gòu)

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

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

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

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

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

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

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

評論(0) 瀏覽(1481)

232024-1

時尚之魅：你眼中的設(shè)計之美是什么？

前端達人

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

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

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

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

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

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

評論(0) 瀏覽(1096)

152024-1

設(shè)計原則：認知偏差

博博

什么是確認偏差？

確認偏差是一種認知偏差，指的是人們更傾向于尋找、記住或贊同支持已有信念或假設(shè)的信息，而忽視或排斥與其相矛盾的信息。這種偏差導(dǎo)致人們在尋求信息和形成觀點時傾向于選擇那些與他們已有信念相一致的信息，而忽視那些與之相悖的信息。

在設(shè)計和決策過程中，確認偏差可能會對判斷和決策產(chǎn)生影響。設(shè)計師或決策者可能會傾向于尋找支持他們最初想法或假設(shè)的信息，而忽略潛在的反對觀點或證據(jù)。這可能導(dǎo)致錯誤的假設(shè)、不完整的分析或偏離客觀事實的判斷。

了解確認偏差對于設(shè)計師和決策者來說是很重要的，因為它可以影響到他們對問題的看法和解決方案的選擇。為了減輕確認偏差的影響，重要的做法包括尋求多樣的觀點和信息來源、鼓勵團隊開放性討論、持續(xù)評估和反思自己的假設(shè)，以及意識到并主動應(yīng)對這種偏差。

它是怎么產(chǎn)生的？

確認偏差的產(chǎn)生與人類的認知方式和信息處理方式有關(guān)。它可以追溯到我們處理信息的心理機制，以及對信息的選擇性接收和處理。

信息過濾和選擇性接收

：人類大腦處理的信息量龐大，為了應(yīng)對這種信息負荷，我們會有意無意地選擇性地接收與已有信念相符的信息，因為這樣更容易被接受和理解。

認知一致性和舒適度

：我們傾向于尋求與我們已有信念一致的信息，因為這會讓我們感到更加舒適和認知上的一致性，而與之相悖的信息則可能引起認知不適或挑戰(zhàn)。

記憶偏差

：我們記憶中更容易保留和回憶起與我們已有信念相符的信息，而忽略或淡化與之不符的信息，導(dǎo)致我們更傾向于記住和重復(fù)暴露于已有信念的信息。

社會影響和團隊動態(tài)

：在團隊環(huán)境中，人們可能更容易受到同伴或領(lǐng)導(dǎo)觀點的影響，導(dǎo)致更多地尋求與團隊共識一致的信息。

因此，確認偏差源于我們處理信息的方式和尋求認知一致性的趨勢，這種傾向性會影響我們對信息的選擇、記憶和接受，使得我們更容易偏向于支持已有信念的信息。

思考下確認偏差在UI作用？

認知偏差在UI設(shè)計中有著深遠的影響，設(shè)計師需要了解并考慮這些偏差，以創(chuàng)造更符合用戶認知和行為的界面：

信息呈現(xiàn)與確認偏差：

UI設(shè)計中的信息呈現(xiàn)方式能夠影響用戶的感知。確認偏差提示我們，設(shè)計師應(yīng)該精心布局信息，確保用戶首先接觸到的內(nèi)容是符合其期望和信念的。在重要位置展示與用戶預(yù)期一致的信息能夠增強用戶對界面的認可感。

用戶體驗與認知一致性：

UI設(shè)計應(yīng)該符合用戶的認知模式和習慣。保持一致的界面元素、布局結(jié)構(gòu)和交互方式有助于降低用戶學習成本，提升用戶體驗，因為這與用戶的認知一致性相契合。

選擇性暴露與設(shè)計引導(dǎo)：

設(shè)計師可以利用確認偏差的特性來引導(dǎo)用戶，將重要信息或功能放置在易于察覺的位置，引導(dǎo)用戶進行特定的操作。然而，需要謹慎處理，以避免對用戶造成信息過載。

避免偏見與用戶測試：

設(shè)計師應(yīng)該避免自身的認知偏差影響設(shè)計，而是更多地關(guān)注用戶的實際需求和行為。通過持續(xù)的用戶測試和反饋，可以驗證設(shè)計的有效性，確保設(shè)計更加客觀、全面地服務(wù)于用戶。

認知偏差不僅能夠幫助設(shè)計師更好地了解用戶行為和認知模式，也提醒設(shè)計師需要謹慎地處理信息的呈現(xiàn)方式，以創(chuàng)造出更符合用戶認知特點和期望的界面。

需要我們記住什么？

用戶選擇性感知：

用戶會傾向于選擇性地接收與其已有信念相符的信息。因此，在設(shè)計中需要注意如何呈現(xiàn)信息，以便用戶更容易接收并理解與其預(yù)期一致的內(nèi)容。

認知一致性與用戶體驗：

用戶更喜歡一致性的界面設(shè)計。保持界面元素、布局和交互方式的一致性有助于提高用戶體驗，減少認知負擔。

引導(dǎo)與用戶行為：

可以利用認知偏差的特性來引導(dǎo)用戶行為，但需要謹慎，以避免對用戶造成信息過載或誤導(dǎo)。

客觀設(shè)計與用戶測試：

設(shè)計師需保持客觀，在設(shè)計中避免個人偏見的影響。持續(xù)的用戶測試和反饋是驗證設(shè)計有效性的關(guān)鍵。

用戶需求至上：

最重要的是設(shè)計能夠滿足用戶的實際需求。認知偏差提醒我們關(guān)注用戶行為和反饋，確保設(shè)計更加貼近用戶期望。

記住這些關(guān)鍵點有助于設(shè)計師更好地應(yīng)用認知偏差的理論，創(chuàng)造出更符合用戶認知和行為習慣的界面，提升用戶體驗和產(chǎn)品吸引力。

在app產(chǎn)品中，我們應(yīng)該怎么應(yīng)用認知偏差

在App產(chǎn)品中，了解和應(yīng)用認知偏差可以改善用戶體驗和促進用戶參與。以下是一些應(yīng)用認知偏差的方法：

個性化內(nèi)容推薦：

利用用戶的歷史數(shù)據(jù)和偏好，提供個性化的內(nèi)容推薦，引導(dǎo)用戶瀏覽與其興趣相關(guān)的信息，這符合用戶的認知偏好。

強調(diào)常用功能：

將常用功能放置在易于察覺的位置，這有助于用戶更快速地找到并使用常用功能，符合用戶對信息的選擇性感知。

引導(dǎo)用戶決策：

通過明確的引導(dǎo)和推薦，幫助用戶做出決策。例如，突出顯示推薦選項或使用明確的指導(dǎo)語言，以降低用戶的選擇焦慮。

增加用戶互動和獎勵機制：利用認知偏差中的獎勵機制，激勵用戶參與互動。例如，獎勵積分、勛章或獎勵物品以促進用戶的積極參與。

社交證據(jù)和影響力：

強調(diào)其他用戶的行為和意見，例如顯示用戶評論或社交分享，可以影響新用戶的決策，符合社會影響的認知偏差。

提供個性化的反饋和建議：

根據(jù)用戶的行為提供個性化的反饋和建議，引導(dǎo)用戶完成特定的動作或行為，符合用戶的認知偏好和選擇性感知。

綜合利用這些策略可以更好地與用戶互動，促進參與度，提高用戶對產(chǎn)品的滿意度。然而，需要謹慎運用，避免過度使用以至于影響用戶體驗或?qū)е滦畔⑦^載。

認知偏差總結(jié)

綜合利用認知偏差的這些方面，設(shè)計者可以更加精準地與用戶互動，提升用戶體驗和參與度。但務(wù)必注意，應(yīng)用認知偏差需要在不影響用戶信任和體驗的前提下進行，避免過度干預(yù)或引導(dǎo)，以免影響用戶的自主性和信任感。

作者：A大林子
來源：站酷

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

評論(0) 瀏覽(1482)

« 1 ... 16 17 18 19 20 21 22 ... 201 »

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.jzvac.com

首頁

分類

日歷

鏈接

個人資料

存檔