首頁

這8個(gè)要點(diǎn),能讓你的網(wǎng)頁首圖抓住用戶注意力

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

Banner 是我們最常聊到的設(shè)計(jì)元素,它是一個(gè)網(wǎng)頁的招牌,是用戶最容易看到的視覺元素。今天,我們來聊聊Banner中的急先鋒,網(wǎng)頁首圖,它的設(shè)計(jì)之道。

設(shè)計(jì)追波風(fēng)

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

13年底,Intercom 的產(chǎn)品VP Paul Adams 在 Intercom 官博發(fā)表了 一篇博文 。文章講述了網(wǎng)絡(luò)上設(shè)計(jì)社區(qū)里普遍存在的一種現(xiàn)象,大意是“許多設(shè)計(jì)師在社區(qū)中分享的作品往往是為了炫技,而產(chǎn)品的邏輯通常都經(jīng)不起推敲的,真正優(yōu)秀的設(shè)計(jì)應(yīng)該從更高的層面出發(fā),而不只是做表面上的工作”。

文章發(fā)布后,在 Twitter 、HN 及博客評論下引起了反響。雖然部分內(nèi)容在一些設(shè)計(jì)師眼里看起來比較有攻擊性(也就是俗稱“開噴”),甚至還帶有些地圖炮,但是文中關(guān)于“設(shè)計(jì)的四個(gè)層次”以及“when..I want to..then I can...”等設(shè)計(jì)觀點(diǎn)和方法論都非常值得我們回味并運(yùn)用到工作當(dāng)中。

跨終端體驗(yàn)設(shè)計(jì),繞不開的用戶檻兒

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

隨著平板電腦的普及,越來越多的手機(jī)端APP將自己的應(yīng)用拓展到Pad端,來為用戶提供更豐富的多終端體驗(yàn)。此前一些設(shè)計(jì)師從視覺設(shè)計(jì)的角度探討了多終端產(chǎn)品的設(shè)計(jì),作為一枚用研,除了視覺體驗(yàn),我們會更多地去關(guān)注用戶的功能使用體驗(yàn)。

通常在開發(fā)一款應(yīng)用的Pad端產(chǎn)品時(shí),我們一方面需要保持多終端在功能體驗(yàn)的一致性,將核心功能移植到Pad端,另一方面我們又不希望完全復(fù)制手機(jī)端的功能到Pad端,而是基于Pad的優(yōu)勢進(jìn)行一些創(chuàng)新,那么問題來了,把核心功能移植到Pad端是否已經(jīng)足夠?還有哪些功能需要考慮對齊?又應(yīng)如何更好地結(jié)合Pad的優(yōu)勢進(jìn)行功能創(chuàng)新呢?

本文將從用戶的角度進(jìn)行分析,講講在進(jìn)行跨終端體驗(yàn)的功能設(shè)計(jì)時(shí),有哪些繞不開的用戶檻兒。第一個(gè)檻兒試圖從用戶心理的角度說明在APP跨終端體驗(yàn)設(shè)計(jì)時(shí)功能對齊的必要性;第二個(gè)檻兒分析了除了對齊核心功能以外,還有哪些功能需要考慮對齊;第三個(gè)檻兒通過創(chuàng)新場景研究思路講述了如何更好地發(fā)揮Pad的優(yōu)勢進(jìn)行設(shè)計(jì)。

手機(jī)終端純文本閱讀體驗(yàn)的研究方法分享

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

移動閱讀是指利用手機(jī)、平板電腦、電子閱讀器等移動終端進(jìn)行的所有閱讀行為,包含通過瀏覽器瀏覽網(wǎng)頁以及書城客戶端、新聞客戶端、資訊客戶端、雜志客戶端、微博、公眾號文章等閱讀途徑,瀏覽小說、報(bào)紙、圖書、雜志、動漫、文獻(xiàn)等內(nèi)容的閱讀行為。

這7個(gè)思路,能幫你在設(shè)計(jì)項(xiàng)目中用好小圖標(biāo)

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

并不是所有的圖片都能給用戶帶來驚艷的感覺,很多時(shí)候,圖片也不足以撐起整個(gè)設(shè)計(jì)的視覺和形式感。

這個(gè)時(shí)候,圖標(biāo)的重要性就凸顯出來了。許多有趣的圖標(biāo)和圖片結(jié)合起來使用,能夠強(qiáng)化圖片的內(nèi)容,提供額外的信息,給予用戶以交互的提示,從視覺、交互、體驗(yàn)三個(gè)層面對設(shè)計(jì)進(jìn)行提升。

當(dāng)人工智能也會畫UI,設(shè)計(jì)師的核心價(jià)值在哪里?

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

編者按:設(shè)計(jì)規(guī)范越來越完善,軟件越來越簡單,連PM 都可以動手搭一個(gè)UI 界面,那么此時(shí)設(shè)計(jì)師的核心價(jià)值在哪里?如何讓自己擺脫“只會畫畫圖標(biāo)和線框圖”的印象?這篇文章總結(jié)了4個(gè)進(jìn)階方法。

那些蒙版引導(dǎo)的小細(xì)節(jié)

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

蒙版引導(dǎo)一直是一個(gè)十分熱門的話題,對于很多用戶來講經(jīng)常會不徹底閱讀甚至快速關(guān)閉來結(jié)束引導(dǎo),這樣便起不到很好的教育作用。甚至還有“在界面上添加這些并不會讓你的產(chǎn)品變得更易用”的說法(觀點(diǎn)引自文章“Misused mobile UX patterns”)。但我認(rèn)為這種說法過于片面,對于一些流程復(fù)雜或者功能個(gè)性的產(chǎn)品應(yīng)用,添加蒙版引導(dǎo)進(jìn)行說明,是十分有必要的。

7個(gè)UI小例·用細(xì)節(jié)留住用戶

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

APP已如此成熟的今天,視覺基本都做得不錯(cuò)了,說實(shí)在也都大同小異,因?yàn)橐粋€(gè)好的APP,更多的是使用多年來培養(yǎng)出來的大眾習(xí)慣來指導(dǎo)設(shè)計(jì),而不是界面多么與眾不同,而是細(xì)節(jié)決定勝負(fù)。

 

以下7個(gè)APP是大家再熟悉不過的,使用過程有些功能細(xì)節(jié)自己感覺很好,印象深刻,今天特地截取下來分享??赡苣闾焯焓褂貌o感覺,但正是這些不顯眼的細(xì)節(jié),慢慢培養(yǎng)出大批忠實(shí)用戶。

如何讓設(shè)計(jì)更具價(jià)值

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

很多有資歷的設(shè)計(jì)師會厭煩那些具體且瑣碎的需求。因?yàn)樵O(shè)計(jì)已被當(dāng)作一種明確的任務(wù)去執(zhí)行?,F(xiàn)實(shí)就是這樣,當(dāng)你把自己局限并等待別人過來派發(fā)“任務(wù)”時(shí),其實(shí)已被降格成乙方。怎樣才能擺脫這樣的窘境?除了讓自己努力當(dāng)上喬納森·埃維外,唯一的辦法就是系統(tǒng)地洞察產(chǎn)品的真正問題,將自己的想法勇敢講出來。

企鵝FM 3.0設(shè)計(jì)中,設(shè)計(jì)團(tuán)隊(duì)也在努力實(shí)現(xiàn)自我價(jià)值,洞察產(chǎn)品的核心體驗(yàn)并針對問題思考策略。


用戶研究視角-3種問題拆解的思路探討

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

引言:
在一秒鐘內(nèi)看到本質(zhì)的人和花半輩子也看不清一件事本質(zhì)的人,自然是不一樣人生。——電影《教父》 本文沒辦法幫你一秒鐘看清人/事,而且也不奢望能做到,但希望能和大家一起朝這個(gè)方向做些努力。
一、 什么是問題拆解?
在日常工作中,不管是用研、設(shè)計(jì),還是產(chǎn)品等,雖然具體工作內(nèi)容有差異,但也會有相似的地方,那就是“問題解決”,偶爾也會遇到一些棘手的問題,大家先來看兩個(gè)工作中的情景:

日歷

鏈接

個(gè)人資料

存檔