久久午夜无码鲁丝片午夜精品_老公把儿媳妇当妻子电视剧免费观看_ ,啊啊啊啊用力啊啊,高清无码午夜福利视频伦理剧,国产毛片永久视频,猛男互草视频,中出大屁股木下凛凛子在线播放

首頁(yè)

毫無(wú)亮點(diǎn)的界面,該怎么加設(shè)計(jì)感?這個(gè)破班,不上也罷!

濤濤 設(shè)計(jì)思維

你是不是也常遇到這種情況:拿到手的界面原型平平無(wú)奇,滿屏都是基礎(chǔ)文字和按鈕,想優(yōu)化加設(shè)計(jì)感卻無(wú)從下手,改來(lái)改去要么還是單調(diào)乏味,要么畫蛇添足影響體驗(yàn),最后只能煩躁吐槽:“這破班,不上也罷!”

高效導(dǎo)航:B 端頂部導(dǎo)航設(shè)計(jì)解析

濤濤 設(shè)計(jì)管理與成長(zhǎng)

曾幾何時(shí),做 B 端產(chǎn)品設(shè)計(jì)時(shí),總覺(jué)得頂部導(dǎo)航不過(guò)是把功能菜單橫向排列,找現(xiàn)成的組件拼一拼就能用,無(wú)需過(guò)多打磨。早期不少中臺(tái)產(chǎn)品的頂部導(dǎo)航,甚至只是簡(jiǎn)單的文字羅列,連基礎(chǔ)的視覺(jué)區(qū)分都做的不到位。

別再讓卡片設(shè)計(jì)逼走程序員!落地級(jí)精致設(shè)計(jì)心法,新手也能直接抄

濤濤 設(shè)計(jì)管理與成長(zhǎng)

其實(shí) APP 里的卡片設(shè)計(jì),從來(lái)不是越花哨越好,核心是 “精致落地兩不誤,視覺(jué)實(shí)用雙在線”。那些讓程序員頭大的設(shè)計(jì),大多是踩了 “過(guò)度設(shè)計(jì)、無(wú)視實(shí)現(xiàn)邏輯” 的坑;而那些看著普通卻超好用的卡片,都藏著可復(fù)用的設(shè)計(jì)邏輯。

設(shè)計(jì)的理性與感性:以邏輯為基,以情感為翼

濤濤 設(shè)計(jì)思維

設(shè)計(jì)的感性與理性之爭(zhēng),似乎從未有過(guò)標(biāo)準(zhǔn)答案。有人將設(shè)計(jì)視作靈感迸發(fā)的藝術(shù)創(chuàng)作,重感性表達(dá);有人將其當(dāng)作解決問(wèn)題的工程實(shí)踐,尊理性決策;也有人籠統(tǒng)說(shuō) “要平衡二者”,卻始終說(shuō)不清該如何平衡。事實(shí)上,這場(chǎng)爭(zhēng)論的核心誤區(qū),在于混淆了設(shè)計(jì)的決策過(guò)程與表達(dá)結(jié)果兩個(gè)維度。設(shè)計(jì)從來(lái)不是非此即彼的選擇,而是一場(chǎng)理性為根、感性為枝的生長(zhǎng) —— 理性決定設(shè)計(jì)的方向與可行性,讓設(shè)計(jì)不偏離解決問(wèn)題的本質(zhì);感性賦予設(shè)計(jì)的溫度與感染力,讓設(shè)計(jì)超越功能成為與用戶共鳴的載體。二者并非對(duì)立或并列,而是層層嵌套的先后關(guān)系:先以理性錨定目標(biāo),再以感性點(diǎn)亮價(jià)值。

別再做假大空的用戶畫像了!手把手教你落地實(shí)操

濤濤 用戶研究

寶子們好久不見(jiàn)!失蹤人口正式回歸~ 今天來(lái)扒一扒設(shè)計(jì)師作品集里的重災(zāi)區(qū) ——用戶畫像,多少人做的畫像要么是 “小美小帥式” 的廢話文學(xué),要么是拍腦袋瞎編,面試官一眼掃過(guò)直接搖頭。這篇文主打一個(gè)接地氣,從概念到實(shí)操,從避坑到案例,保你把用戶畫像做透,作品集里這一板塊直接封神?。ㄈ膰Z嗑式輸出,摸魚時(shí)間放心看~)

為什么AI圖標(biāo)都愛(ài)用“菱形十字星“這個(gè)視覺(jué)符號(hào)?

清陽(yáng) 圖標(biāo)設(shè)計(jì)文章及欣賞

從谷歌的Gemini到ChatGPT Plus,從Photoshop的智能填充到釘釘?shù)腁I助理,這個(gè)符號(hào)似乎已經(jīng)成為了AI的專屬標(biāo)志。這篇文章將帶你深入了解“菱形十字星”的起源、發(fā)展以及它在AI圖標(biāo)中的廣泛應(yīng)用,探討這個(gè)視覺(jué)符號(hào)如何成為AI時(shí)代的標(biāo)志。

不知道大家有沒(méi)有發(fā)現(xiàn)一個(gè)現(xiàn)象,現(xiàn)在很多AI標(biāo)志或圖標(biāo)里都帶有“菱形十字星”元素,自帶一股科技感和閃光感。這個(gè)設(shè)計(jì)風(fēng)向?qū)嶋H已經(jīng)興起兩三年了。

2022年ChatGPT的發(fā)布直接給IT行業(yè)來(lái)了一場(chǎng)大變革,之后大部分應(yīng)用都開(kāi)始接入AI功能。設(shè)計(jì)師們琢磨來(lái)琢磨去:到底用啥圖標(biāo)代表AI好呢?最后“菱形十字星”成了共識(shí)。

接下來(lái)就如大家所見(jiàn)了,哪里有AI,哪里就有菱形元素——谷歌的Gemini、Figma AI、ChatGPT Plus、PS的智能填充、有道詞典的logo、釘釘?shù)腁I助理、百度搜索的問(wèn)AI……

那么“菱形十字星”元素是如何演變而來(lái)的呢?又是從什么時(shí)候開(kāi)始、因?yàn)槟男┰?,這個(gè)視覺(jué)符號(hào)逐漸成為AI專屬標(biāo)志的呢?一起來(lái)看看~

01 “菱形十字星”的起源

說(shuō)起菱形元素的最直接的起源,在日本漫畫里其實(shí)早有蹤跡。

在日本流行文化里,“菱形十字星”元素常用來(lái)突出漫畫人物角色的眼睛或者強(qiáng)調(diào)某個(gè)場(chǎng)景。到了20世紀(jì)70、80年代,它逐漸成為一種視覺(jué)符號(hào):只要角色看到想要的東西或者喜歡的人,或是覺(jué)得某件事很酷很驚喜,眼睛里就會(huì)冒出這種閃光的菱形十字星。

后來(lái)到了1999年,日本電信公司Docomo創(chuàng)造了第一批“表情符號(hào)”,突破了純文字交流的局限。當(dāng)時(shí)設(shè)計(jì)師栗田重隆一共設(shè)計(jì)了176個(gè)表情,其中就有個(gè)菱形十字星圖案 (左下角),能把這個(gè)圖案加進(jìn)去估計(jì)就是因?yàn)樗诋?dāng)時(shí)的日本流行文化里太有存在感了。

直到2010年,這個(gè)表情加入到Unicode 6.0標(biāo)準(zhǔn),表情的官方名稱叫Sparkles,從此在全世界的數(shù)字設(shè)備上都能使用它了,也就是現(xiàn)在咱們手機(jī)里打出來(lái)的?表情。

02 AI視覺(jué)符號(hào)的發(fā)展

1990年P(guān)hotoshop推出了“魔棒”功能,這讓菱形十字星元素在數(shù)字世界里的存在感又上了一個(gè)臺(tái)階。估計(jì)不少設(shè)計(jì)師都用過(guò)這個(gè)功能:點(diǎn)一下魔棒工具,就能選中圖片里顏色相近的區(qū)域。在此之前,要做這事要么手動(dòng)用橡皮擦,要么一點(diǎn)點(diǎn)框選,操作起來(lái)很麻煩。

不過(guò)話說(shuō)回來(lái),跟其他圖標(biāo)比,“魔棒”圖標(biāo)表達(dá)出來(lái)的含義其實(shí)挺模糊的。你看時(shí)鐘、日歷、文檔、放大鏡、垃圾桶這些圖標(biāo),一看就知道是干啥的。

但魔棒圖標(biāo)是啥意思?可能真說(shuō)不準(zhǔn)。正是由于這種特性,“魔棒”適合表達(dá)新穎、神秘、美好、便利等含義 (魔法棒一揮,美好的事情即將發(fā)生)。

后來(lái)在圖片編輯領(lǐng)域,菱形十字星元素用得越來(lái)越頻繁。只要是能“少動(dòng)手”的功能,比如自動(dòng)調(diào)色調(diào)、快速選區(qū)域、濾鏡,在設(shè)計(jì)圖標(biāo)時(shí)都喜歡加入菱形十字星元素。

到最后,只要是能自動(dòng)處理各種繁瑣任務(wù)、個(gè)性化定制的功能圖標(biāo),都會(huì)加入菱形十字星元素。現(xiàn)在它幾乎成了一個(gè)萬(wàn)能的圖形,所有讓人覺(jué)得亮眼的功能,好像都能用菱形十字星表示。

真正讓菱形十字星元素和AI綁定在一起,是2020年谷歌相冊(cè)推出的AI圖像增強(qiáng)功能——與其向普通用戶解釋AI多復(fù)雜,不如直接傳遞“神奇的事情馬上要發(fā)生”的感覺(jué)。同年谷歌表格的“探索”功能也用了菱形十字星元素,通過(guò)機(jī)器學(xué)習(xí)給用戶推薦主題。這大概是谷歌首次嘗試給AI功能建立“視覺(jué)符號(hào)”。

此后菱形十字星元素迅速成為AI功能的視覺(jué)語(yǔ)言。各大公司好像心照不宣都開(kāi)始用它代表AI——你用我也用,慢慢就成了行業(yè)特征。

在AI人工智能剛興起的時(shí)候,許多設(shè)計(jì)師可能都面臨類似的困惑:如果必須用一個(gè)圖標(biāo)來(lái)代表AI,它會(huì)是什么形狀?最開(kāi)始有人使用機(jī)器人、大腦、芯片、燈泡或復(fù)雜電路圖案等圖形代表AI。但AI智能且復(fù)雜,要找個(gè)視覺(jué)穩(wěn)定、可擴(kuò)展且美觀的圖標(biāo)來(lái)代表,好像前面這些選項(xiàng)都差點(diǎn)意思——所以最后還是用”菱形十字星”這種視覺(jué)上最亮眼的圖案成為首選。

03 AI圖標(biāo)未來(lái)會(huì)變成什么樣?

現(xiàn)在菱形十字星常作為輔助元素在圖標(biāo)里搭配使用,而不是單獨(dú)使用。

比如夸克的AI搜索是一大一小兩個(gè)菱形搭配;有道的句子潤(rùn)色是魔棒搭配菱形;稿定AI平臺(tái)對(duì)菱形用的更廣泛,凡是跟AI相關(guān)的功能,像創(chuàng)意畫布、AI改圖、AI擴(kuò)圖等功能圖標(biāo)中都有菱形十字星作為輔助元素。

雖然菱形十字星用的越來(lái)越頻繁,但也有一些產(chǎn)品在嘗試減少菱形的使用并探索更加個(gè)性化的AI設(shè)計(jì)圖標(biāo)。

比如Notion剛開(kāi)始推AI功能時(shí)用的也是菱形十字星圖標(biāo),后來(lái)AI功能逐漸完善了之后就將AI換成了人臉效果的圖標(biāo),這個(gè)圖標(biāo)讓Notion的AI視覺(jué)效果一下子有了辨識(shí)度。

最后

說(shuō)不定等AI完全變成標(biāo)配功能之后,咱們還會(huì)重新用回那些傳統(tǒng)的圖標(biāo)。就像90年代的軟盤保存圖標(biāo)一樣,菱形十字星或許也會(huì)成為一個(gè)時(shí)代的標(biāo)志。

但在此之前,菱形十字星很可能仍將作為一種重要的視覺(jué)語(yǔ)言,象征著向AI人工智能時(shí)代的過(guò)渡,成為我們擁抱和理解新技術(shù)的標(biāo)志

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.jzvac.com 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

讀懂用戶心理,才是好 UI 設(shè)計(jì)的開(kāi)始

清陽(yáng) 設(shè)計(jì)思維

在設(shè)計(jì)領(lǐng)域,優(yōu)秀的用戶界面(UI)設(shè)計(jì),從來(lái)不止是視覺(jué)上的美感,更是對(duì)用戶心理的深刻理解。本文將帶你深入了解優(yōu)秀 UI 設(shè)計(jì)背后的心理學(xué)原理,揭示為什么某些設(shè)計(jì)能夠讓人感到自然、流暢,甚至在無(wú)意識(shí)中提升用戶體驗(yàn)。
 
你肯定遇到過(guò)那種用起來(lái)恰到好處的設(shè)計(jì)。一切元素仿佛都在它該在的位置,你無(wú)需費(fèi)力去辨認(rèn)、思考,也不會(huì)煩躁地點(diǎn)來(lái)點(diǎn)去才能弄明白。
 
這可不是什么魔法,背后靠的是成熟的心理學(xué)原理。
 
出色的 UI 設(shè)計(jì),可不只是選對(duì)了色調(diào),或是用了漂亮的字體。它之所以好用,是因?yàn)槎聪と藗兊乃季S方式:知道人們會(huì)注意什么、忽略什么,以及什么會(huì)讓用戶感到舒適、順暢。
 
下面我們就來(lái)剖析優(yōu)秀 UI 設(shè)計(jì)背后的心理學(xué)原理,幫你打造出讓用戶輕松上手、體驗(yàn)感極佳的界面。
 
蘭亭妙微 UI 設(shè)計(jì)公司多年專注于用戶界面與體驗(yàn)設(shè)計(jì),堅(jiān)持以用戶心理為底層邏輯,在美觀與易用之間找到最佳平衡,讓每一個(gè)界面都好看、好用、好懂。

 

1.大腦是個(gè) “偷懶的天才”(認(rèn)知負(fù)荷)

關(guān)鍵在于:人類的大腦很強(qiáng)大,但也超級(jí) “偷懶” 。

我們一直都在努力節(jié)省腦力。這就是為什么優(yōu)秀的 UI 設(shè)計(jì)不會(huì)讓人們進(jìn)行沒(méi)必要的思考。要是你的應(yīng)用程序用起來(lái)像解謎游戲,用戶會(huì)直接離開(kāi),說(shuō)不定走之前還會(huì)留下一篇言辭激烈的差評(píng)。

設(shè)計(jì)不是為了炫耀你有多聰明,而是要讓用戶感覺(jué)自己很聰明 。

這些技巧能讓大腦 “不宕機(jī)” :

  • 清晰呈現(xiàn)層級(jí)關(guān)系。通常,每個(gè)界面只設(shè)置一個(gè)主要操作就夠了。
  • 別搞沒(méi)必要的選擇。這又不是智力競(jìng)猜節(jié)目。

把復(fù)雜內(nèi)容藏起來(lái),等需要的時(shí)候再展示。(對(duì),說(shuō)的就是你 “高級(jí)設(shè)置” 。 )

2.“選擇過(guò)多” 問(wèn)題(??硕桑?/h2>

??硕珊芎?jiǎn)單:你給別人的選擇越多,他們做決定花的時(shí)間就越長(zhǎng),而且越想哭,或者直接放棄。

你有沒(méi)有盯著一個(gè)按字母順序排列,從 “阿富汗” 開(kāi)始羅列了 30 個(gè)國(guó)家的下拉菜單發(fā)懵?就是這種情況。

設(shè)計(jì)要做的是減少?zèng)Q策難度。不是剝奪用戶選擇自由,而是讓選擇路徑一目了然。

像極簡(jiǎn)主義者一樣設(shè)計(jì):

  • 把大任務(wù)拆分成小步驟。
  • 突出最常見(jiàn)或推薦的選項(xiàng)。
  • 使用默認(rèn)設(shè)置,反正大多數(shù)用戶都會(huì)選它。

3.目標(biāo)應(yīng)易于點(diǎn)擊(菲茨定律)

小得可憐的按鈕、細(xì)得離譜的文本鏈接,還有關(guān)閉按鈕 “X” 比果蠅還小的可關(guān)閉彈窗。

我們都為此吐槽過(guò)。菲茨定律表明,點(diǎn)擊某物所需的時(shí)間取決于兩個(gè)因素:目標(biāo)的大小和距離。所以,要是你想讓用戶真的去點(diǎn)擊按鈕,那就得讓它便于點(diǎn)擊。

實(shí)用建議如下:

  • 增大觸摸目標(biāo),在移動(dòng)端尤其如此。畢竟沒(méi)人能像忍者那樣手指精準(zhǔn)。
  • 把主要按鈕放在易于觸及的位置,想想大拇指操作的區(qū)域。
  • 避免將操作按鈕堆疊得太近。誤觸現(xiàn)在可是新的“抓狂亂點(diǎn)”源頭。

4.視覺(jué)層級(jí):為何你的用戶會(huì)迷失

用戶看屏幕可不是從上到下逐行閱讀,他們?yōu)g覽的樣子就像喝了濃縮咖啡的松鼠,這兒瞅瞅那兒看看。

所以,你得像指揮家引領(lǐng)管弦樂(lè)隊(duì)那樣把控視覺(jué)層級(jí)。通過(guò)尺寸、顏色、粗細(xì)和間距來(lái)告訴用戶:“嘿,先看這兒!”

要是沒(méi)有視覺(jué)層級(jí),所有元素都在爭(zhēng)搶用戶的注意力??梢撬性囟荚诖蠛按蠼?,那就什么都聽(tīng)不見(jiàn)了。

不妨試試這些方法:

  • 主要操作使用粗體,不太重要的內(nèi)容用細(xì)一些的字體。
  • 像對(duì)待本職工作一樣利用好留白(因?yàn)檫@就是你的工作)。
  • 想快速檢驗(yàn)效果?瞇著眼看你的設(shè)計(jì),最先映入眼簾的就是焦點(diǎn)。

5.熟悉感勝過(guò)創(chuàng)意

你或許想成為按鈕設(shè)計(jì)界的畢加索,或者重新發(fā)明導(dǎo)航欄。但你猜怎么著?人們偏愛(ài)他們熟悉的東西。

登錄表單總是按固定順序設(shè)置郵箱和密碼輸入框,這并非偷懶,而是因?yàn)榇蠹覍?duì)此熟悉。

具體做法如下:

  • 關(guān)鍵流程,如注冊(cè)、結(jié)賬、導(dǎo)航等,沿用標(biāo)準(zhǔn)的UI模式。
  • 把創(chuàng)意用在微交互或視覺(jué)效果上,別用在基礎(chǔ)布局上。
  • 記住:熟悉意味著可靠,怪異則會(huì)引發(fā)懷疑。

6.物以類聚(格式塔心理學(xué))

格式塔心理學(xué)本質(zhì)上是我們大腦快速解讀現(xiàn)實(shí)的方式。我們不會(huì)把事物看成孤立的元素,而是依據(jù)接近性、相似性、對(duì)齊方式和連續(xù)性對(duì)它們進(jìn)行分組。

如果你的用戶界面(UI)不遵循這些模式,用戶就會(huì)感到困惑。而困惑會(huì)讓用戶迅速關(guān)閉頁(yè)面。

舉例如下:

  • 外觀相似的按鈕應(yīng)該執(zhí)行類似的操作,別誤導(dǎo)用戶。
  • 在表單中,將相關(guān)字段放在一起,別把“姓名”和“郵箱”像彩蛋一樣隨意分散。
  • 對(duì)齊內(nèi)容,未對(duì)齊的元素會(huì)在潛意識(shí)層面引發(fā)混亂。

7.情感大于邏輯

告訴你個(gè)秘密:人們做決策時(shí)憑的是情感,之后才從邏輯上找理由。這一點(diǎn)在 UI 設(shè)計(jì)中同樣適用。

想想看,你有沒(méi)有因?yàn)槟硞€(gè)按鈕給人的感覺(jué)很好就點(diǎn)了它?比如那令人愉悅的懸停效果,或是那巧妙的動(dòng)畫。

設(shè)計(jì)能引發(fā)愉悅感,也可能帶來(lái)挫敗感。

如何從情感角度進(jìn)行設(shè)計(jì):

  • 使用有個(gè)性的微文案,一點(diǎn)點(diǎn)魅力就能產(chǎn)生很大效果。
  • 動(dòng)畫要流暢得像黃油般順滑,而不是像邁克爾?貝電影那樣夸張。
  • 打造令人愉悅的瞬間:比如一條歡快的成功提示信息、一個(gè)五彩紙屑動(dòng)畫,或是一個(gè)讓人滿意的加載狀態(tài)。

8.人們記住的是峰值與結(jié)尾(峰終定律)

用戶不會(huì)記得使用過(guò)程中的每一秒,他們記住的是最強(qiáng)烈的瞬間和結(jié)尾,這就是峰終定律。

所以,如果你的結(jié)賬流程十分順暢,但確認(rèn)頁(yè)面卻像 404 錯(cuò)誤頁(yè)一樣糟糕,猜猜他們會(huì)記住什么?

設(shè)計(jì)小貼士:

  • 找出你的“峰值時(shí)刻”,讓它們令人愉悅。
  • 絕不要忽視結(jié)尾。確認(rèn)消息、感謝頁(yè)面、注冊(cè)成功頁(yè)面,它們比你想象的更重要。

9.用戶體驗(yàn)的真正大敵:不確定性

要是用戶不確定某個(gè)按鈕的功能,就會(huì)猶豫不決。而這種猶豫會(huì)破壞操作的連貫性。

最出色的用戶界面(UI)能消除疑慮。它們仿佛在告訴用戶:“嘿,點(diǎn)這兒,放心,不會(huì)誤刪所有東西。”

可以利用以下方法:

  • 清晰的標(biāo)簽:“保存草稿”就比“提交”更明晰。
  • 微文案:短短一行字就能打消用戶的顧慮。
  • 反饋:及時(shí)告知用戶剛剛發(fā)生了什么,以及接下來(lái)會(huì)怎樣。

10.助你保持思路清晰的工具

說(shuō)實(shí)話,有時(shí)候你確實(shí)沒(méi)時(shí)間從頭構(gòu)建每一個(gè)流程。這時(shí)候,像 “Made in Figma” 這樣的插件就能救急。

它能讓你直接使用預(yù)先構(gòu)建好的 UI 流程和組件,這些都遵循了最佳實(shí)踐。無(wú)需猜測(cè),也不用到處找靈感。就好比有個(gè)不嘮叨的設(shè)計(jì)副駕在幫你

當(dāng)我想在不犧牲質(zhì)量的前提下快速推進(jìn)工作,或者大腦靠咖啡因強(qiáng)撐,只需要一個(gè)可靠的布局來(lái)開(kāi)展工作時(shí),我就會(huì)經(jīng)常用它。

額外福利:要是你還在看……

首先,感謝你。顯然你對(duì)優(yōu)秀設(shè)計(jì)非常上心。

其次,這里有一份基于心理學(xué)的 UI 設(shè)計(jì)小抄:

  • 去除干擾(少即是多)
  • 引導(dǎo)視覺(jué)
  • 遵循默認(rèn)設(shè)置和模式
  • 兼顧情感與邏輯進(jìn)行設(shè)計(jì)
  • 讓用戶有掌控感
  • 要是拿不準(zhǔn)怎么做?別耍小聰明,保持清晰就

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.jzvac.com 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

 

 

產(chǎn)品 UI 改版不翻車?蘭亭妙微 UI 設(shè)計(jì)的 5 個(gè)升級(jí)方法論

清陽(yáng) 移動(dòng)端UI設(shè)計(jì)文章及欣賞

很多品牌和產(chǎn)品在做設(shè)計(jì)改版時(shí),明明想讓界面更美觀、體驗(yàn)更流暢,卻常常迎來(lái)用戶吐槽。從 LOGO 更新到 APP 界面重構(gòu),一旦改動(dòng)不當(dāng),很容易出現(xiàn) “越改越難用” 的聲音。蘭亭妙微 UI 設(shè)計(jì)在長(zhǎng)期的產(chǎn)品 UI 與品牌視覺(jué)項(xiàng)目中發(fā)現(xiàn),用戶抵觸改版并非挑剔,而是習(xí)慣、情感與體驗(yàn)預(yù)期沒(méi)有被兼顧。本文從用戶心理出發(fā),分享 5 個(gè)實(shí)用步驟,幫你降低改版爭(zhēng)議,讓升級(jí)真正被用戶接受。

其實(shí)從品牌LOGO到產(chǎn)品APP設(shè)計(jì),只要一改動(dòng),大家第一反應(yīng)往往是持懷疑態(tài)度。哪怕團(tuán)隊(duì)前期把設(shè)計(jì)規(guī)劃做得再周密,用戶該不喜歡還是不喜歡。那這是什么原因呢,咱們一起聊聊~

01 用戶為什么抵觸改版?

抵觸改版的核心原因主要有三個(gè)維度,咱們一個(gè)個(gè)介紹。

① 從心理學(xué)角度

看人們天生偏愛(ài)熟悉的安全感。在熟悉環(huán)境中,已知的規(guī)則和模式能降低決策壓力,帶來(lái)可控感。

熟悉度偏差

簡(jiǎn)單說(shuō)就是“再好用的新東西,也不如熟悉的舊東西”。這是大腦的一種“偷懶”習(xí)慣——處理熟悉的事不用費(fèi)太多勁,所以我們會(huì)默認(rèn)熟悉的選擇更安全、更舒服。

尤其面對(duì)變化時(shí),這種偏差會(huì)更明顯,讓人忍不住依賴原來(lái)的使用邏輯和界面布局。

稟賦效應(yīng)

這本來(lái)是經(jīng)濟(jì)學(xué)概念,放到產(chǎn)品里也特別貼切——人會(huì)覺(jué)得自己擁有的東西更值錢。對(duì)用戶來(lái)說(shuō),常用的APP產(chǎn)品早就不只是工具了,更像自己的電子資產(chǎn)。

一旦重新設(shè)計(jì),用戶心里會(huì)有種“丟了東西”的失落感,自然會(huì)抵觸。

② 從行為角度

看改變?cè)O(shè)計(jì)=打破習(xí)慣。用戶體驗(yàn)專家雅各布·尼爾森說(shuō)過(guò)一句話:人們不想花時(shí)間學(xué)習(xí),只想花時(shí)間做事。這句話精準(zhǔn)點(diǎn)出了用戶對(duì)設(shè)計(jì)變更的不滿——改設(shè)計(jì)本質(zhì)上是讓用戶“打破舊習(xí)慣、學(xué)習(xí)新規(guī)則”,而這兩件事都很難辦。

使用習(xí)慣被打亂

常用的APP用久了,用戶基本不用動(dòng)腦就能操作,比如“點(diǎn)底部按鈕進(jìn)首頁(yè)”“左滑刪消息”。但設(shè)計(jì)一改,比如底部按鈕挪到頂部、主屏幕能直接用的功能藏進(jìn)了漢堡菜單,用戶就得重新尋找和記住這個(gè)操作,讓原本簡(jiǎn)單的操作變成了刻意尋找,增加使用麻煩。

三個(gè)行為解釋為什么學(xué)習(xí)新事物這么難?

用戶不想學(xué)新設(shè)計(jì)新事物,可能并不是懶,而是背后有三個(gè)行為邏輯在“拖后腿”:

  1. 自我決定理論:人在能自己掌控的事上,才更有動(dòng)力。比如熟悉的UI界面,用戶可以隨意操作,完全自主;但新界面會(huì)把這種掌控感奪走,用戶得跟著新規(guī)則走,失去了對(duì)APP的控制自然沒(méi)動(dòng)力學(xué)習(xí)新設(shè)計(jì)。
  2. 動(dòng)機(jī)理論:人都偏愛(ài)即時(shí)回報(bào)。重新設(shè)計(jì)可能長(zhǎng)期來(lái)看更好用,但短期得花時(shí)間去學(xué)、花精力取適應(yīng),這就是短期的損失。對(duì)比之下,當(dāng)下的麻煩遠(yuǎn)比未來(lái)的好處更突出,所以用戶自然會(huì)有抵觸情緒。
  3. 避免失敗傾向:誰(shuí)都不想在使用APP時(shí)總是出現(xiàn)錯(cuò)誤無(wú)法完成操作。用新的APP界面時(shí),用戶總會(huì)擔(dān)心原來(lái)一眼找到的功能現(xiàn)在找不到了、按錯(cuò)了怎么辦,所以寧愿使用熟悉的舊版本,也不想升級(jí)新版本。

③ 從商業(yè)角度

看有沒(méi)有考慮過(guò)重新設(shè)計(jì)的核心目標(biāo),可能本來(lái)就不是為了吸引老用戶?

先看看蘋果iOS 26的更新介紹:新面貌、全新設(shè)計(jì)、全新設(shè)計(jì)元素、圖標(biāo)大煥新…宣傳里都是“全新”“個(gè)性”這類詞——其實(shí)很多品牌重新設(shè)計(jì),核心目的是吸引新用戶。

對(duì)企業(yè)來(lái)說(shuō)要賺錢就得拉新,所以會(huì)用“亮眼的新功能”“顛覆性設(shè)計(jì)”吸引新用戶。

新用戶本來(lái)就是第一次用,不用適應(yīng)舊版本,反而覺(jué)得新鮮;但老用戶不一樣,得花時(shí)間重新學(xué)、重新適應(yīng),相當(dāng)于多了一道使用門檻。

所以老用戶會(huì)吐槽“改得亂七八糟”,甚至要求回退到舊版本,本質(zhì)上是和品牌的“拉新目標(biāo)”沖突了。

02 五個(gè)步驟步做好設(shè)計(jì)改版

重新設(shè)計(jì)不是簡(jiǎn)單的改一改圖標(biāo)風(fēng)格、調(diào)調(diào)按鈕位置,而是從前期規(guī)劃到后期落地,每一步都得考慮用戶感受。

步驟①:先想清楚改版原因

在決定重新設(shè)計(jì)前得先明確:你的產(chǎn)品的核心價(jià)值是什么?重新設(shè)計(jì)要實(shí)現(xiàn)什么目標(biāo)?

比如蘋果的設(shè)計(jì)不管怎么更新,始終圍繞“創(chuàng)新”“易用”“細(xì)節(jié)控”這幾個(gè)核心——iOS 的大版本更新,哪怕界面變了,用戶也會(huì)覺(jué)得“這很蘋果”,因?yàn)樗鼪](méi)偏離品牌的核心體驗(yàn)。

所以第一步不是怎么改,而是為什么改,確保設(shè)計(jì)改版和品牌價(jià)值、用戶的核心需求對(duì)齊。

步驟②:從用戶研究開(kāi)始

減少抵觸的關(guān)鍵是讓設(shè)計(jì)貼合用戶需求。

那怎么貼合呢?

主要靠用戶研究。

先看看用戶之前吐槽的點(diǎn)是什么,比如按鈕太隱蔽、篩選功能不好用;再問(wèn)問(wèn)用戶想要什么,比如希望能快速標(biāo)記已讀、想要深色模式?;谶@些反饋?zhàn)鲈O(shè)計(jì),既能解決老問(wèn)題,又能讓用戶覺(jué)得我的意見(jiàn)被官方采納了,加深參與感和榮譽(yù)感。

比如京東APP的15.0大改版,采用逐步放量來(lái)進(jìn)行改版,京東內(nèi)部一直強(qiáng)調(diào)“以客戶為中心”,具體改哪兒、怎么改,都必須站在用戶視角。

根據(jù)內(nèi)部小伙伴透露: 京東APP改版從1%對(duì)外開(kāi)放時(shí)就啟動(dòng)了用戶建議收集,會(huì)快速根據(jù)用戶的建議反饋、以及數(shù)據(jù)表現(xiàn)進(jìn)行調(diào)整迭代。

這期間,很多用戶給出很有價(jià)值的建議或反饋。從升級(jí)改版效果上看,多數(shù)用戶在新版App上都比之前停留更長(zhǎng)時(shí)間了,較好提升了用戶體驗(yàn)。

步驟③:考慮功能使用頻率

不是所有設(shè)計(jì)都能隨便改,需要考慮這個(gè)功能或界面“用戶用得多不多、重要不重要”。

比如Spotify之前在底部導(dǎo)航欄加了個(gè)“AI創(chuàng)建播放列表”的按鈕,看似是個(gè)小改動(dòng)卻引來(lái)一堆吐槽。

因?yàn)榈撞繉?dǎo)航是用戶每天點(diǎn)幾十次的核心區(qū)域,早就形成了肌肉記憶,突然加個(gè)按鈕,用戶很容易點(diǎn)錯(cuò),還得重新適應(yīng)布局。

所以設(shè)計(jì)改版前要先考慮:這個(gè)功能用戶每天用幾次?是不是核心操作?用得越頻繁、越核心,改動(dòng)時(shí)越要謹(jǐn)慎。

使用頻率越高,重新設(shè)計(jì)時(shí)收到的負(fù)面反饋可能性就越大。

步驟④:改版也要保留“熟悉感”

重新設(shè)計(jì)不代表要“一刀切”,把原有的設(shè)計(jì)全部推翻,而是保留一些熟悉的元素幫用戶快速適應(yīng)。

比如推特改名“X”后,雖然圖標(biāo)從藍(lán)鳥(niǎo)變成了X,主色調(diào)也成了黑白色,但發(fā)布按鈕還是沿用了原來(lái)的藍(lán)色,核心的界面布局也沒(méi)大改。老用戶打開(kāi)APP不會(huì)覺(jué)得完全陌生,能更快接受X這個(gè)新品牌。

除非是徹底換賽道的大改版,否則盡量保留用戶熟悉的識(shí)別點(diǎn),比如常用按鈕的顏色、核心功能的入口位置,減少陌生感的沖擊。

步驟⑤:給用戶選擇權(quán)

用戶抵觸新設(shè)計(jì)很多時(shí)候是因?yàn)闆](méi)得選。如果能讓用戶自己決定用舊版還是新版,抵觸改版的情緒就會(huì)少很多。

像支付寶個(gè)人中心的改版,首次進(jìn)入新頁(yè)面會(huì)有一個(gè)“頁(yè)面布局全新升級(jí)”的提示,用戶可以自主選擇“開(kāi)始體驗(yàn)”或者“稍后體驗(yàn)”。

在新版頁(yè)面的右上角仍保留“返回舊版”的入口,方便用戶返回舊版熟悉的頁(yè)面中。

這樣一來(lái),愿意嘗鮮的用戶就可以體驗(yàn)新設(shè)計(jì),哪怕暫時(shí)不用新版,也不會(huì)抵觸更新,畢竟選擇權(quán)一直在用戶手里。

03 改版后用戶不喜歡怎么辦?

不是所有的重新設(shè)計(jì)都能一次成功,改完后用戶吐槽也很正常。關(guān)鍵是先判斷吐槽主要集中哪些方面,再針對(duì)性解決。

① 如果吐槽集中在界面很陌生

比如用戶說(shuō)“按鈕位置全變了,看著好別扭”“找不到原來(lái)的功能了”,這種情況大多是適應(yīng)問(wèn)題。用戶剛接觸新設(shè)計(jì),原來(lái)的使用習(xí)慣被打破,自然會(huì)覺(jué)得麻煩。

但只要設(shè)計(jì)本身沒(méi)問(wèn)題,隨著時(shí)間推移,用戶慢慢養(yǎng)成新習(xí)慣,這種吐槽會(huì)越來(lái)越少。

這時(shí)候不用急著改回去,給用戶一點(diǎn)適應(yīng)時(shí)間就行。

② 如果吐槽集中在某個(gè)特定功能

比如用戶一直說(shuō)“保存按鈕藏太深了,找半天找不到”“原來(lái)能直接用的篩選,現(xiàn)在要進(jìn)二級(jí)菜單”,這種情況大概率是設(shè)計(jì)缺陷。

這類問(wèn)題不會(huì)隨著時(shí)間消失,反而用戶用多了吐槽會(huì)越多。

這時(shí)候要趕緊收集反饋,分析問(wèn)題出在哪里,比如把藏得太深的功能挪出來(lái)或者恢復(fù)常用的操作路徑,別讓一個(gè)小缺陷毀了整個(gè)改版效果。

最后不能指望通過(guò)一次改版把所有的舊問(wèn)題解決掉。

設(shè)計(jì)改版是一個(gè)不斷迭代的過(guò)程,就像很多大廠APP會(huì)搞A/B測(cè)試,快速試錯(cuò)后再優(yōu)化調(diào)整。

所以說(shuō)改版完成不是結(jié)束,而是根據(jù)用戶反饋持續(xù)優(yōu)化的開(kāi)始!

 

 

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.jzvac.com 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

日歷

鏈接

個(gè)人資料

存檔