<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 首頁

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

    博博

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

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

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(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ā)

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

    博博

    什么是確認偏差?
    確認偏差是一種認知偏差,指的是人們更傾向于尋找、記住或贊同支持已有信念或假設(shè)的信息,而忽視或排斥與其相矛盾的信息。這種偏差導(dǎo)致人們在尋求信息和形成觀點時傾向于選擇那些與他們已有信念相一致的信息,而忽視那些與之相悖的信息。
    在設(shè)計和決策過程中,確認偏差可能會對判斷和決策產(chǎn)生影響。設(shè)計師或決策者可能會傾向于尋找支持他們最初想法或假設(shè)的信息,而忽略潛在的反對觀點或證據(jù)。這可能導(dǎo)致錯誤的假設(shè)、不完整的分析或偏離客觀事實的判斷。
    了解確認偏差對于設(shè)計師和決策者來說是很重要的,因為它可以影響到他們對問題的看法和解決方案的選擇。為了減輕確認偏差的影響,重要的做法包括尋求多樣的觀點和信息來源、鼓勵團隊開放性討論、持續(xù)評估和反思自己的假設(shè),以及意識到并主動應(yīng)對這種偏差。
     
    超長干貨!UI設(shè)計師必須要懂的4個設(shè)計心理學(xué)
    它是怎么產(chǎn)生的?
    確認偏差的產(chǎn)生與人類的認知方式和信息處理方式有關(guān)。它可以追溯到我們處理信息的心理機制,以及對信息的選擇性接收和處理。
    信息過濾和選擇性接收
    : 人類大腦處理的信息量龐大,為了應(yīng)對這種信息負荷,我們會有意無意地選擇性地接收與已有信念相符的信息,因為這樣更容易被接受和理解。
    認知一致性和舒適度
    : 我們傾向于尋求與我們已有信念一致的信息,因為這會讓我們感到更加舒適和認知上的一致性,而與之相悖的信息則可能引起認知不適或挑戰(zhàn)。
    記憶偏差
    : 我們記憶中更容易保留和回憶起與我們已有信念相符的信息,而忽略或淡化與之不符的信息,導(dǎo)致我們更傾向于記住和重復(fù)暴露于已有信念的信息。
    社會影響和團隊動態(tài)
    : 在團隊環(huán)境中,人們可能更容易受到同伴或領(lǐng)導(dǎo)觀點的影響,導(dǎo)致更多地尋求與團隊共識一致的信息。
    因此,確認偏差源于我們處理信息的方式和尋求認知一致性的趨勢,這種傾向性會影響我們對信息的選擇、記憶和接受,使得我們更容易偏向于支持已有信念的信息。
     
    超長干貨!UI設(shè)計師必須要懂的4個設(shè)計心理學(xué)
    思考下確認偏差在UI作用?
    認知偏差在UI設(shè)計中有著深遠的影響,設(shè)計師需要了解并考慮這些偏差,以創(chuàng)造更符合用戶認知和行為的界面:
    信息呈現(xiàn)與確認偏差:
    UI設(shè)計中的信息呈現(xiàn)方式能夠影響用戶的感知。確認偏差提示我們,設(shè)計師應(yīng)該精心布局信息,確保用戶首先接觸到的內(nèi)容是符合其期望和信念的。在重要位置展示與用戶預(yù)期一致的信息能夠增強用戶對界面的認可感。
    用戶體驗與認知一致性:
    UI設(shè)計應(yīng)該符合用戶的認知模式和習(xí)慣。保持一致的界面元素、布局結(jié)構(gòu)和交互方式有助于降低用戶學(xué)習(xí)成本,提升用戶體驗,因為這與用戶的認知一致性相契合。
    選擇性暴露與設(shè)計引導(dǎo):
    設(shè)計師可以利用確認偏差的特性來引導(dǎo)用戶,將重要信息或功能放置在易于察覺的位置,引導(dǎo)用戶進行特定的操作。然而,需要謹慎處理,以避免對用戶造成信息過載。
    避免偏見與用戶測試:
    設(shè)計師應(yīng)該避免自身的認知偏差影響設(shè)計,而是更多地關(guān)注用戶的實際需求和行為。通過持續(xù)的用戶測試和反饋,可以驗證設(shè)計的有效性,確保設(shè)計更加客觀、全面地服務(wù)于用戶。
    認知偏差不僅能夠幫助設(shè)計師更好地了解用戶行為和認知模式,也提醒設(shè)計師需要謹慎地處理信息的呈現(xiàn)方式,以創(chuàng)造出更符合用戶認知特點和期望的界面。
     
    超長干貨!UI設(shè)計師必須要懂的4個設(shè)計心理學(xué)
    需要我們記住什么?
    用戶選擇性感知:
    用戶會傾向于選擇性地接收與其已有信念相符的信息。因此,在設(shè)計中需要注意如何呈現(xiàn)信息,以便用戶更容易接收并理解與其預(yù)期一致的內(nèi)容。
    認知一致性與用戶體驗:
    用戶更喜歡一致性的界面設(shè)計。保持界面元素、布局和交互方式的一致性有助于提高用戶體驗,減少認知負擔(dān)。
    引導(dǎo)與用戶行為:
    可以利用認知偏差的特性來引導(dǎo)用戶行為,但需要謹慎,以避免對用戶造成信息過載或誤導(dǎo)。
    客觀設(shè)計與用戶測試:
    設(shè)計師需保持客觀,在設(shè)計中避免個人偏見的影響。持續(xù)的用戶測試和反饋是驗證設(shè)計有效性的關(guān)鍵。
    用戶需求至上:
    最重要的是設(shè)計能夠滿足用戶的實際需求。認知偏差提醒我們關(guān)注用戶行為和反饋,確保設(shè)計更加貼近用戶期望。
    記住這些關(guān)鍵點有助于設(shè)計師更好地應(yīng)用認知偏差的理論,創(chuàng)造出更符合用戶認知和行為習(xí)慣的界面,提升用戶體驗和產(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è)計者可以更加精準(zhǔn)地與用戶互動,提升用戶體驗和參與度。但務(wù)必注意,應(yīng)用認知偏差需要在不影響用戶信任和體驗的前提下進行,避免過度干預(yù)或引導(dǎo),以免影響用戶的自主性和信任感。


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

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(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ā)

    設(shè)計原則:希克定律

    博博

    它是怎么產(chǎn)生的?
    希克定律是基于心理學(xué)和人類認知過程的研究而產(chǎn)生的。威廉·希克和他的同事在1930年代進行了一系列的實驗,旨在了解人們在不同選擇數(shù)量下做出決策的反應(yīng)時間。
    實驗中,被試者面對不同數(shù)量的選擇,例如按鈕或選項,然后被要求盡快做出選擇。實驗結(jié)果顯示,隨著選項數(shù)量的增加,被試者做出選擇所需的時間也相應(yīng)增加。這一觀察成為希克定律的基礎(chǔ)。
    希克定律的本質(zhì)是認知心理學(xué)的一部分,它涉及到人類對信息的處理方式。當(dāng)人們面對多個選項時,他們需要對每個選項進行評估和決策,這會增加認知負荷。結(jié)果是,隨著選項數(shù)量的增加,處理和選擇所需的時間也相應(yīng)增加。
    這個定律提出了一種對設(shè)計界面和交互方式有深遠影響的見解:簡化界面,減少選擇數(shù)量,可以幫助用戶更快速、更輕松地做出決策。這種認知負荷的理論成果對于優(yōu)化用戶體驗和提高界面效率有著重要的指導(dǎo)作用。
    超長干貨!UI設(shè)計師必須要懂的4個設(shè)計心理學(xué)
    思考下希克定律UI作用?
    希克定律在UI設(shè)計中具有重要作用,它強調(diào)了簡化選擇以提高用戶體驗的重要性。以下是希克定律在UI設(shè)計中的一些具體作用和應(yīng)用:
    簡化菜單和導(dǎo)航
     減少導(dǎo)航菜單中的選項數(shù)量,將類似功能的項目歸類或合并,可以減輕用戶的選擇負擔(dān),幫助他們更快速地找到所需信息。
    優(yōu)化工作流程
     在應(yīng)用程序或網(wǎng)站設(shè)計中,簡化工作流程和操作步驟可以減少用戶需要做出的決策,提高用戶完成任務(wù)的效率。
    默認設(shè)置和建議
     使用默認設(shè)置或提供建議可以減少用戶必須做出的選擇。通過合理設(shè)置默認選項,可以簡化用戶體驗,讓用戶更快地進入應(yīng)用或網(wǎng)站并開始使用。
    信息層級結(jié)構(gòu)
     設(shè)計清晰的信息架構(gòu)和層級結(jié)構(gòu)有助于將內(nèi)容組織得更有條理,使用戶能夠更容易地定位所需信息,避免過多的選擇。
    上下文反饋和指導(dǎo)
     提供清晰的上下文反饋和指導(dǎo),幫助用戶更快速地了解當(dāng)前操作的影響,減少不必要的猶豫和選擇焦慮。
    用戶個性化和智能推薦
     利用個性化推薦或智能算法,根據(jù)用戶的歷史偏好為其提供定制化的選擇,減少不必要的選擇。
    在UI設(shè)計中,理解希克定律可以引導(dǎo)設(shè)計師創(chuàng)造出更簡潔、更直觀、更易用的界面,從而提高用戶滿意度和效率。通過減少選擇數(shù)量和簡化操作,設(shè)計可以更好地配合人類認知特性,使用戶在界面上的交互變得更加流暢和自然。
    超長干貨!UI設(shè)計師必須要懂的4個設(shè)計心理學(xué)
    需要我們記住什么?
    在UI設(shè)計中,了解和應(yīng)用希克定律有助于創(chuàng)造更優(yōu)秀的用戶體驗。以下是需要記住的一些關(guān)鍵點:
    選擇數(shù)量與決策時間成正比:
    用戶需要花費更多時間來做出決策,當(dāng)他們面對更多選擇時。減少選擇數(shù)量可以提高用戶的決策效率。
    簡化界面以降低認知負荷:
     設(shè)計簡潔、清晰的界面可以減少用戶的認知負荷,幫助他們更輕松地使用應(yīng)用或網(wǎng)站。
    層級結(jié)構(gòu)和組織:
     通過良好的信息層級結(jié)構(gòu)和內(nèi)容組織,可以使用戶更快速地找到所需信息,減少選擇過程。
    默認設(shè)置的重要性:
    合理設(shè)置默認選項可以簡化用戶體驗,降低他們需要做出的選擇,從而更快地開始使用應(yīng)用或網(wǎng)站。
    上下文反饋和引導(dǎo)
    提供清晰的上下文反饋和指導(dǎo),幫助用戶更快速地了解其操作的影響,減少選擇焦慮。
    用戶個性化和智能推薦
    利用用戶個性化數(shù)據(jù)和智能算法,為用戶提供定制化的選擇,降低不必要的選擇過程。
    記住這些關(guān)鍵點能夠幫助設(shè)計師更好地優(yōu)化界面,提供更出色的用戶體驗,減少用戶做出選擇所需的時間,從而增強產(chǎn)品或應(yīng)用的吸引力和實用性。
     
    在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用希克定律
    在移動應(yīng)用程序(App)設(shè)計中,應(yīng)用希克定律可以通過以下方式提高用戶體驗:
    簡化導(dǎo)航和菜單
     減少主導(dǎo)航菜單中的選項數(shù)量,將類似的功能合并或分類,以簡化用戶的選擇過程。使用清晰的圖標(biāo)和標(biāo)簽幫助用戶更快速地理解選項。
    優(yōu)化注冊和登錄流程
    在注冊和登錄過程中盡可能減少必填項,使用社交媒體登錄或單一注冊選項簡化流程,降低用戶的選擇負擔(dān)。
    默認設(shè)置和個性化推薦: 利用用戶的偏好和歷史數(shù)據(jù),為用戶提供個性化的推薦或默認設(shè)置,減少用戶需要做出的選擇,并快速展示最相關(guān)的內(nèi)容或功能。
    簡化表單和輸入
    最小化表單字段,根據(jù)上下文預(yù)填充表單內(nèi)容或使用智能輸入建議,以降低用戶輸入的認知負擔(dān)。
    上下文引導(dǎo)和反饋
    在用戶進行關(guān)鍵操作時提供清晰的引導(dǎo)和反饋,讓用戶了解他們的操作將會帶來的結(jié)果,減少不必要的猶豫和選擇焦慮。
    智能搜索和過濾功能
    提供強大的搜索和過濾功能,幫助用戶快速找到所需內(nèi)容,減少在大量選項中的選擇時間。
    簡化購買流程
     在電商應(yīng)用中,優(yōu)化購買流程,減少購物車和結(jié)賬過程中的步驟和選擇,提供清晰的購買路徑。
    通過以上方式,設(shè)計師可以在App中運用希克定律,幫助用戶更輕松、更高效地使用應(yīng)用,提高用戶滿意度并增強應(yīng)用的吸引力。這些方法都圍繞著減少選擇數(shù)量、簡化操作和提供個性化的體驗,以減少用戶的認知負荷,提高用戶的決策效率。
     
    希克定律總結(jié)
    希克定律在移動應(yīng)用設(shè)計中的應(yīng)用關(guān)鍵在于簡化選擇、優(yōu)化流程以提升用戶體驗。通過減少主導(dǎo)航選項、優(yōu)化注冊與登錄流程、提供個性化推薦、簡化表單輸入、提供清晰反饋和引導(dǎo)、強化搜索功能以及簡化購買流程,設(shè)計師可以降低用戶的選擇焦慮和認知負荷,使用戶更輕松、更高效地使用應(yīng)用,提升用戶滿意度。這些策略圍繞著簡化操作、減少選項數(shù)量和提供個性化體驗,有助于提高用戶的決策效率,增強應(yīng)用的吸引力與可用性。


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

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(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ā)

    一招教會你頁面分割怎么用

    博博

    作為一名合格的UI設(shè)計師,用好留白分割、線性分割、卡片分割,你的頁面即成功了一半!

    留白分割≧線性分割≧卡片分割

    留白分割定義:指的是只通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),自然的將信息分組。(如上圖)

    間距留白是區(qū)隔單一信息元素的默認選擇。(如下圖)

    使用原則:建議在不影響核心數(shù)據(jù)指標(biāo)的前提下,條目之間盡可能采用留白分割,會讓界面更清爽,瀏覽更沉浸。

    留白分割的分類及適用場景:當(dāng)條目信息層次較少(≦2)時,留白分割是比較合適的,當(dāng)信息層次較多(≧3)時,留白分割既會浪費空間,也難以達到一目了然的分割效果。

    線性分割定義:用線來分隔不同的信息內(nèi)容。(大部分APP的分割線是1px粗細,黑色,不透明度12%)。

    使用原則:分割線可以幫助用戶理解頁面是如何組成的,但過度使用分割線會造成視覺干擾,影響頁面信息傳達。

    Android系統(tǒng)明確規(guī)定了分割線的使用原則:
    1、微妙的:分割線在布局中應(yīng)該很容易被注意到,但又不凸顯。
    2、次要的:只有當(dāng)留白不能起到分割作用時,才采用分分割線。
    3、少用的:謹慎使用分割線,用它來創(chuàng)建分組而不是分割條目。(如下圖)

    分類及使用場景:
    1、通欄分割線:用于分割彼此完全獨立的內(nèi)容。
    2、內(nèi)嵌分割線:用于分割有錨點(頭像或圖標(biāo))的相關(guān)內(nèi)容。
    3、中間分割線:用于分割無錨點(頭像或圖標(biāo))的相關(guān)內(nèi)容。

    如果為了提高屏效,希望在一屏內(nèi)盡可能多的展示信息,那么同樣的信息布局,分割線帶來的效果會更清晰(如下圖)

    卡片分割定義:卡片是一個由內(nèi)容和操作組合而成的獨立主題的面性容器①,它可以包含縮略圖②、標(biāo)題③、副標(biāo)題④、副媒體⑤、文本⑥、問文字按鈕⑦和圖標(biāo)按鈕⑧,除了卡片容器本身,其他元素都是可選的,所有元素都以易于掃描和操作的形式放置在卡片上。

    使用原則:
    1、包含的:卡片是一個可識別的,單獨的、包含內(nèi)容的單元。
    2、獨立的:一張卡片可以獨立存在,而不依賴于上下文環(huán)境。
    3、不可分割的:一張卡片不能與另一張合并,也不能拆分成多張卡片。
    分類及適用場景:
    卡片根據(jù)左右是否有邊距,可簡單分為通欄卡片和非通欄卡片(如下圖)。

    從視覺效果上來看,由于圓角的聚焦效應(yīng),非通欄卡片對于凸顯單個卡片的獨立性和內(nèi)容的效果都更好,畫面的分割感會更強。
    1、當(dāng)這個主題內(nèi)部的內(nèi)容已經(jīng)有分割線時,建議采用卡片分割,讓主題信息層次更加清晰。
    2、當(dāng)單個主題內(nèi)部的內(nèi)容類型較多,上下所占空間較大,建議采用卡片分割,以更好的圈定該主題的內(nèi)容范圍,給用戶明確的內(nèi)容邊界感。
    3、當(dāng)需要擴展頁面的橫向空間時,暗示頁面可以橫向滑動時,需要采用非通欄卡片,利用橫向內(nèi)容連續(xù)性原則,幫助用戶建立可以橫向滑動的意識。

    小結(jié):

    • 當(dāng)信息條目復(fù)雜度較低時,優(yōu)先采用留白分割,視覺清爽無干擾。
    • 當(dāng)信息條目復(fù)雜度增加,只利用留白分割效果不明顯時,建議引入線性分割,讓信息層次更清晰且屏效高。
    • 當(dāng)信息條目復(fù)雜度進一步提升,(比如已經(jīng)有了線性分割,或者有更多操作),需要進一步強化信息條目本身的邊界感,建議引入卡片,以強化條目信息的視覺層次和可操作性。

    信息分割本身不是目的,分割方式的選擇是為了讓版面產(chǎn)生清晰的條理性,用悅目的信息秩序來更好的突出內(nèi)容,達成最佳的信息傳達效果,所以決策時,除了上述細節(jié)考慮因素,還要考慮整體版面效果和信息傳達效率。


    作者:是一顆李子
    來源:站酷

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(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ā)

     

    設(shè)計靈感來源于“善于發(fā)現(xiàn)”

    博博

    一、表情化反饋設(shè)計
     
    通過用戶反饋可以讓產(chǎn)品的服務(wù)和體驗做得更好,因此獲取反饋的設(shè)計變得至關(guān)重要。
     
    在餓了么 App 點餐,完成訂單配送之后,會以彈窗的形式采集用戶反饋。通過表情化的設(shè)計讓用戶完成選項,情感化的表達可以提高用戶的參與度,進而達到獲取反饋意見的目的。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
     
    二、靈動可愛的動效表達
     
    動效的表達相較于靜態(tài)而言更有吸引力,可以讓畫面更有視覺張力。
     
    餓了么在 0 元奪寶活動設(shè)計中,以 3D 動效的形式展示靈動可愛的小魚吐泡泡的畫面,瞬間讓場景變得更有趣味性。吸引用戶關(guān)注度的同時,也讓活動氛圍感十足。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    三、突出品牌主題的輪播設(shè)計
     
    輪播圖的設(shè)計樣式豐富多樣,設(shè)計師都在不斷探索更新穎的表現(xiàn)形式和互動玩法。
     
    最近在體驗芒果TV 時,在好物欄目中的輪播圖布局設(shè)計中,結(jié)合了品牌主題進行輪播切換。不僅強化了品牌主題,新穎的樣式表達也使得欄目更有設(shè)計感。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    四、收縮式導(dǎo)航欄設(shè)計
     
    通過交互形式可以讓靜態(tài)布局有更多靈活性,方便用戶在不同操作場景中享受更好的體驗。
     
    作業(yè)幫 App 首頁默認狀態(tài)突出搜索功能,當(dāng)用戶滑動瀏覽內(nèi)容時,頂部導(dǎo)航欄和搜索功能會收縮展示。簡化部分功能和適配導(dǎo)航欄布局,提高當(dāng)前界面的利用率,帶給用戶更好的瀏覽體驗。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    五、通過動效強化按鈕關(guān)注度
     
    微動效越來越普及,不僅可以讓產(chǎn)品變得更有趣味性,也能通過動靜對比突出功能關(guān)注度。
     
    進入作業(yè)幫 App 個人中心時,會員開通按鈕會通過一圈光效動效進行強化,吸引用戶關(guān)注到開通按鈕。左上角的每日簽到圖標(biāo)也會以 3D 動效的形式循環(huán)播放,以此吸引用戶進行簽到操作。通過動效強化功能的吸引力,提高用戶的操作概率。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    六、可視化設(shè)計強化任務(wù)流程
     
    生硬的文字表達無法打動用戶的參與度,圖形化、趣味性的可視化表達更能打動用戶。
     
    One More App 通過對選項內(nèi)容進行圖形化表達,讓用戶更直觀地判斷,可視化的設(shè)計也讓任務(wù)流程的選擇變得更輕松。不僅讓選項內(nèi)容更直觀,也能提高用戶的參與度,達到采集數(shù)據(jù)的目的。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    七、動態(tài)封面更吸引人
     
    封面設(shè)計是吸引用戶點擊欄目的關(guān)鍵,通過豐富多樣的設(shè)計表達逐步拉開差異,而動態(tài)封面變得尤為重視。
     
    天天跳繩 App 首頁中,趣運動欄目的活動主題封面進行了動靜結(jié)合。相較于靜態(tài)封面而言,動態(tài)封面不僅更吸引人,也顯得很有趣味性。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    八、賦予功能營銷屬性
     
    挖掘營銷點是提高產(chǎn)品變現(xiàn)力的關(guān)鍵,如何在用戶體驗和營銷曝光度中做平衡,需要我們不斷思考和探索。
     
    微博 App 內(nèi)的營銷布局點很多,在發(fā)現(xiàn)欄目中進行下拉刷新時,有時也會結(jié)合活動或者品牌廣告。在不改變功能屬性的基礎(chǔ)上,融入營銷屬性,是一個不錯的嘗試。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    九、趣味性的設(shè)置按鈕
     
    通過設(shè)置按鈕/開關(guān)等進行選項或者功能切換,一枚小小的按鈕也可以進行更好的設(shè)計發(fā)揮,往往細微之處才能體現(xiàn)出產(chǎn)品的體驗。
     
    進入騰訊動漫 App 在“我的”版塊,進行性別設(shè)置和夜間/日間切換時,按鈕設(shè)計結(jié)合趣味性的動效表達。小小的按鈕變得更加形象可愛,更能吸引用戶進行設(shè)置和體驗。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”
     
    十、細微動效讓圖標(biāo)更精致
     
    微動效在圖標(biāo)設(shè)計中的運用非常普及,通常是為了突出點擊狀態(tài)或者重點功能,而用于所有圖標(biāo)的案例相對較少。
     
    最近在體驗馬蜂窩 App 的時候,發(fā)現(xiàn)首頁金剛區(qū)圖標(biāo)全部都帶有微動效,動效表達不會很夸張,都是細微的點綴。不僅點綴了圖標(biāo)設(shè)計,也讓圖標(biāo)顯得更精致和趣味,細微的動效不會使得整體互相干擾,是一個非常不錯的金剛區(qū)圖標(biāo)設(shè)計方案。
    設(shè)計靈感來源于“善于發(fā)現(xiàn)”


    作者:黑馬青年
    來源:站酷

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(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ā)

    探索web端和移動端的差異和解決方案

    博博

    市面上主流的界面設(shè)計主要包括移動端、web端、桌面端、硬件、插件等,app和網(wǎng)站設(shè)計是大部分設(shè)計師最常見的設(shè)計需求,這兩個也是最核心的設(shè)計端平臺,所以明白web端和移動端設(shè)計的相似和差異并且知道如何應(yīng)對是至關(guān)重要的。
    整體來說,移動端的設(shè)計是更可控的,web端的設(shè)計難度實際更高,上限也更高。但是想要做好web端的設(shè)計并不難,只要明白web端設(shè)計時需要考慮的因素和解決辦法,那么所有問題自然迎刃而解。
     
    一、文本
     
    1. 大小
    總體上,移動端和web端的字體規(guī)范是一致的,同一套字體大小都可以在雙端有好的識別和視覺效果。唯一細微的區(qū)別是瀏覽器支持的最小字體大小是12,所以在web端要摒棄12以下的字號。實際上這并不會增加你的web端設(shè)計難度,因為web端的設(shè)計空間是足夠的。
     
    2.長度
    設(shè)計中往往需要考慮文案長度的問題,移動端受到屏幕空間的限制往往更容易遇到問題,你需要考慮當(dāng)前文本段是否能在你所預(yù)留的空間放得下,對此可以參考以下幾種解決辦法:
    • 高度自適應(yīng):也就是換行顯示,大部分的文本段不可能無限換行,也應(yīng)該有字數(shù)限制,所以選擇這一個解決辦法,正常也需要設(shè)定一個高度極限值。
    • 超出省略:當(dāng)文本段的完整性不是那么重要,且需要漏出,那么這是一個不錯的方法
    • 字號自適應(yīng)縮小:這正常用在金融類產(chǎn)品的數(shù)字顯示中,比如余額等,當(dāng)小數(shù)點過多或者金額過大導(dǎo)致的數(shù)字文本端過長時,數(shù)字是無法換行或省略的,所以你可以選擇字號自適應(yīng)縮小。
    二、屏幕大小
    移動端和web端最直觀的差異就是屏幕大小的差異,移動端小,且各設(shè)備的差異化細微,web端的空間大,且不同設(shè)備的屏幕差異大,所以就有了幾點主要差異:
     
    1. 布局
    移動端整體上是自上而下的設(shè)計布局,寬度受限比較嚴(yán)重,所以除了一些左滑手勢帶來的橫向空間拓展,布局的變化上不大。
    web端因為空間大,所以就有了更多的布局可能性,例如左右布局,居中布局,左中右布局,或是全屏自適應(yīng)布局。這些布局方式也各有各的優(yōu)缺點。
    所以設(shè)計一個網(wǎng)站時,往往需要多個布局配合使用,能讓你的網(wǎng)站視覺感受更舒適,利用率上更合理。切忌為了美觀或者方便等原因死磕一個布局方式。當(dāng)然,居中布局是最萬能的一個布局,如果你暫時沒辦法掌控多個布局,那么居中布局是你最佳的選擇。
     
    2. 適配
    前文說了,因為web端的設(shè)備差異大,所以你需要在設(shè)計時考慮小屏筆記本和大屏顯示器的適配問題,甚至是用戶手動拉動瀏覽器寬度時所得到的適配反饋也需要考慮其中。
    適配不是必須的,因為適配的成本較高,復(fù)雜的頁面往往需要設(shè)計出多個斷點頁面去讓開發(fā)根據(jù)頁面寬度重新適配內(nèi)容。所以大部分的居中布局的網(wǎng)站,是不做適配的,因為你只需要控制你的內(nèi)容寬度能在13寸筆記本完整展示,其他的就是極小部分用戶的需求了。
    web端到移動端的適配往往需要重構(gòu),也就是把當(dāng)前網(wǎng)站的內(nèi)容,重新在手機寬度下做設(shè)計,結(jié)合上文文本部分的內(nèi)容,請不要想當(dāng)然的把字號縮小。只需要考慮排版和功能是否需要刪減的問題。 
     
    3. 彈窗
    移動端受到屏幕限制,彈窗的更多是banner的彈出,提示的作用,或者是個別簡單篩選操作,在移動端很難在彈窗上放置很多的輸入等復(fù)雜操作
    在web端的設(shè)計中,一定要巧用彈窗,簡單的編輯或著創(chuàng)建等操作都可以用彈窗代替,不僅可以使操作更聚焦,也可以減少頁面跳轉(zhuǎn)來縮短路徑。
     
    三、交互手勢
    由于操作媒介的不同,導(dǎo)致移動端和web的操作手勢有很大的區(qū)別,移動端是用手指操作,web端是鼠標(biāo)操作,手指操作決定了手勢的多樣性,鼠標(biāo)的操作決定了點擊的精確,并且由于鼠標(biāo)的操作反饋是分階段的,需要在每個階段都給予用戶相應(yīng)的反饋來打造更好的用戶體驗。
     
    1. 狀態(tài)
    移動端中對于操作的反饋主要聚焦于手指點擊后的反饋,懸停態(tài)往往被長按代替。而web端鼠標(biāo)操作存在三個狀態(tài),一個是正常狀態(tài),一個是懸停狀態(tài),一個是按下狀態(tài),這三個狀態(tài)需要在設(shè)計師考慮并設(shè)計來向開發(fā)說明。web端中不同元素的常見狀態(tài)(主要為懸停態(tài))區(qū)分方式需要明白:
    • button:用顏色區(qū)分,常見的方式是改變顏色的明度,懸停增加明度,按下降低明度
    • icon:icon的狀態(tài)區(qū)分更多是在懸停狀態(tài)上,常見方式有:改變顏色;改變icon形態(tài)(如線性變面性);為icon添加背景色塊(如圓形灰色背景)。
    • 文字:文字的狀態(tài)區(qū)分除了顏色之外,可以利用文字自帶的屬性,如字重,字體大小,甚至可以在個別海外產(chǎn)品中看到通過改變字間距來表示懸停狀態(tài)。
    • 卡片:卡片的懸停設(shè)計更加的多樣,如改變填充色;改變描邊顏色;增加投影,比較有趣的有改變卡片大小;輕微改變卡片透視;改變卡片的位置,如懸停時卡片向上輕微移動。
     
    由于web端獨有的懸停手勢,你可以在懸停這個手勢大作文章,如果你了解linear風(fēng)格的話,或者經(jīng)常瀏覽國外產(chǎn)品的話,許多網(wǎng)站會在鼠標(biāo)懸停卡片時產(chǎn)生動效,動效不限于卡片元素(插畫、圖標(biāo)、可視化表格等)的動畫;光影描邊的循環(huán)。懸停按鈕時,箭頭的位置變動,或者其他動畫效果。更酷炫的還有鼠標(biāo)與卡片透視的交互,甚至與鼠標(biāo)與全局頁面的交互,如水波紋等。
     
    2. 操作按鈕
    整體來說,web端基于屏幕大小的優(yōu)勢和狀態(tài)的多樣,在操作按鈕漏出數(shù)量和方式上會更加的多樣。
    移動端獨有的是長按手勢和左滑右滑手勢,所以移動端會把一些操作放到左滑手勢中,最常見的如消息列表的置頂、刪除等。長按手勢更多的是彈出更多操作,或是產(chǎn)生可拖動效果。
    web端拿列表舉例,基于屏幕的大小的優(yōu)勢,可以將更多操作直接在列表右側(cè)直接漏出,用戶的操作路徑更短,觸達率自然就更高。拿卡片舉例,button的存在有的時候會影響到卡片的大小和美觀,所以有些操作往往可以藏到懸停狀態(tài)里,懸停操作不需要學(xué)習(xí),所以用戶不會為此感到疑惑,也可以保證功能的完整性。
     
    四、設(shè)計思路
    關(guān)于各個模塊如何設(shè)計并不在這里展開,我想表達是在設(shè)計稿設(shè)計時的一些操作思路,或者說是組件的搭建思路。
     
    1. 盒子思維
    如果你對前端開發(fā)有一定的了解,那么你一定懂得盒子套盒子。設(shè)計也是如此,需要給你的每個設(shè)計模塊建議一塊獨有的盒子。這是區(qū)別于間距或分割線的區(qū)分模塊的思路的。
    舉個例子,你有圖片,主標(biāo)題,副標(biāo)題三個元素形成一個小模塊,那么你在確定好排版之后,你需要一個盒子將他們裝起來,那么這個模塊必須有它自己的寬度,高度。換個角度理解也就是它需要有一定的上下左右間距,在figma中,這個盒子就是你的frame,高級一點就是你的自動布局。這個盒子的大小就決定了這個模塊的操作熱區(qū),這也方便你在設(shè)計做出你的懸停效果。
    這個設(shè)計思維適用于web端和移動端,且十分重要,所以盡量避免在設(shè)計圖出現(xiàn)各個元素分別散落的情況,這不僅不利于你的設(shè)計稿管理,也不利于開發(fā)的查看。
     
    2. 新手如何參考
    在進行web端設(shè)計時,如果你對web端設(shè)計一無所知,也無需驚慌。你可以找到合適的參考網(wǎng)站,并且分析它每個模塊的高度,間距等,去模仿他,并且從中得出規(guī)律。
    拿web端的導(dǎo)航欄舉例,假設(shè)你糾結(jié)于web端的導(dǎo)航欄高度設(shè)置多少,你可以找到參考的網(wǎng)站,使用檢查功能(F12)去查看高度,或粗暴的截圖查看高度即可。當(dāng)然,在此之前,你需要確定這個模塊的高度是不會隨屏幕大小改變而改變的。
     
    3. 自適應(yīng)布局
    無論是web端設(shè)計還是移動端設(shè)計,當(dāng)你在設(shè)計模塊或搭建組件時,善用自動布局,這不僅有利于你設(shè)計圖高效率修改,也能應(yīng)對你的web端可能出現(xiàn)的適配情況。這需要考驗?zāi)愕膄igma能力,如果大家有興趣,后續(xù)我可以出一些figma基礎(chǔ)、組件、自動布局等相關(guān)教程同大家探討。

    作者:PONEPENG
    來源:站酷

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(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ā)

    AIGC產(chǎn)品的設(shè)計原則

    博博

    一、AI產(chǎn)品形態(tài)介紹

    不同的產(chǎn)品所具備的AI能力以及用戶的使用方式都是截然不同的。從產(chǎn)品功能的角度,產(chǎn)品大致可以分為三類:輔助駕駛型、內(nèi)容生產(chǎn)型、自主決策型。

    輔助駕駛型

    Copilot 輔助駕駛型如其名,更強調(diào)AI的輔助性。AI會針對某個模塊輔助用戶做出決策,或者基于用戶的操作而操作,從而幫助用戶實現(xiàn)自己靈感的落地,類似在成熟軟件中的插件功能。微軟的Microsoft 365 Copilot 結(jié)合在已有的Word、Excel工具當(dāng)中,用戶仍然可以自己書寫文章或表格,但也能隨時喚起AI工具進行編輯,對于已有的文件進行匯總、擴寫等編輯操作。

    內(nèi)容生產(chǎn)型

    內(nèi)容生產(chǎn)型是需要調(diào)用LLM的API來實現(xiàn)某一具體內(nèi)容的功能性產(chǎn)品。用戶需要針對具體場景下達相對詳細、明確的指令后,AI會生成內(nèi)容結(jié)果的反饋。比如大家熟悉的midjourney,用戶下達具體的內(nèi)容場景描述,midhourney會返回圖片生成的結(jié)果。

    自主決策型

    AI Agent可以進行自主決策和執(zhí)行任務(wù),它可以通過獨立思考和調(diào)用工具逐步完成給定的目標(biāo),無需人類去指定每一步的操作。比如,告訴 AI Agent 幫忙下單一份外賣,它就可以直接調(diào)用 APP 選擇外賣,再調(diào)用支付程序下單支付,無需用戶去指定每一步的操作。

    二、AIGC產(chǎn)品設(shè)計原則

    在AI產(chǎn)品的設(shè)計過程當(dāng)中,針對不同的產(chǎn)品形態(tài)、用戶場景、用戶心智需要明確其設(shè)計原則。當(dāng)前用戶對于AI工具的預(yù)期是:高性能、快速、高效和可靠。從用戶體驗上來說,用戶與AI產(chǎn)品的交互方式、對于AI產(chǎn)品的信任程度都有別于其他軟件。我們需要在各個環(huán)節(jié)上,制定好AI產(chǎn)品的能力范疇,管理好用戶對產(chǎn)品的預(yù)期,為AI產(chǎn)品提供一個友好、可拓展的交互架構(gòu)。

    原則1:讓用戶明確知道產(chǎn)品的能力范圍

    在產(chǎn)品推出之前,清晰地定義產(chǎn)品的能力和限制。不要過度夸大產(chǎn)品的功能或過度承諾,而是誠實地描述產(chǎn)品的真實能力。給予用戶在使用產(chǎn)品前充足的心理預(yù)期,用戶可以清晰的了解產(chǎn)品的能力范圍。更好地管控用戶心理預(yù)期的同時,也可以向用戶傳遞產(chǎn)品的能力點。
     
    如小庫科技詳細描述了產(chǎn)品可以應(yīng)用的功能場景,用戶對于場景化的詞語可以有更好的關(guān)聯(lián)聯(lián)想,對于產(chǎn)品的能力也有更好的邊界認知。
     
    科大訊飛也通過具體的場景化進行產(chǎn)品功能的傳遞
     
    在Liblib的模型廣場中,會將用戶生產(chǎn)的結(jié)果、模型以社區(qū)成果的形式進行展示,用戶可以查看詳細的生成參數(shù)進行嘗試,對于新手用戶也可以起到很好的內(nèi)容引導(dǎo)。

    原則2:讓用戶可預(yù)期結(jié)果

    人工智能決策的透明度對用戶至關(guān)重要,使用可視化工具、交互或解釋性語言讓用戶能夠理解AI是如何做出決策。如小庫AI,在“描述詞”的提示文案中告知用戶輸入詞的限定以及預(yù)期的生成結(jié)果,并可以通過詞庫告知用戶可以輸入哪些類型的詞。
     
    如酷家樂AI,用戶在首次使用AI工具,沒有靈感或想法的時候,引導(dǎo)并提示用戶可上傳的素材類型,讓用戶可以有更好的目標(biāo)預(yù)期。

    原則3:建立與用戶共建產(chǎn)品的機制

    積極邀請用戶參與產(chǎn)品的設(shè)計和改進過程,通過用戶調(diào)研、用戶測試和用戶反饋機制,了解用戶的期望和需求,并將其納入到產(chǎn)品的迭代和改進中。如在Discord社區(qū)當(dāng)中,用戶可以在官網(wǎng)的反饋入口找到期望反饋的內(nèi)容板塊,可以進行問題帖子的反饋,所有的用戶群體可以對帖子的內(nèi)容進行投票支持和評論。也就是相當(dāng)于以社區(qū)共建的形式,讓所有的用戶都可以對產(chǎn)品進行共建維護。如果是產(chǎn)品功能本身的問題,開發(fā)人員可以及時響應(yīng);如果是用戶自身對產(chǎn)品的認知問題,社區(qū)的小伙伴也可以進行很好的解答。

    原則4:減輕用戶對數(shù)據(jù)隱私安全的顧慮

    在AI盛行的當(dāng)下,數(shù)據(jù)隱私安全可以說是非常敏感的話題了,AI泄漏數(shù)據(jù)隱私的事件也在不斷曝光。妙鴨相機的爆紅事件給我們的警示是在產(chǎn)品設(shè)計的過程中,除了思考如何利用新技術(shù)產(chǎn)出新的創(chuàng)意,對用戶數(shù)據(jù)隱私安全的保護同樣重要,它是產(chǎn)品獲得用戶信任,得以被持續(xù)使用的原因之一。
    數(shù)據(jù)隱私安全涵蓋的范圍是非常廣泛的。從產(chǎn)品設(shè)計的角度來看對于數(shù)據(jù)隱私安全的保護可以從以下幾點考慮:

    1、政策和規(guī)范的跟進和了解

    遵守數(shù)據(jù)隱私和安全相關(guān)的法律法規(guī)和標(biāo)準(zhǔn)對于產(chǎn)品和應(yīng)用是最基礎(chǔ)的。在國內(nèi),7月網(wǎng)信辦等7部委聯(lián)合公布了《生成式人工智能服務(wù)管理暫行辦法》,生成式人工智能服務(wù)管理辦法的正式落地為我國AI發(fā)展打下了基礎(chǔ)。

    2、積極告知,將決策權(quán)還給用戶

    積極告知用戶產(chǎn)品如何保護數(shù)據(jù)隱私安全也是規(guī)避風(fēng)險的一種方法。比如用戶協(xié)議中對于用戶隱私的處理,比起直接提供給用戶大段的文案讓他們?nèi)ブ鹱植榭矗诓僮髁鞒讨姓f明產(chǎn)品對于用戶隱私的使用,并讓用戶進行手動確認會明顯提高用戶對于產(chǎn)品的信任程度。蘋果在數(shù)據(jù)隱私安全方面始終站在了用戶這一邊,無論是安裝應(yīng)用時詢問權(quán)限還是每次出現(xiàn)的“是否允許粘貼”,其對于隱私保護的方法與措施都值得我們學(xué)習(xí)。

    3、本地存儲也是一種選擇

    Rewind工具可以自動存儲用戶在自己電腦和手機上看到的所有內(nèi)容,通過引入“私人助理”的角色,方便用戶基于AI進行內(nèi)容的搜索和瀏覽整合。工具對于用戶隱私的處理也非常值得參考,其主要通過本地存儲、內(nèi)容隨時可刪除等方法,讓隱私優(yōu)先的原則貫穿在產(chǎn)品的定位和功能設(shè)計之中,也是這款工具能夠獲得好評的原因之一。

    三、結(jié)語

    總的來說,AI技術(shù)的推廣目前仍面臨相當(dāng)大的挑戰(zhàn),對于大眾而言也有一定的使用門檻。作為設(shè)計師,比起強調(diào)產(chǎn)品能力的升級,我們更應(yīng)該注重對用戶的關(guān)懷,一款好的AI產(chǎn)品必定是智能化且人性化的。AI技術(shù)下的人機交互應(yīng)用已經(jīng)成為UX設(shè)計的趨勢,我們需要注意平衡技術(shù)和用戶體驗之間的關(guān)系,以確保我們的設(shè)計在滿足用戶需求的基礎(chǔ)之上,能夠助力產(chǎn)品在商業(yè)市場上的成功。

     

    藍藍設(shè)計(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(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ā)

    高端網(wǎng)站設(shè)計公司藍藍設(shè)計:關(guān)注并改善殘疾人用戶體驗

    博博

    在醫(yī)療行業(yè)中,殘疾人用戶面臨著許多挑戰(zhàn),例如身體不便、視覺障礙、聽力障礙等等。為了讓他們能夠更加方便地使用醫(yī)療服務(wù),UI設(shè)計師需要考慮到各種不同的因素,并采取相應(yīng)的措施來提高用戶體驗。

    高端網(wǎng)站設(shè)計公司藍藍設(shè)計:如何將創(chuàng)新技術(shù)融入醫(yī)療界面設(shè)計

    博博

    隨著科技的不斷發(fā)展,醫(yī)療界面設(shè)計也正面臨著新的挑戰(zhàn)和機遇。本文將介紹一些將創(chuàng)新技術(shù)融入醫(yī)療界面設(shè)計的技巧和實例,幫助大家把握未來醫(yī)療界面設(shè)計的趨勢。

    高端網(wǎng)站設(shè)計公司藍藍設(shè)計:如何運用色彩提升界面吸引力

    博博

    在界面設(shè)計中,色彩搭配是至關(guān)重要的一環(huán)。合適的色彩搭配能夠讓界面更加吸引人,提高用戶體驗。本文將介紹一些色彩搭配技巧,幫助你提升界面吸引力。

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 精品国产三级a在线观看| 国产精品区一区二区三在线播放| 在线精品亚洲一区二区三区| 99在线精品免费视频九九视| 免费人妻精品一区二区三区| 精品精品国产自在久久高清 | 久久精品人人做人人爽97| 精品视频久久久久| 日韩精品一区二区三区四区 | 成人国产精品日本在线观看| 99精品视频在线观看免费| 日韩人妻精品无码一区二区三区| 久久这里有精品视频| 国产亚洲美女精品久久久| 亚洲综合精品一二三区在线| 成人精品综合免费视频| 国产精品熟女一区二区| 无码人妻精品一区二区三区久久| 午夜精品一区二区三区在线视| 国产午夜亚洲精品理论片不卡| 91麻豆精品国产91久久久久久| 国产精品成人va| 国产国产成人精品久久| 国产三级精品三级在线专区1| 日韩精品极品视频在线观看免费| 亚洲国产精品综合久久网络| 蜜臀精品国产高清在线观看| 精品国产日韩亚洲一区| 国产精品成人h片在线| 911亚洲精品不卡| 91麻豆精品一二三区在线| 亚洲国产精品久久| 天天爽夜夜爽精品视频app| 欧美久久精品一级c片片| 青青青青久久精品国产h| 日韩欧美精品不卡| 亚洲精品一二区| 最新亚洲精品国自产在线观看| 欧美精品手机在线播放| 国产精品嫩草影院久久| 国产精品视频不卡|