首頁

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

博博

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


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

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

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

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

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

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

博博

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

作者:PONEPENG
來源:站酷

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

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

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

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

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

博博

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

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

輔助駕駛型

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

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

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

自主決策型

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、結(jié)語

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

 

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

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

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

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

博博

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

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

博博

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

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

博博

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

高端網(wǎng)站設(shè)計(jì)公司藍(lán)藍(lán)設(shè)計(jì):引領(lǐng)未來的交互設(shè)計(jì)

博博

在飛速發(fā)展的數(shù)字時(shí)代,用戶界面(UI)設(shè)計(jì)已經(jīng)成為一項(xiàng)至關(guān)重要的任務(wù)。。本文將帶你探討UI設(shè)計(jì)的最新趨勢,如何引領(lǐng)未來的交互設(shè)計(jì),創(chuàng)造更加自然、直觀且吸引人的用戶體驗(yàn)。無論你是UI設(shè)計(jì)師、開發(fā)人員,還是產(chǎn)品經(jīng)理,都能從中獲得啟發(fā)和靈感。

 

UI咨詢公司-藍(lán)藍(lán)設(shè)計(jì):頂級秘籍:提升UI設(shè)計(jì)吸引力的3大絕招

博博

想要讓你的UI設(shè)計(jì)在海量應(yīng)用中脫穎而出,吸引用戶眼球嗎?如果你正在尋找提升UI設(shè)計(jì)吸引力的絕妙方法,那么你絕對不能錯(cuò)過本文!我們將為你揭示頂級UI設(shè)計(jì)師都不會告訴你的3大絕招,讓你輕松掌握提升UI設(shè)計(jì)吸引力的關(guān)鍵技巧,讓你的設(shè)計(jì)在競爭激烈的市場中獨(dú)樹一幟!

UI咨詢公司-藍(lán)藍(lán)設(shè)計(jì):為企業(yè)打造卓越的信息化UI界面設(shè)計(jì)"

博博

UI設(shè)計(jì)公司-藍(lán)藍(lán)設(shè)計(jì)(北京蘭亭妙微科技有限公司)是一家在企業(yè)信息化UI界面設(shè)計(jì)領(lǐng)域擁有豐富經(jīng)驗(yàn)的專業(yè)團(tuán)隊(duì)。我們深知企業(yè)信息化的需求,了解企業(yè)用戶的使用習(xí)慣和期望。我們的設(shè)計(jì)師們具備深厚的設(shè)計(jì)背景和專業(yè)知識,能夠?qū)⑵髽I(yè)的品牌形象和用戶需求融入到UI界面設(shè)計(jì)中。

夢想與現(xiàn)實(shí)交匯,設(shè)計(jì)之路點(diǎn)亮人生舞臺

博博

每個(gè)設(shè)計(jì)師都有一段故事,每個(gè)夢想都有實(shí)現(xiàn)的可能。在這個(gè)瞬息萬變的時(shí)代,無數(shù)年輕人懷揣夢想,投身設(shè)計(jì)領(lǐng)域,期待用雙手創(chuàng)造未來。當(dāng)初成為設(shè)計(jì)師的他們,現(xiàn)在愿望實(shí)現(xiàn)了嗎?讓我們一起探尋他們的故事,感受夢想與現(xiàn)實(shí)交匯的魅力。

日歷

鏈接

個(gè)人資料

存檔