首頁

162024-10

有了 AI 界面變得更有視覺感啦！

濤濤

涉及軟件：Midjourney、Photoshop、Sketch

作者：黑馬青年

鏈接：https://www.zcool.com.cn/work/ZNjcwNTY0MDQ=.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

藍藍設計(www.tuitetiyu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件 UI界面設計、能源及監(jiān)控軟件 UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統 GIS UI界面設計、航天軍工軟件 UI界面設計、醫(yī)療行業(yè)軟件 UI界面設計、教育行業(yè)軟件 UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

評論(0) 瀏覽(826)

162024-10

UI設計師如何利用好AI～

濤濤

ai越來越熱，無數信息和新聞鋪天蓋地的涌現，身處信息潮的普通的設計師的一員，我從焦慮、迷茫再到堅定，AI終將只是一個工具而已，我們無需害怕，只需要不斷地學習和應用，保持自身的競爭力。

評論(0) 瀏覽(1089)

152024-10

口腔醫(yī)療交互視覺設計

濤濤

醫(yī)療行業(yè)交互視覺設計分享

評論(0) 瀏覽(687)

022024-7

Midjourney直接生成UI界面！AI設計體驗指南

濤濤

目前國內外有很多熱門的AI繪圖工具，其中Midjourney是目前我覺得最容易上手的工具，對于完全不懂AI繪圖、想試試看的新手來說，是很不錯的入門選擇。

評論(0) 瀏覽(1624)

252024-6

AI產品體驗設計拆解

鶴鶴

作者：肥宅的魚
鏈接：https://www.zcool.com.cn/work/ZNjU2NDg1NjA=.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

評論(0) 瀏覽(1256)

252024-6

向產品中注入人工智能的指南-總結20年的人工智能設計

鶴鶴

譯者推薦 | 作為現在熱門的 AI 交互，已經有不少文章進行了設計探討。而在此篇，設計師總結了過去 20 年間 AI 設計的經驗教訓，總結出 18 個交互設計指南，為我們提供了設計原則，希望有所裨益。

Photo by Franck V. on Unsplash

如今，許多產品都具備了 AI 支持的一些功能。我們每天都在移動設備上以各種形式攜帶 AI 系統，例如活動跟蹤器、郵件過濾器、自動完成和社交網絡訂閱廣告。像 Siri、Google Home 和 Cortana 這樣的虛擬助手幫助我們完成簡單的任務。推薦系統會為我們建議在亞馬遜上的下一次購買，并指引導我們進入下一個喜歡的 Netflix 系列。

AI 融合產品的性質

AI 融合產品的共同特征是，與其他系統不同，它們依賴于概率，因此涉及不確定性。AI 注入的產品本質上是不一致的，因為它們是隨著時間的推移而學習的。它們也可能依據光線環(huán)境、環(huán)境噪聲、人類口音和其他情況有不同的反應。這種不可預測性會讓用戶感到困惑，降低他們的信任，最終可能導致他們放棄產品。

AI 交互的設計指南

為了確保良好的設計，Amershi 及其同事推薦了一些人工智能交互指南。這些設計指南融合了該領域 20 多年的經驗教訓。他們從白皮書、評論、新聞文章、社論和學術論文中收集了 168 個設計建議，并將它們合成為以下 18 個指南。

DG1：明確系統可以做什么。

幫助用戶了解 AI 系統的功能。例如，在處理用戶數據時，對跟蹤哪些數據以及如何跟蹤數據保持透明。

DG2：明確系統能夠做得如何。

幫助用戶了解 AI 系統可能出錯的頻率。

DG3：基于環(huán)境的時間服務。

AI 系統應根據當前任務和環(huán)境考慮何時采取行動或何時中斷用戶。

DG4：顯示相關信息。

顯示與用戶當前任務和環(huán)境相關的信息。

搜索電影標題 “Weathering With You” 將反饋相關的放映時間和地點。

DG5：符合相關的社會規(guī)范。

考慮到用戶的社會和文化背景，提供期望的體驗。例如，語音助手在與有孩子的家庭交談時，應該注重用語的健康。

DG6：減輕社會偏見。

防止 AI 系統的語言和行為加強不良的刻板印象和偏見。

DG7：支持高效的調用。

簡化向 AI 系統請求服務的方法。

用戶可以直接說喚醒詞 “Alexa” 開始與 Amazon Echo 互動

DG8：支持有效的忽略。

簡化拒絕或忽略不需要的服務的方法。

DG9：支持有效的糾正。

簡化編輯或在錯誤中恢復的方法。例如，通過語音助手設置提醒后，用戶可以在手機上找到提醒并且手動編輯它。

DG10：服務范圍有疑問時。

當不確定用戶的目標時，參與消除歧義或委婉地削弱 AI 系統的服務。

自動填充提供可滾動的建議，而不是自動為用戶填寫單詞。

DG11：明確系統為什么會這樣做。

AI 系統的行為表現應該是透明的，向用戶表面它為什么會這樣做。

谷歌地圖顯示“最快路線”是選擇特定路徑的原因。

DG12：記住最近的交互。

保持短期記憶并允許用戶有效地引用它。例如，搜索引擎應該基于先前的查詢來理解后續(xù)查詢的內容。

DG13：從用戶行為中學習。

通過不斷學習用戶的行為，個性化用戶體驗。

DG14：謹慎更新和調整。

在更新和調整 AI 系統的行為時，不要有破壞性的更改。

當用戶選擇歌曲時，不要突然更新所有的熱門推薦。保持頂部穩(wěn)定并更新其余部分。

DG15：鼓勵細化反饋。

使用戶能夠在與 AI 系統定期的互動期間提供指示其偏好的反饋。例如，如果AI 系統沒有將電子郵件標記為重要的話，用戶可以自己標記。

DG16：傳達給用戶行為的后果。

立即更新或傳達給用戶此操作將如何影響 AI 系統之后的行為。

Instagram 通知用戶隱藏廣告的操作將幫助他們改善廣告未來的質量。

DG17：提供全局控制。

允許用戶全局定制 AI 系統監(jiān)控的內容及其行為方式。例如，用戶能夠打開和關閉位置共享。

DG18：通知用戶有關更改的信息。

當 AI 系統添加或更新其功能時應該告知用戶。例如，AI系統可以提供針對新功能的應用教程。

這些指南來自 Amershi 等人在 CHI 2019 年發(fā)表的人工智能交互指南。

作者：三分設
鏈接：https://www.zcool.com.cn/article/ZMTQyOTc1Mg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

評論(0) 瀏覽(1308)

212024-6

B端設計規(guī)范的安全著陸

前端達人

在B端領域設計工作多年，從最初的執(zhí)行者成長為項目負責人。起初只與單個團隊對接，現在協調多個開發(fā)團隊，同時管理多個項目。設計團隊承擔了大量工作，提高了公司項目的完成效率。例如，設計團隊制定了全面的設計規(guī)范，然而開發(fā)人員未能充分利用，個別人員還不想使用設計規(guī)范…

本文介紹了設計團隊已完成的工作、面臨的困難，并從公司、團隊及個人層面提供了相應的解決方案，供大家參考與交流。

想法很重要，落地更重要

“有很多優(yōu)秀的想法，但如果不能夠把它們變成現實，就沒有什么價值。”

這句話出自比爾·蓋茨的一篇演講，該演講是在1994年的美國全國高技術展（National Educational Computing Conference）上發(fā)表的。在這篇演講中，比爾·蓋茨講述了他對計算機科學的看法，并提出了他對教育和技術的未來的愿景。在談到創(chuàng)新和想法的時候，他說了這句名言。

這句話強調了將想法轉化為實際行動的重要性。如果一個項目只是停留在推廣的層面，沒有得到廣泛的實際應用，那么最終也只是空中樓閣，不具有實際意義。比爾·蓋茨本身也是一個成功的企業(yè)家和創(chuàng)新者，他的公司微軟在計算機科學和技術領域有著深遠的影響，這句話也可以被看作是他對于企業(yè)家精神和成功的總結和提醒。

設計團隊已經做了什么

當前無論大小公司，內部的設計團隊正在搭建或完善升級統一的設計體系，包括設計語言、設計風格、設計元素、設計規(guī)范等，以便在設計過程中保持一致性和高效性。

我們

制定和完善設計規(guī)范

，包括但不限于色彩、字體、排版、圖標、圖片、按鈕等，以便在設計中提高一致性和可讀性。

我們

制定和完善設計流程

，包括但不限于需求評審、設計評審、設計反饋、設計修改、設計輸出等，以便在設計過程中提高效率和質量。

我們

定期分享設計經驗和設計理念

，以便在設計團隊之間提高溝通和理解，同時也會進行針對性的培訓，以便提高設計團隊的能力和水平。

我們

建立設計資產庫

，包括但不限于圖標、矢量圖、圖片、UI元素、設計模板等，以便在設計過程中提高效率和一致性。

我們一直在不斷地提高自己的設計能力和水平，不斷修煉自身，讓“內功”越來越強。

3.如何升級迭代設計規(guī)范

當我們成功構建出0-1階段的設計規(guī)范后，這僅僅是一個起點，而非終點。真正的挑戰(zhàn)在于如何持續(xù)推進，實現從1到N的升級迭代。為此，我總結了六個關鍵的步驟，用以指導我們如何有效地實現設計規(guī)范的進階與發(fā)展。

1)閱讀規(guī)范文檔

行動：了解并熟悉設計規(guī)范，在實際項目中有效應用；并與其他規(guī)范進行對比；

目的：閱讀設計規(guī)范文檔是為了深入了解規(guī)范，包括其應用時的局限和不足。

2)參考設計模板

行動：根據不同業(yè)務，制作典型的范例頁面；

目的：檢查設計規(guī)范的可行性，發(fā)現相關問題，并進行優(yōu)化調整。

3)與其他團隊交流

行動：與產品、設計、研發(fā)、測試、運維等團隊交流，了解當前規(guī)范應用的情況；

目的：充分了解其他團隊對設計規(guī)范的理解和應用情況，并根據他們的建議進行優(yōu)化調整。

4)參與設計評審

行動：設計評審環(huán)節(jié)，自己負責的項目，建議自己來講解；只是參與的項目，盡可能對傾聽；

目的：一方面是為了收集其他團隊的建議，另一方面也是設計規(guī)范推廣的重要途徑。

5)學習現有項目

行動：查看團隊其他項目的設計，了解其他成員對規(guī)范的理解與應用，學習并消化；

目的：每個成員對規(guī)范組件的應用存在一定差異，查看并學習他們的設計方案，有助于提升自己應用的全面性。

6)創(chuàng)建新的組件

行動：通過前面5個步驟的積累，根據實際場景，創(chuàng)造新的組件應用方案；

目的：規(guī)范組件并非一成不變，需要不斷升級迭代，這樣設計規(guī)范才能不斷完善和壯大。

4.工作中還會面臨什么阻礙

雖然設計師不斷完善自身，但實際項目中常見線上系統還原度低的問題，如間距不合理、組件樣式不符等。這可能是因為前端工程師缺乏對設計規(guī)范的了解。需求方有時會反饋部分設計不合理，要求必須參照已有系統，需要我們進一步優(yōu)化，但我們可能發(fā)現自己的方案更優(yōu)。此外，即使是小的優(yōu)化也可能因為項目時間緊而無法及時處理，導致無限期推遲。還有一些公司的研發(fā)團隊可能分散在全國各地，涉及的產品業(yè)務線交織復雜，而不同客戶的要求也各不相同，這樣統一系統的難度就會非常高。

這些問題的根本原因在于其他部門人員缺乏對設計規(guī)范的了解。因此，設計體系的搭建需要整個團隊協作，包括但不限于產品經理、開發(fā)人員和測試人員。只有整個團隊共同合作，才能建立高效、協調、一致的設計體系，提高設計質量和效率，為公司的發(fā)展做出貢獻。

5.我們還需要做什么

設計規(guī)范不應該僅僅屬于設計部門的“私有”物品，而是應該為所有參與者、使用者和制定者所了解和合理應用，包括產品經理、開發(fā)人員和測試人員等。然而，實際情況是，并不是所有部門的人都了解我們的設計規(guī)范，也不是每個人都能夠合理地應用。因此，推廣設計規(guī)范已成為一項重中之重的任務。

如果我們發(fā)現設計部門的影響力不足，可以通過借助公司技術委員會或高層辦公室的名義，指定相應的制度并確認設計規(guī)范的落地推廣。這需要設計負責人具備良好的向上管理能力，并從公司利益的角度出發(fā)，確保規(guī)范落地的效果。同時，我們需要與其他部門負責人溝通，向他們闡述規(guī)范的統一益處，并爭取他們的支持，確保規(guī)范能夠被更廣泛地認知和使用。

設計規(guī)范的推廣需要有序進行：

1)制定明確的計劃和目標。

在設計規(guī)范推廣之前，需要設定明確的目標和計劃，包括推廣的時間表、實施步驟和措施等，以確保推廣和落地的有序進行。

制定清晰的規(guī)劃可以讓公司高層看到目標的可實現性，同時也能讓我們有序地推進工作。將想法從腦海轉化為文字，可以讓所有人都清晰地了解我們要完成的任務。

2)闡述設計規(guī)范的價值。

在推廣設計規(guī)范之前，需要向其他兄弟部門說明其背后的意義和價值。這可以包括提高生產效率、保證產品質量、提升項目成員滿意度等，讓大家明白規(guī)范的存在是為了更好地實現公司的目標以及部門的績效。

我們需要與其他部門攜手合作，共同推動計劃的成功實現。只有讓更多的人參與其中，才能增強推廣設計規(guī)范的力量。當然，我們也要面對可能會出現的困難，比如某些團隊對此不感興趣或缺乏理解。在這種情況下，我們需要更加諒解，并將精力集中在那些對此感興趣的團隊上。畢竟，他們最終會認識到這項工作的價值和必要性。因此，讓計劃從紙上落地，并尋找更多的盟友，是推廣設計規(guī)范的必要策略。

3)提供培訓和支持系統。

為使開發(fā)人員能夠順利地應用新的規(guī)范，設計部門需要系統培訓和支持系統。這包括提供相關的培訓資料、安排專業(yè)人員進行培訓和指導，并建立相關的問答和支持平臺等，例如建立微信群，以幫助開發(fā)人員或產品經理更好地理解和應用新的規(guī)范。

每個項目的溝通和交付都是推廣設計規(guī)范的良機。我們需要有耐心地回答產品經理和前端工程師的問題，讓他們逐漸了解并應用規(guī)范。這不僅可以幫助我們更好地推廣規(guī)范，還可以增進我們與其他部門的合作和溝通，提高團隊的整體效能。

4)明確獎懲措施。

在推廣新的制度或規(guī)范的過程中，需要設定明確的獎懲措施，以激勵大家積極參與和執(zhí)行。例如，對于積極應用新規(guī)范的成員，可以給予獎勵或表揚，而對于沒有遵守制度或規(guī)范的員工，也需要適當的懲罰或提醒。

規(guī)范是保證工作高效和質量的基礎，因此我們需要建立明確的考核機制，以確保設計規(guī)范的正確應用并與員工績效掛鉤。這不僅有助于提高員工的規(guī)范遵循度，也可以促進他們對規(guī)范的認知和應用。

5)持續(xù)監(jiān)控和反饋。

設計師需要持續(xù)監(jiān)控和反饋其他部門的執(zhí)行情況，并及時對可能出現的問題進行調整和改進。這可以包括開展相關的調研和問卷調查，以及定期收集大家的反饋和意見等。只有持續(xù)地關注和改進，才能建立一個高效、協調、一致的設計體系，提高設計質量和效率，為公司的發(fā)展做出貢獻。

設計并非只有唯一的答案，而是在不斷迭代。我們收集反饋和意見的目的是讓設計規(guī)范更加完善，而不是強制束縛。

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

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

作者：JasonGYF
鏈接：https://www.zcool.com.cn/article/ZMTYyMTM4OA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

評論(0) 瀏覽(1110)

212024-6

B端體驗設計10大好處

前端達人

現代管理學家-彼得.德魯克說過：“如果你不能夠測量，那么就沒法很好的管理它”。B端體驗設計曾經在我的心中是不可測量的，覺得它很縹緲，它就是一種感受，一種體驗，而每個人的感受又是不一樣的，想法也是不一樣的，這又該如何去評判體驗的好與壞；這一度讓我苦惱，經過學習研究，發(fā)現其實也沒那么飄，本文將通過具體的案例來跟大家探討體驗設計在B端設計中的應用，以及它有哪些具體的思維模型和可量化的方法論。

一、B端用戶體驗設計的10大好處

1、主動吸引

好的用戶體驗是用戶積極參與，它就是那道光，讓用戶不自覺地被吸引，而主動靠近產品，想要一探究竟。

百度網盤企業(yè)版把產品簡介以動畫的形式放在了首頁，形式非常的美觀時尚，讓人不禁想要點進去看看，進去之后是一個詳細的產品介紹說明，說明也是通過MG動畫的形式展出的，畫面美輪美奐，讓人不禁想多看幾遍，產品的吸引感比較強。

2、提升效率

好用的B端產品，可以提升用戶操作效率，讓你的工作如同行云流水。相反，如果產品難用，那就像是用鈍刀切黃油，不僅效率低下，還可能讓人心情煩躁。

人人都是產品經理在文章投稿發(fā)布頁面，設置了一個文章導入功能，支持文章從公眾號、簡書、知乎專欄導入，大大節(jié)約了投稿人編輯文本和排版的時間，節(jié)約了用戶寶貴的時間，投稿人不需要重復排版去應對每個平臺的需求，也加大了人們投稿的意愿。

3、愉悅心情

面對每天都要用的產品，若其使用體驗好，用戶就會覺得工作也是一件令人愉悅的事情，若使用體驗差，就會影響用戶工作時的心情，嚴重的還會阻礙用戶（員工）KPI的達成，導致用戶的離職率上升。

飛書的登錄加載頁非常有趣，小鳥不停啄食以及鈴鐺不斷搖擺的動畫，看著非常的童趣，感受到了童真的快樂和輕松愉悅的氛圍。

4、符合心智

B端產品若沒有體驗設計這一環(huán)節(jié)，產品想法落地就只是研發(fā)邏輯的呈現，而不是用戶需求與用戶心智的呈現，無法給用戶提供合理的人機交互。體驗設計打開了用戶需求和心智的世界，讓用戶感受到產品是為他們量身定制的。

今年由Alibaba Design發(fā)起D20全球設計院長峰會，他的官網首頁設計的特別符合用戶的心智，畫面簡潔又不失時尚，還帶著點動感，特別的耐看，人性深處也更多的會對動的東西產生更多的注意力。

下邊的導航欄，設計的也非常貼切，正好在一個電腦屏幕中展示，想要看哪個部分，直接點擊對應的導航欄就能精準的跳到該部分，不需要用戶進行長時間拖拽就能看到。

5、簡化流程

在符合業(yè)務邏輯的基礎上，體驗設計可以優(yōu)化B端復雜的流程，把復雜的迷宮簡化成一條直線，從而讓用戶在操作界面時感覺到暢通和舒適。

騰訊文檔的登錄頁，沒有讓用戶輸入一連串的賬號和密碼，通過二維碼的方式，讓用戶掃碼登錄，快捷又方便，簡化了用戶登錄的流程。

作者：姝斐suphie
鏈接：https://www.zcool.com.cn/article/ZMTYyMTc3Mg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

評論(0) 瀏覽(1139)

192024-6

AI時代新篇章：用戶體驗設計的智能革命與未來展望

鶴鶴

隨著ChatGPT在23年初的火熱，AI熱潮已經開始席卷各行各業(yè)，人們對于AI的熱情就像是看著第一款iPhone發(fā)布或者蒸汽機的發(fā)明，期待著它帶來一場信息時代的工業(yè)革命。同時，AI替代60%崗位的口號也足以讓相關從業(yè)者感到前所未有的壓力與焦慮。在各大設計網站上，關于AI的內容肉眼可見的占據了越來越多的比重，包括AI在設計流程中的應用、各種AI最新工具等介紹、AI的使用技巧、AI生成的海報/插畫等作品……一瞬間，似乎全民都投入到了AI的浪潮之中。
反過頭來看，對于用戶體驗設計而言，由于產品的底層邏輯被AI改寫，產品的生態(tài)、單個產品的形態(tài)、使用方式等都將發(fā)生翻天覆地的變化。連帶著的，由于生產工具的變革，產品的設計、開發(fā)流程也將隨之發(fā)生變化，進一步提高效率，對于從業(yè)人員的能力要求也在實時更新。
對于這樣一種浪潮，埋頭當個鴕鳥或者嗤之以鼻是沒有意義的，我們需要看到、認識、擁抱它。所以有人笑稱：打不過就加入。同時，對于各種所謂干掉各個崗位的宣傳，也吸引著、推動著我們去了解將被什么干掉以及怎么被干掉。
從另一方面講，只有在技術變革的時候，彎道超車才有可能。如果只是沿用之前的經驗與技術，那么成熟的企業(yè)就會有先發(fā)優(yōu)勢。但是當面對新的技術變革時，大家被拉回到同一起跑線上，這個時候，就看誰能夠找到正確的方向，率先突圍。
所以，不管是被動也好，還是主動也好，面對著新一輪的技術變革，也希望從AI能力本身、所帶來的變化、以后的發(fā)展等方面全面了解一下這個新的時代寵兒。

評論(0) 瀏覽(2281)

072024-6

AI動漫視頻工具1.0—探索全新內容創(chuàng)作設計理念與實現策略

鶴鶴

一、項目背景

AI動漫視頻是AIGC的熱門賽道之一，目前市面上許多動漫領域核心玩家均布局或已啟動AIGC動漫內容生產。我們希望為有意向進行AIGC領域創(chuàng)作的PUGC創(chuàng)作者提供便捷的渠道及工具，通過孵化一批獨家的AIGC動漫原創(chuàng)作者，入局動漫創(chuàng)作行業(yè)核心圈，為平臺供給大量差異化原創(chuàng)內容。

評論(0) 瀏覽(1254)

« 1 ... 9 10 11 12 13 14 15 ... 57 »

日歷

鏈接

個人資料

藍藍設計的小編 http://www.tuitetiyu.cn

首頁