六月伊人,国产精品制服丝袜欧美,亚洲va在线∨a天堂va欧美va,精品亚洲一区二区三区在线观看国产老熟女色视频,国产熟女九色,国产又粗又大,久久人人网国产精品

首頁(yè)

如何利用動(dòng)效提升用戶體驗(yàn)

用心設(shè)計(jì)

如何利用動(dòng)效提升用戶體驗(yàn)


動(dòng)畫(huà)可以講述故事。不是很長(zhǎng)很復(fù)雜而是很簡(jiǎn)單的故事,而像是 "嘿,你現(xiàn)在要看看這個(gè)!" 或 "哇,你競(jìng)爭(zhēng)成功了!"。然而,動(dòng)效的目的不是娛樂(lè)用戶,而是幫助他們理解發(fā)什么什么事,或者如何有效的使用你的軟件。在Zurb的敘述中很清晰的表明了:

Image title

一起理解Virtual DOM

藍(lán)藍(lán)設(shè)計(jì)的小編

前言

React 好像已經(jīng)火了很久很久,以致于我們對(duì)于 Virtual DOM 這個(gè)詞都已經(jīng)很熟悉了,網(wǎng)上也有非常多的介紹 React、Virtual DOM 的文章。但是直到前不久我專門花時(shí)間去學(xué)習(xí) Virtual DOM,才讓我對(duì) Virtual DOM 有了一定的理解,以致于要懷疑起很久之前看過(guò)的那些文章來(lái)。倒不是這些文章講得不對(duì),而是現(xiàn)在在我看來(lái)角度不太好,說(shuō)得越多,越說(shuō)不清。

讓我能夠有所開(kāi)竅(自認(rèn)為)的,是這篇文章:


Change And Its Detection In JavaScript Frameworks
Monday Mar 2, 2015 by Tero Parviainen


作者看問(wèn)題的角度很棒,從數(shù)據(jù)變更與UI同步的角度來(lái)介紹各個(gè)典型框架,特別是對(duì)于 React 的 Virtual DOM,從這個(gè)角度理解起來(lái)更容易些。

如何做好一份【可用性測(cè)試】

用心設(shè)計(jì)

可用性測(cè)試定義


可用性測(cè)試是讓一群有代表性的用戶(目標(biāo)用戶)對(duì)產(chǎn)品界面或者原型進(jìn)行典型操作,通過(guò)觀察、聆聽(tīng)、記錄用戶執(zhí)行一列任務(wù)的過(guò)程,找出制約產(chǎn)品可用性的問(wèn)題清單,從而評(píng)估分析解決問(wèn)題。

Image title

專業(yè)干貨!防止用戶無(wú)意識(shí)犯錯(cuò)的6個(gè)實(shí)用方法

周周

李田莉:用戶經(jīng)常會(huì)從手頭上的事情分心,提供建議,利用約束條件以及設(shè)計(jì)更靈活的方案能夠防止無(wú)意識(shí)的差錯(cuò)產(chǎn)生。今天這篇譯文討論了6個(gè)防止用戶無(wú)意識(shí)犯錯(cuò)的方法,專業(yè)干貨收。

十種啟發(fā)式可用性方法中有一條建議:優(yōu)雅地、可操作地并且清晰地與用戶溝通錯(cuò)誤是很重要的。不過(guò),第一時(shí)間防止用戶犯錯(cuò)或許更好。

在討論用戶錯(cuò)誤時(shí)關(guān)鍵點(diǎn)是錯(cuò)誤的責(zé)任在哪里。“用戶錯(cuò)誤”這個(gè)詞意味著用戶應(yīng)該為做錯(cuò)事負(fù)責(zé)。其實(shí)并不是這樣的,設(shè)計(jì)師應(yīng)該為設(shè)計(jì)了易讓用戶犯錯(cuò)方案而負(fù)責(zé)。因此,用戶錯(cuò)誤的解決方案不是責(zé)怪用戶,讓用戶努力嘗試或者給他們更多的培訓(xùn),而是重新設(shè)計(jì)更不易犯錯(cuò)的系統(tǒng)。

企業(yè)應(yīng)用中幫助設(shè)計(jì)的探討

資深UI設(shè)計(jì)者

企業(yè)應(yīng)用的復(fù)雜性決定了在用戶使用過(guò)程中難免會(huì)需要通過(guò)幫助來(lái)解決用戶遇到難題或者通過(guò)幫助的設(shè)計(jì)來(lái)引導(dǎo)用戶順利開(kāi)始任務(wù)。接下來(lái)讓我們共同類型以及該如何設(shè)計(jì)這些幫助。


當(dāng)設(shè)計(jì)師面對(duì)批評(píng)的時(shí)候,這些批評(píng)和責(zé)備呢?

藍(lán)藍(lán)設(shè)計(jì)的小編

三、建立過(guò)濾與保護(hù)機(jī)制,讓批評(píng)為己所用


過(guò)濾與保護(hù)機(jī)制聽(tīng)起來(lái)也很簡(jiǎn)單,但其實(shí)沒(méi)那么容易。但你可以通過(guò)以下 5 個(gè)步驟,來(lái)幫助自己建立這樣一個(gè)機(jī)制。


第一步:你要意識(shí)到,沒(méi)有批評(píng)是 100% 正確的。如前面所說(shuō),批評(píng)微妙而復(fù)雜,且常常基于某些立場(chǎng)之上。因此,在你接受某些人的批評(píng)之前,先暫停,花時(shí)間處理一下這些批評(píng)中所攜帶的信息。


第二步:批評(píng)者所批評(píng)你的每一句話,其實(shí)也都映射了批評(píng)者本身。每個(gè)人都是通過(guò)自己的視野和經(jīng)驗(yàn)來(lái)觀察世界的,沒(méi)有人能夠 100% 地做到完全基于事實(shí)和真相做出評(píng)判。


第三步:當(dāng)批評(píng)襲來(lái)時(shí),在它傷害到你之前阻止它。你需要問(wèn)一些問(wèn)題,來(lái)幫助自己處理這些批評(píng)。


  • 這個(gè)批評(píng)者是誰(shuí)?他有多了解我?他有多值得信任?


  • 批評(píng)者的目的是什么?他們有沒(méi)有要故意傷害你的緣由?他們是在憤怒嗎?


  • 還是在試圖幫助你?他們是不是度過(guò)了很糟糕的一天?他們是不是有夸大事實(shí)的嫌疑?


  • 批評(píng)者有沒(méi)有遺漏哪些信息?而這些可能是會(huì)改變他們觀點(diǎn)的?


  • 批評(píng)中的某些信息是不是要比其他的更準(zhǔn)確?


  • 在回答上述這些問(wèn)題時(shí),你是否需要更多的信息?

軟件界面設(shè)計(jì)必備的色彩搭配技巧

ui設(shè)計(jì)分享達(dá)人

無(wú)論是軟件界面設(shè)計(jì)還是平常的平面設(shè)計(jì),亦或者宣傳頁(yè)、手機(jī)APP界面的設(shè)計(jì),都離不開(kāi)色彩的搭配,由此可見(jiàn),色彩搭配工作在設(shè)計(jì)過(guò)程中的重要性。今天就以軟件界面設(shè)計(jì)為例來(lái)分享一下在具體設(shè)計(jì)過(guò)程中的要把握好的一些色彩搭配技巧。

技巧第一點(diǎn):顏色使用最好不要超過(guò)三種。經(jīng)常在網(wǎng)上看到有很多的大神都在說(shuō)在設(shè)計(jì)工作中,配色最好不要超過(guò)三種顏色。如果設(shè)計(jì)的界面顏色太多了,難免會(huì)給人一種界面很亂的感覺(jué),界面設(shè)計(jì)很重要的一點(diǎn)就是最終的結(jié)果要給人一種良好的體驗(yàn),如果界面太亂,用戶體驗(yàn)也就無(wú)從談起了。因此,在用色時(shí),顏色越少越好,但要保證正確的傳達(dá)出需要表現(xiàn)的功能和元素為前提。在我們每添加一種顏色的時(shí)候都需要好好的考慮一下,有沒(méi)有必要。因?yàn)樵購(gòu)?fù)雜的設(shè)計(jì),也不會(huì)多個(gè)三種主色彩。

UI設(shè)計(jì)中的陰影與層次!

ui設(shè)計(jì)分享達(dá)人

隨著大家對(duì)于扁平化設(shè)計(jì)的反思和優(yōu)化,近兩年的整個(gè)設(shè)計(jì)風(fēng)向顯得理智而合理了許多。更加平衡而合乎情理的新的扁平化設(shè)計(jì)誕生了。這個(gè)新的方案得到了絕大多數(shù)的設(shè)計(jì)師的認(rèn)可,這種“近乎扁平”的設(shè)計(jì)更多被大家稱為“扁平化設(shè)計(jì)2.0”。扁平化2.0 整體上依然是扁平的,但是其中的諸多設(shè)計(jì)元素沿用了微妙的陰影、高光和層級(jí)來(lái)打造有深度的UI。

01.webp.jpg

UI設(shè)計(jì)在中國(guó)的現(xiàn)狀如何?

ui設(shè)計(jì)分享達(dá)人

目前在國(guó)內(nèi)UI還是一個(gè)相對(duì)陌生的詞,即便是一些設(shè)計(jì)人員也對(duì)這個(gè)詞不太了解。我們經(jīng)??吹揭恍┱衅笍V告寫(xiě)著:招聘界面美工、界面美術(shù)設(shè)計(jì)師等等。這表明在國(guó)內(nèi)對(duì)UI的理解還停留在美術(shù)設(shè)計(jì)方面,認(rèn)為UI的工作只是描邊畫(huà)線,缺乏對(duì)用戶交互的重要性的理解;另一方面在軟件開(kāi)發(fā)過(guò)程中還存在重技術(shù)而不重應(yīng)用的現(xiàn)象。許多商家認(rèn)為軟件產(chǎn)品的核心是技術(shù),而UI僅僅是次要的輔助,這點(diǎn)在人員的比例與待遇上可以表現(xiàn)出來(lái)。 但這不是UI設(shè)計(jì)真正的價(jià)值體現(xiàn),只是UI設(shè)計(jì)發(fā)展的一個(gè)必經(jīng)過(guò)程。我們以物質(zhì)產(chǎn)品手機(jī)行業(yè)為例,當(dāng)手機(jī)剛剛進(jìn)入市場(chǎng)的時(shí)候不但價(jià)格貴的驚人,而且除了通話以外沒(méi)有什么其他功能。由于當(dāng)時(shí)的主導(dǎo)是技術(shù),所以大家都把精力放在信號(hào)、待機(jī)時(shí)間、壽命等方面,對(duì)于產(chǎn)品的造型,使用的合理性很少關(guān)心。事過(guò)境遷,如今技術(shù)已經(jīng)完全的達(dá)到用戶的需求,于是商家為了創(chuàng)造賣點(diǎn),提高爭(zhēng)力,非常重視產(chǎn)品的外觀設(shè)計(jì),除此之外還頻頻推出短信,彩屏,和鉉,彩信,攝像頭等等。這樣一來(lái)產(chǎn)品的美觀、個(gè)性、易用、易學(xué)、人性化等等都成了產(chǎn)品的賣點(diǎn)。軟件產(chǎn)品與物質(zhì)產(chǎn)品的發(fā)展是相同的。過(guò)去由于計(jì)算機(jī)硬件的限制,編碼設(shè)計(jì)成為軟件開(kāi)發(fā)的代名詞,美觀親和的圖形化界面與合理易用的交互方式都沒(méi)有得到充分的重視,實(shí)際上這個(gè)時(shí)期的軟件叫作軟件程序,而不是軟件產(chǎn)品。



你還在用輪播圖嗎?

資深UI設(shè)計(jì)者

輪播圖(Carousels)這樣的交互方式,在web時(shí)代似乎已經(jīng)司空見(jiàn)慣。當(dāng)一群人在會(huì)議室里爭(zhēng)奪首屏焦點(diǎn)圖的優(yōu)先級(jí)時(shí),使用輪播圖,似乎能夠不費(fèi)吹灰之力地解決這場(chǎng)爭(zhēng)端,沒(méi)有人是輸家。然而,輪播圖這種方式真的有效嗎?如何設(shè)計(jì)才能帶給用戶更好的體驗(yàn)?zāi)兀?

事實(shí)上,“萬(wàn)能和事佬”輪播圖的點(diǎn)擊率通常都很低,轉(zhuǎn)化效果也并不好,卻往往占用了頁(yè)面最搶眼的大面積位置。想象這么一個(gè)場(chǎng)景:當(dāng)你走進(jìn)圖書(shū)館想找一本特定的書(shū)閱讀時(shí),一個(gè)銷售員擋在你面前讓你先看一個(gè)大廣告圖,然后等你還沒(méi)讀完具體講了什么內(nèi)容時(shí),他又突然換了一張,是不是很惹人厭呢?大部分輪播圖的設(shè)計(jì)也是如此。

日歷

鏈接

個(gè)人資料

存檔