首頁

TUBIK有話說!淺談UI設(shè)計中妙用無窮的深色系背景

周周

ui-benefits-of-dark-background-1

編者按:又是一篇來自Tubik Studio 的文章,豐富的設(shè)計項目經(jīng)驗使得這家資深設(shè)計機構(gòu)對于設(shè)計的每一個細節(jié)都有著獨特而系統(tǒng)的見解。今天的文章聊的就是深色系背景在設(shè)計中的運用,這當(dāng)中有什么門道呢?看下去~


如何設(shè)計讓用戶成癮的體驗

用心設(shè)計

Apple、Facebook、Twitter、Google、Pinterest…這些公司有一個共同點——它們?yōu)橛脩魟?chuàng)造了習(xí)慣,用戶每天都習(xí)慣性地使用這些產(chǎn)品,它們是那么吸引人,甚至讓人無法想象這些產(chǎn)品問世前的生活。

然而,創(chuàng)造用戶習(xí)慣說著容易做起來難。即使我寫過很多關(guān)于行為工程學(xué)1和 習(xí)慣重要性的文章,能提供給設(shè)計師們設(shè)計及衡量用戶習(xí)慣所需的的工具資源也寥寥無幾。這也是我寫《成癮:如何構(gòu)建形成習(xí)慣的產(chǎn)品》(Hooked:How to Build Habit-Form Products)這本書的原因,它闡述了助力用戶習(xí)慣養(yǎng)成的:四步成癮模型(Hook Model)。

這篇文章會簡單介紹如何通過習(xí)慣測試(Habit Testing),打造讓用戶喜愛,更讓用戶上癮的產(chǎn)品。

015605CwQ.jpg

百度智能手表OS創(chuàng)新設(shè)計(交互篇)

用心設(shè)計

2015
年Google、Apple、阿里、華為均推出了智能手表或其操作系統(tǒng),同時來自研究公司Strategy
Analytics的數(shù)據(jù)顯示,Apple Watch
2015年的全球出貨量達到1500萬支,可以說2015年是智能手表的元年。由于早期Android Wear
的部分服務(wù)無法在國內(nèi)使用,各大互聯(lián)網(wǎng)公司設(shè)計的智能手表操作系統(tǒng)更是風(fēng)起云涌,如出門問問、YunOS、TencentOS等等。但是由于業(yè)內(nèi)對智能手
表的形態(tài)尚處于探索階段,多數(shù)產(chǎn)品對于手表平臺所要承載的任務(wù)和信息并沒有進行清晰的定義。百度MUX智能硬件團隊從去年年初開始接手百度智能手表OS的
設(shè)計工作,認為相對于智能手機的“碎片化”場景,智能手表在信息和任務(wù)維度更加輕量,呈現(xiàn)“微?;钡狞c狀用戶體驗。需要重新設(shè)計承載他們的容器。本文希
望從智能手表系統(tǒng)的設(shè)計思路和方法層面與設(shè)計師們分享“微粒化”設(shè)計的經(jīng)驗。

如何設(shè)計好用的觸控手勢

用心設(shè)計

我們生活在一個人機互動頻繁,由設(shè)備驅(qū)動的世界中。

隨著觸摸屏逐漸成為移動設(shè)備的標(biāo)配,多點觸控手勢的廣泛應(yīng)用,讓我們與手機、平板電腦甚至是筆記本電腦之間建立起了一種更寬廣的聯(lián)系方式。我們通過模擬真實世界的手勢與屏幕上的各種元素進行互動,使許多曾經(jīng)不曾想或者不敢想的人機交互方式變成了現(xiàn)實,同時手勢操作的應(yīng)用降低了人與物理設(shè)備之間的溝通的門檻。

讓視覺設(shè)計又又有說服力的4個步驟 (轉(zhuǎn)載)

用心設(shè)計

視 覺設(shè)計有一個天然的困難,因為視覺風(fēng)格是一個很主觀的感受,所以設(shè)計師很難說服領(lǐng)導(dǎo)和其他人認可這種感受。如果恰巧你的設(shè)計和需求方的審美一致那都好說, 但是如果不一致,那就有設(shè)計師好受的了。另外視覺設(shè)計也很難被衡量評判,也許團隊都認為設(shè)計的不錯,但是有什么客觀的證據(jù)去證明這個設(shè)計真的就是對的嗎? 所以視覺設(shè)計師這個職業(yè)上升天然就有一道坎。

但是更可悲的是,我發(fā)現(xiàn)很多設(shè)計師并沒有很努力去改進這種狀態(tài),因為長期的壓抑和抱怨,很多設(shè)計師更樂忠于學(xué)習(xí)技巧工具和新的設(shè)計風(fēng)格,而不是對設(shè)計方法和設(shè)計流程探索研究。設(shè)計成果是否能幫助項目不重要,設(shè)計的夠不夠?qū)拧⒛懿荒苣玫贸鍪?、能否被同行表揚才是最重要的。

所以我今天想分享一個很古老也很基礎(chǔ)的設(shè)計流程,當(dāng)我們團隊在遇到視覺設(shè)計難題的時候,我們往往會試著通過這個方法找到靈感和把方案順暢的推進下去。

1

用戶調(diào)研必修課:用戶體驗地圖完全繪制手冊

周周

user-research-ux-map-1

認認真真做了用戶調(diào)研,就算大功告成了?圖樣圖森破!古語說得好,學(xué)而不思則罔。你通過用戶學(xué)到了很多他們關(guān)于產(chǎn)品的感受,如果不能將其好好分析與整理,那就只能是然并卵了。下面教大家其中一個分析用戶調(diào)研資料的實用方法——繪制用戶體驗地圖。

移動應(yīng)用設(shè)計案例 !打造一款拼車APP的用戶體驗

用心設(shè)計

首先,我們分析了駕車者通常會出于怎樣的目的來發(fā)起拼車活動,并將這些原因列成一份清單。接下來,我(英文原文作者)對應(yīng)著這份清單繪制了一些簡單 的草圖,將有可能符合駕車者需求的功能和內(nèi)容初步的勾勒出來。然后,大家對這些草圖進行討論評估,將其中我們認為最可行的5個概念進一步落實到線框原型當(dāng) 中,并向一些目標(biāo)用戶(獨自駕車者)進行了展示,通過他們的反饋來驗證我們的假設(shè)。

product-concept-wireframe-prototype-startup-iphone-app-ux-design-case-study.png

騰訊高手經(jīng)驗!如何做好信息黃頁類產(chǎn)品的設(shè)計?(超全面)

周周

goodbye-to-yellowpages-design-1

編者按:今天這篇這篇干貨,是筆者Shirley 針對信息黃頁類產(chǎn)品(美團、淘寶、58同城等) 做了大量的競品研究和方案嘗試后總結(jié)的經(jīng)驗,從界面的信息布局到選圖/圖標(biāo)/用色等都有細致全面的深入分析,強烈建議閱讀。

每年的雙11都格外瘋狂,隨著技術(shù)帶動內(nèi)容的豐富化,剛過去的雙11氣氛在大眾購買力的飆升下又刷新高,讓人一夜之間感受到運營力量的震撼來襲。在血脈噴張各種搶購倒持購物車時的你,可否留意過無形之中的商城裝扮。眾多電商app從整個界面翻新到內(nèi)部的運營活動抽獎機制,堪比一座物欲相抗衡的虛擬不夜城。

這些多樣化而不失秩序的運營設(shè)計,背后支撐著有序的設(shè)計原則。如今形式內(nèi)容紛呈的移動互聯(lián)列隊中,充斥著綜合垂直電商、團購、旅游、生鮮等2C市場應(yīng)用的身影,以豐富化運營方式攻占聯(lián)結(jié)產(chǎn)業(yè)鏈,而黃頁類生活資訊類應(yīng)用相對顯得務(wù)實,部分app的步伐更是仍停留在信息單向展示的模式。

優(yōu)秀的交互設(shè)計師是怎樣煉成的?

用心設(shè)計

一直以來,交互設(shè)計師都是一個受到廣泛質(zhì)疑的崗位,很多人不了解交互設(shè)計師的價值,更直接的說,我們大多數(shù)的交互設(shè)計師沒有表現(xiàn)出足夠的、令人信服的專業(yè)度。

優(yōu)秀的交互設(shè)計師是怎樣煉成的?

從交互設(shè)計角度,聊聊WEB網(wǎng)站和移動APP的六大差異

用心設(shè)計

移動App以單手操作為主,界面上重要元素需要在用戶單手點擊范圍內(nèi),或者提供快捷的手勢操作。

日歷

鏈接

個人資料

存檔