做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

設計心理學-峰終定律

博博

什么是峰終定律

用戶在使用一個產品流程時的高峰體驗和結尾體驗。

用峰終法則提升用戶在整個產品上或某個功能上的體驗，需要先對用戶在整個產品上或某個功能上的使用行為與想法進行分析，并繪制出用戶的情緒曲線，根據情緒的峰值節點和使用流程的結尾，這兩個“關鍵時刻”，進行體驗上的重點打造。

它是怎么產生的

2002年的諾貝爾經濟學獎得主、美國心理學家丹尼爾•卡尼曼經過深入研究，發現人們對體驗的記憶由兩個因素決定，即高峰（無論是正向的還是負向 的）時與結束時的感覺，這就是“峰終定律”。關于峰終定律有這樣一個實驗：讓兩組人員聽相同時間的強噪音，然后一組停下來，另一組接著再聽一段時間的弱噪音，就實際遭遇來講，后一組比前一組受了更多的折磨，但是聽到更長時間噪音的后一組的痛苦指數卻要比前一組低很多，原因就是對于兩組人員來講，結束時刻的噪音給他們留下的感受最為深刻，因而他們的痛苦指數主要是由噪音結束時的刺激程度所決定的。在另 外一種情況下，令兩組人員聽相同時間的噪音，其中一組的噪音強度較高，另 外一組的噪音強度較低，但是其中某一時刻聽到了極其刺耳的超強度的噪音， 結果就是，后一組的痛苦指數要高于前一組，盡管就總體而言，后一組所聽到 的噪音強度要低許多。

這體現的就是感受過程中的“高峰”一刻的決定作用。依照峰終定律，高峰和結束時的體驗主宰了人們這段感受的性質和強弱的 程度，而跟感受的總的比重以及體驗時間的長短無關。也就是說，如果在一段 體驗的高峰和結尾，體驗是愉悅的，那么對整個體驗的感受就是愉悅的，即使 這次體驗更多的是痛苦或不愉快的感受。

需要我們記住

用戶根據體驗的高峰和結束來判斷產品體驗是否好壞，并不是根據用戶使用產品的每一個節點感受的平均值來判定，我們可以理解為結果比過程重要。

就像我們看電影時，一個電影2小時前1小時都枯燥無味，突然中間有5分鐘讓你的情緒上升，此時你可能覺得這個電影還行，至少讓你達到了情緒高潮，當你繼續觀看時電影片段又變得枯燥無味，突然最后10分鐘和結束時出現了電影彩蛋，并且這10分鐘的內容特別符合你的胃口，這時候你就會出現一種“嗯，這個電影不錯，結局挺好”這樣的心理暗示，此時會發現接近100多分鐘的枯燥內容都被你忽略掉了，或者你也記得但是你默認了電影90%的枯燥。

產品中該怎么用

強化峰值

一些app里在用戶購買成功后，將已購商品以一種具有儀式感的收藏卡形式展示給用戶，給用戶驚喜的體驗，在盲盒星球內購買盲盒成功后會彈出卡片，把用戶獲得感拉滿，在網易云音樂直播間內如果是新手用戶就會彈出新人見面禮，通過視覺的表現形式把氛圍拉拉滿，當然還有一種反向峰值，當有一些產品進行抽獎時，如果用戶未中獎會彈出情感化彈窗，對用戶進行安慰降低用戶的挫敗感。

上面講的偏向于業務彈窗，還有一種是功能性彈窗， 當用戶使用某個產品流程時，這個流程可能通過多個維度才能到達最終的節點，在最后用戶完成操作時通過情感化彈窗進行提示，又或者在版本升級時需要引導用戶進行更新，使用情感化的表現，能夠將產品與用戶產生情緒共鳴，增加趣味性，提升體驗。

降低負面峰值

當用戶使用產品去完成目標時，突然中間步驟出現網絡波動、網絡斷開等不可抗拒的因素，此時在頁面中添加一些情感化設計，會緩解用戶焦慮情緒，甚至可以在空狀態中添加動效來提升趣味性。

我是這么做的

近期在工作中做了一個直播項目，其中的一個功能就涉及到直播抽獎，因為產品獎品比例較多且輪數也多，用戶的中獎幾率也比較高，所以導致用戶在中獎后基本就退出直播間，因此在做設計的過程中為了避免這個問題，我在中間彈窗上做了優化。

通過情感的中獎彈窗形式來強化用戶的感知度，在直播過程中提升興奮感，提升用戶觀看的直播的欲望。

最后一定是終值

在講一個案例，去年我們做一個刷題功能的體驗優化，用戶在刷題場景下會面對幾十道甚至上百道題目，整個過程非常漫長，并且舊版的功能交互上并沒有展示總共還有多少題的這個提示，用戶在刷題過程中會非常焦慮，為了解決這個問題，通過這三個手段改進，1）我在刷題過程中以進度條的形式去實時告知用戶刷題進度，減少用戶焦慮，2）用戶在最后幾題的場景中會添加鼓勵話語，強化用戶峰值，3）在結果頁面為用戶展示直觀的數據變化，強化用戶的滿足感，同時激勵用戶進行持續性刷題。

總結

用戶只記得使用過程中體驗高的場景和結束時的場景。
無論是在交互還是視覺上我們都可以利用峰終定律幫助用戶達到好的使用體驗。



作者：愛吃貓的魚___
來源：站酷

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(631)

向用戶請求權限的正確方式

博博

 

權限的目的是保護用戶隱私，那么在何時以及用什么方式請求用戶權限會是比較合適的？本文將詳細介紹Android的運行時權限模型，并展示設計一個UX來請求你的應用程序所需的權限，希望對你有所啟發。
從Android 6.0開始，沒有在安裝時請求所有權限，而是引入了運行時權限模型，開發者可以控制應用何時以及如何請求權限。這如同你想邀某人出去約會，過早、過頻繁或以錯誤的方式對你來說并不好。
本文我將詳細介紹Android的運行時權限模型，并向你展示如何設計一個UX來請求你的應用程序所需的權限。權限的目的是保護用戶的隱私，但當你請求權限時，你是在要求用戶放棄一點隱私，因此，你需要提供明確且平等的利益以換取訪問。運行時權限允許你在用戶更了解你請求權限的原因和授予權限的好處時選擇合適的時間請求權限。Android實現它們的方式使得以正確的方式請求它們變得十分重要。
運行時權限模型有利于保護用戶的隱私，當你的應用程序請求權限時，Android會顯示一個對話框讓用戶接受或拒絕它，第一次請求權限時對話框不會顯示“不再詢問”復選框，只會在用戶至少一次拒絕權限請求后顯示它，你可以檢查之前是否被拒絕過，并明智的決定在何時提供更多教育。
向用戶請求權限的正確方式
從Android 11開始，如果用戶在使用應用的過程中多次拒絕某項特定的權限，那么在你的應用再次請求該權限時，用戶將不會看到系統權限對話框。該操作表示用戶希望“不再詢問”。
你無需過度防御，例如在實際請求權限之前你始終通過預許可（預授權）來衡量用戶授予權限的可能性，本質上是請求兩次，這種雙重提示可能是不必要且煩人的，你可以通過在正確的時間以正確的方式詢問來達到同樣的效果。
Material Design分解了在兩個維度上請求權限的不同方法。首先權限對你的應用程序的運行有多重要？其次，你請求它的原因有多清晰？根據這兩個因素，建議你采用不同的方法來請求權限。
向用戶請求權限的正確方式
預先請求權限（Ask up-front）
如果某項權限對應用程序運行至關重要，并且顯而易見為什么需要請求它。例如日歷應用，拒絕日歷權限會使應用程序無法運行，并且用戶顯然知道日歷應用的用途以及請求日歷權限的原因，因此
不需要用任何不必要的解釋來打擾用戶，只需在用戶首次啟動應用時立即請求它即可。
向用戶請求權限的正確方式
預先教育（Educate up-front）
如果某項權限對應用至關重要，但請求它的原因不是很清晰。例如信貸應用，為了準確評估用戶的信貸資格、償還能力和防范反欺詐，通訊錄權限、通話記錄權限、位置權限對于風控而言非常重要，建議請求權限之前對用戶進行教育。
向用戶請求權限的正確方式
使用場景中請求權限（Ask in context）
如果應用中的某項次要功能需要權限，但請求它的原因很清晰，建議你在使用場景中請求權限。例如筆記應用允許用戶使用語音或音頻創建筆記，那么很明顯為什么此功能需要麥克風權限，無需過早的請求它，以免用戶負擔過重，最好等到用戶嘗試使用該功能時，因為用戶更有可能允許符合其預期的權限請求。
向用戶請求權限的正確方式
結合使用場景進行教育（Educate in context）
如果應用中的某項次要功能需要權限，并且請求他的原因不是很清晰，建議你結合使用場景進行教育。例如筆記應用允許用戶與朋友協作，那么請求聯系人權限可能是合理的，但它不是顯而易見的，當用戶調用該功能時，解釋應用獲得聯系人權限后可為用戶提供哪些好處，比如自動填充郵件地址，然后才請求聯系人權限讓用戶授予它。
向用戶請求權限的正確方式
處理權限請求遭拒情況
通過使用正確的方法，用戶應該清楚應用請求權限的原因以及應用獲得權限后可以為他們提供哪些好處。然而，這并不意味著用戶一定會授予權限。如果用戶拒絕了權限請求，建議采用以下做法：
  • 在應用界面中突出顯示因為沒有獲得特定權限而受限的功能所在的具體部分，例如在原本用于顯示該功能的結果或數據的位置顯示一條消息，讓用戶知道因缺少權限而無法使用該功能，幫助用戶在權限和功能之間建立心理聯系。
  • 不要阻止界面顯示，不要全屏警告消息，讓用戶根本無法繼續使用應用。即使在權限請求拒后，應用也應盡可能提供最佳的用戶體驗。例如即使麥克風使用權限請求遭拒，仍應全面提高文本功能的易用性。
  • 用戶可能已經選中了“不再詢問“復選框，應用可能會在用戶未看到權限請求對話框的情況下受到拒絕，此時應用應該提供一個鏈接，鏈接到設備設置中用戶可以打開權限的具體位置。
盡量減少權限請求
在應用中聲明權限之前，請先考慮是否需要這樣做，或者是否有替代方法可以在應用中支持該功能。因為如果應用聲明權限，那么每當用戶使用需要運行時權限的功能時，應用便不得不中斷用戶的操作，請求相應權限。然后，用戶必須做出決定。如果用戶不能理解您的應用為何請求特定權限，可能就會拒絕授予該權限，甚至卸載應用。
下面介紹幾個可以在不聲明任何權限的情況下實現的用例：
拍攝照片/錄制視頻
Android為應用提供了相互通信的功能，讓你可以將任務委托給其他應用。例如，如果你希望允許用拍照，但它不是應用的核心部分，可以考慮使用Intent請求相機應用拍攝照片并將其分享給你的應用，這樣就不需要CAMERA權限。
自動輸入動態短信驗證碼
雙因素身份驗證流程中，動態短信驗證碼作為第二校驗因素時，使用SMS Retriever API（短信檢索器）可以讓應用自動執行用戶身份驗證，不需要用戶手動輸入驗證碼，不需要READ_SMS權限。  
 
作者：交互設計師張楚
來源：站酷
 

 

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(606)

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

博博

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

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

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(687)

設計原則：認知偏差

博博

什么是確認偏差？
確認偏差是一種認知偏差，指的是人們更傾向于尋找、記住或贊同支持已有信念或假設的信息，而忽視或排斥與其相矛盾的信息。這種偏差導致人們在尋求信息和形成觀點時傾向于選擇那些與他們已有信念相一致的信息，而忽視那些與之相悖的信息。
在設計和決策過程中，確認偏差可能會對判斷和決策產生影響。設計師或決策者可能會傾向于尋找支持他們最初想法或假設的信息，而忽略潛在的反對觀點或證據。這可能導致錯誤的假設、不完整的分析或偏離客觀事實的判斷。
了解確認偏差對于設計師和決策者來說是很重要的，因為它可以影響到他們對問題的看法和解決方案的選擇。為了減輕確認偏差的影響，重要的做法包括尋求多樣的觀點和信息來源、鼓勵團隊開放性討論、持續評估和反思自己的假設，以及意識到并主動應對這種偏差。
 
超長干貨！UI設計師必須要懂的4個設計心理學
它是怎么產生的？
確認偏差的產生與人類的認知方式和信息處理方式有關。它可以追溯到我們處理信息的心理機制，以及對信息的選擇性接收和處理。
信息過濾和選擇性接收
： 人類大腦處理的信息量龐大，為了應對這種信息負荷，我們會有意無意地選擇性地接收與已有信念相符的信息，因為這樣更容易被接受和理解。
認知一致性和舒適度
： 我們傾向于尋求與我們已有信念一致的信息，因為這會讓我們感到更加舒適和認知上的一致性，而與之相悖的信息則可能引起認知不適或挑戰。
記憶偏差
： 我們記憶中更容易保留和回憶起與我們已有信念相符的信息，而忽略或淡化與之不符的信息，導致我們更傾向于記住和重復暴露于已有信念的信息。
社會影響和團隊動態
： 在團隊環境中，人們可能更容易受到同伴或領導觀點的影響，導致更多地尋求與團隊共識一致的信息。
因此，確認偏差源于我們處理信息的方式和尋求認知一致性的趨勢，這種傾向性會影響我們對信息的選擇、記憶和接受，使得我們更容易偏向于支持已有信念的信息。
 
超長干貨！UI設計師必須要懂的4個設計心理學
思考下確認偏差在UI作用？
認知偏差在UI設計中有著深遠的影響，設計師需要了解并考慮這些偏差，以創造更符合用戶認知和行為的界面：
信息呈現與確認偏差：
UI設計中的信息呈現方式能夠影響用戶的感知。確認偏差提示我們，設計師應該精心布局信息，確保用戶首先接觸到的內容是符合其期望和信念的。在重要位置展示與用戶預期一致的信息能夠增強用戶對界面的認可感。
用戶體驗與認知一致性：
UI設計應該符合用戶的認知模式和習慣。保持一致的界面元素、布局結構和交互方式有助于降低用戶學習成本，提升用戶體驗，因為這與用戶的認知一致性相契合。
選擇性暴露與設計引導：
設計師可以利用確認偏差的特性來引導用戶，將重要信息或功能放置在易于察覺的位置，引導用戶進行特定的操作。然而，需要謹慎處理，以避免對用戶造成信息過載。
避免偏見與用戶測試：
設計師應該避免自身的認知偏差影響設計，而是更多地關注用戶的實際需求和行為。通過持續的用戶測試和反饋，可以驗證設計的有效性，確保設計更加客觀、全面地服務于用戶。
認知偏差不僅能夠幫助設計師更好地了解用戶行為和認知模式，也提醒設計師需要謹慎地處理信息的呈現方式，以創造出更符合用戶認知特點和期望的界面。
 
超長干貨！UI設計師必須要懂的4個設計心理學
需要我們記住什么？
用戶選擇性感知：
用戶會傾向于選擇性地接收與其已有信念相符的信息。因此，在設計中需要注意如何呈現信息，以便用戶更容易接收并理解與其預期一致的內容。
認知一致性與用戶體驗：
用戶更喜歡一致性的界面設計。保持界面元素、布局和交互方式的一致性有助于提高用戶體驗，減少認知負擔。
引導與用戶行為：
可以利用認知偏差的特性來引導用戶行為，但需要謹慎，以避免對用戶造成信息過載或誤導。
客觀設計與用戶測試：
設計師需保持客觀，在設計中避免個人偏見的影響。持續的用戶測試和反饋是驗證設計有效性的關鍵。
用戶需求至上：
最重要的是設計能夠滿足用戶的實際需求。認知偏差提醒我們關注用戶行為和反饋，確保設計更加貼近用戶期望。
記住這些關鍵點有助于設計師更好地應用認知偏差的理論，創造出更符合用戶認知和行為習慣的界面，提升用戶體驗和產品吸引力。
 
在app產品中，我們應該怎么應用認知偏差
在App產品中，了解和應用認知偏差可以改善用戶體驗和促進用戶參與。以下是一些應用認知偏差的方法：
個性化內容推薦：
 利用用戶的歷史數據和偏好，提供個性化的內容推薦，引導用戶瀏覽與其興趣相關的信息，這符合用戶的認知偏好。
強調常用功能：
 將常用功能放置在易于察覺的位置，這有助于用戶更快速地找到并使用常用功能，符合用戶對信息的選擇性感知。
引導用戶決策：
 通過明確的引導和推薦，幫助用戶做出決策。例如，突出顯示推薦選項或使用明確的指導語言，以降低用戶的選擇焦慮。
增加用戶互動和獎勵機制： 利用認知偏差中的獎勵機制，激勵用戶參與互動。例如，獎勵積分、勛章或獎勵物品以促進用戶的積極參與。
社交證據和影響力：
 強調其他用戶的行為和意見，例如顯示用戶評論或社交分享，可以影響新用戶的決策，符合社會影響的認知偏差。
提供個性化的反饋和建議：
 根據用戶的行為提供個性化的反饋和建議，引導用戶完成特定的動作或行為，符合用戶的認知偏好和選擇性感知。
綜合利用這些策略可以更好地與用戶互動，促進參與度，提高用戶對產品的滿意度。然而，需要謹慎運用，避免過度使用以至于影響用戶體驗或導致信息過載。
 
認知偏差總結
綜合利用認知偏差的這些方面，設計者可以更加精準地與用戶互動，提升用戶體驗和參與度。但務必注意，應用認知偏差需要在不影響用戶信任和體驗的前提下進行，避免過度干預或引導，以免影響用戶的自主性和信任感。


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

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(745)

設計原則：希克定律

博博

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


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

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(689)

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

博博

作為一名合格的UI設計師，用好留白分割、線性分割、卡片分割，你的頁面即成功了一半！

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

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

間距留白是區隔單一信息元素的默認選擇。（如下圖）

使用原則：建議在不影響核心數據指標的前提下，條目之間盡可能采用留白分割，會讓界面更清爽，瀏覽更沉浸。

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

線性分割定義：用線來分隔不同的信息內容。（大部分APP的分割線是1px粗細，黑色，不透明度12%）。

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

Android系統明確規定了分割線的使用原則：
1、微妙的：分割線在布局中應該很容易被注意到，但又不凸顯。
2、次要的：只有當留白不能起到分割作用時，才采用分分割線。
3、少用的：謹慎使用分割線，用它來創建分組而不是分割條目。（如下圖）

分類及使用場景：
1、通欄分割線：用于分割彼此完全獨立的內容。
2、內嵌分割線：用于分割有錨點（頭像或圖標）的相關內容。
3、中間分割線：用于分割無錨點（頭像或圖標）的相關內容。

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

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

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

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

小結：

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

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


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

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

 

評論(0) 瀏覽(654)

設計靈感來源于“善于發現”

博博

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


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

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(792)

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

博博

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

作者：PONEPENG
來源：站酷

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計

軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(752)

AIGC產品的設計原則

博博

一、AI產品形態介紹

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

輔助駕駛型

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

內容生產型

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

自主決策型

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

二、AIGC產品設計原則

在AI產品的設計過程當中，針對不同的產品形態、用戶場景、用戶心智需要明確其設計原則。當前用戶對于AI工具的預期是：高性能、快速、高效和可靠。從用戶體驗上來說，用戶與AI產品的交互方式、對于AI產品的信任程度都有別于其他軟件。我們需要在各個環節上，制定好AI產品的能力范疇，管理好用戶對產品的預期，為AI產品提供一個友好、可拓展的交互架構。

原則1：讓用戶明確知道產品的能力范圍

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

原則2：讓用戶可預期結果

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

原則3：建立與用戶共建產品的機制

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

原則4：減輕用戶對數據隱私安全的顧慮

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

1、政策和規范的跟進和了解

遵守數據隱私和安全相關的法律法規和標準對于產品和應用是最基礎的。在國內，7月網信辦等7部委聯合公布了《生成式人工智能服務管理暫行辦法》，生成式人工智能服務管理辦法的正式落地為我國AI發展打下了基礎。

2、積極告知，將決策權還給用戶

積極告知用戶產品如何保護數據隱私安全也是規避風險的一種方法。比如用戶協議中對于用戶隱私的處理，比起直接提供給用戶大段的文案讓他們去逐字查看，在操作流程中說明產品對于用戶隱私的使用，并讓用戶進行手動確認會明顯提高用戶對于產品的信任程度。蘋果在數據隱私安全方面始終站在了用戶這一邊，無論是安裝應用時詢問權限還是每次出現的“是否允許粘貼”，其對于隱私保護的方法與措施都值得我們學習。

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

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

三、結語

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

 

藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發

評論(0) 瀏覽(653)

高端網站設計公司藍藍設計：關注并改善殘疾人用戶體驗

博博

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

評論(0) 瀏覽(771)

日歷

鏈接

個人資料

藍藍設計的小編 http://91whvog3.cn

存檔