首頁

小身材,大影響。你應該知道的圖標基礎知識

泥人張 圖標設計文章及欣賞

如今的用戶界面中,絕對是不可或缺的元素。雖然絕大多數的都很小,甚至不被人注意到,但是它們幫助設計和用戶解決了許多問題。圖標是可用性和導航的關鍵,用戶能夠感知到圖標的功用,但是只有設計師才會明白,想要讓圖標簡約、可用還富有表現力,要耗費多少時間和精力。

喬布斯曾經說過:“細節至關重要,花費時間仔細打磨是值得的。”圖標是現如今UI界面中可用性和導航體系的核心組件,所以,今天的文章,我們來仔細歸納一下常見的圖標類型和它們在UI中的使用。

閱讀全文>>

高手經驗!Facebook的360全景VR應用設計總結

泥人張 行業趨勢

FB設計團隊設計的一款Gear (三星設備)平臺的全景應用過程總結,其中包含一些很有價值的VR實戰經驗與設計原則。

FB的Immersive設計團隊致力于提升人們身臨其境的體驗。我們相信脫離了傳統的“容器”來講述和體驗故事可以讓人們與情景和彼此更深入的聯結。

我們已經在各個平臺搭建了360度全景照片與視頻服務,目前在FB上已經有超過2500萬張360全景照片和100萬個全景視頻。盡管有如此多的全景內容,然而用戶還是很容易在feed流中錯過這些內容。

Facebook 360介紹

過去的幾個月,我一直為下一步進行設計:給予三星Gear VR平臺的Facebook 360應用——使全景照片和視頻更容易被發現。這是FB第一個為Gear VR做的媒體應用,一個通過VR瀏覽360全景照片和視頻的平臺。

閱讀全文>>

漢堡圖標不好使?這5個替代方案幫你搞定移動端導航

泥人張 圖標設計文章及欣賞

對于設計師而言,移動端設備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情,設計師在設計導航系統的時候,通常需要花費更多的時間來打磨。在過去幾年當中,是最常見的一種設計策略,導航和選項被隱藏在這個小小的圖標之后,但是實際上,雖然大眾已經習慣了它的存在,但是它并不是最佳的方案。

在今天的文章當中,我們會探討為什么漢堡菜單這樣的隱藏式導航影響用戶體驗,以及可用性更強的替代方案。

為何會破壞用戶體驗

在移動端設備上,我們看到的可見式導航其實比這樣的隱藏式導航更多,前者大概是后者的2.5倍。

閱讀全文>>

“思維框架”理論,讓我們更好地決策和解決問題。

泥人張 設計思維

相信很多體驗設計師在與產品需求方進行設計提案的時候會遇到這樣的情景:
  • 你闡述自己的設計推導過程,從產品目標分析、問題定位、設計目標分析、設計思路闡述這樣的推導下來,在場的產品經理們都點頭,表達認可。
  • 但是!當到了設計方案環節,你把方案放出來,各位就七嘴八舌挑戰了:¥#@%&*&*
  • 這時候經常會聽到這樣一句話:“有沒有其他更好的方案啊?”
  • 這時候你是不是會想,我前面的推導和演繹過程那么完美那么富含邏輯,推導的肯定是最好的方案啦!

但是哦,這個時候,你還是會感覺沒底氣說出這句話來。

于是你最后說出一句妥協的話“好的好的,我回去改一下。”(各位老板我都聽你們的,你們說啥就是啥)

專業度呢?設計價值呢?你的玻璃心要碎了:死了產品經理們會不會覺得自己很水很不專業。

怎么辦?這就是今天想聊聊的主題:“思維框架”理論,讓我們更好地決策和解決問題。


閱讀全文>>

谷歌對話式交互規范指南系列:對話式界面的概念和機制

泥人張 設計資源

語音交互是一個全新的體驗設計領域,目前各家機構、公司、設計組織還處于摸索設計范式的階段,Google提供了一份非常成熟、系統的交互規范文檔,其中包含了核心概念的詮釋以及諸多可以指導設計的實踐原則。最近正在做的項目中涉及到語音交互的部分,所以順手將這份文檔翻譯出來,給需要的設計師參考。

我的譯文盡量的貼合文檔中原有的表意,同時基于我個人對語音交互的理解對表達文字進行潤色。其中有個別概念名詞比較抽象,所以我也旁邊附上了英文單詞,以便大家理解。

我們正在進入一個有光明前景的全新計算領域,機器學習和人工智能激發著對話式界面和自然語言的進步,同時使成為一種新的交互模式。

閱讀全文>>

掌握這5個方面,讓你具備真正的交互設計思維!

泥人張 交互設計及用戶體驗

交互思維是什么?網上的搜索結果大多是一些的方法。但是我這里要講的,是真正做所具備的思維方式。交互設計在國內發展的并不成熟,還有很長一段路要走。很多人,甚至包括交互設計師自身,對這一工作的性質和價值都未必有足夠的了解。

交互設計,聽上去是“設計”,但是其本質和常見的UI和視覺設計相去甚遠。“交互”指的是人類與機器之間的溝通,與美學、界面、按鈕什么的,其實沒有半毛錢關系。領域細分之前,也許我們考慮的東西越多越好,但是在細分之后的今天甚至未來,交互設計就要有它不一樣的價值。

由于目前的大環境對這一細分領域仍舊缺乏了解,所以我希望在這篇文章里,寫幾個做交互設計所需要的思維方式。

閱讀全文>>

學會這個方法后,再多的設計需求都不怕!

泥人張

1. 先理解什么是業務需求、目標、目的

1.1 什么是業務需求

業務需求是企業為了達到某些目標和某種目的而制定的。它代表著企業希望下一輪產品的迭代能帶來什么收益,所以企業和 PM 在制定需求時必須謹慎且方向清晰。在工作中,交互要分析拿到的業務需求是否合理,所以就要理解在業務需求中的一些基本元素:

  • 需求定位:產品或用戶,還有企業戰略
  • 需求類型:功能類、數據類、設計類等
  • 重要性:重要、暫不重要

拿到需求首先就要分析,定位是否清晰,屬于技術類、數據類、設計類等中的哪一類,篩選所有需求中哪個更重要,然后再去做相應的工作。

1.2 什么是業務目標

閱讀全文>>

煩人的“小妖精”:淺談小紅點的設計

泥人張 交互設計及用戶體驗

導語

隨著各類App的業務功能不斷豐富,小紅點已經成為互聯網從業者們最常使用的運營工具之一,每當有新的運營內容或新功能上線,大家的做法往往是“在那放個紅點就行了”。然而簡單粗暴的形式以及不加節制的投放,讓小紅點變成了人人厭煩的“小妖精”。本文從設計的角度出發淺談小紅點的一些設計細節,期望引起大家對小紅點的關注,在這里拋磚引玉,也期待感興趣的小伙伴一起探討。

煩人的小紅點

人類似乎天生對不對稱,不和諧的事物有厭煩心理,并且想要去糾正這些“錯誤”,簡而言之就是大家平時所說的“強迫癥”。而小紅點則完美利用了這一人性的弱點,它就像白嫩臉頰上長出的一顆小痘痘,讓人忍住不去要去擠破它。因此,小紅點也成為了一把產品運營利器,只要投放在某個業務入口,就幾乎沒有用戶會對它熟視無睹,而當用戶忍不住要去輕觸消除它時,產品側為業務導流的目的也就達到了。

那么問題來了,用戶喜歡小紅點嗎?在Google和必應上搜索關鍵詞“App 小紅點”,幾乎有一半的搜索結果是“教你如何消除小紅點”。

閱讀全文>>

VR設計指南(2) - 基礎概念與設計工具

用心設計 行業趨勢

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里 在本文的第二部分當中,我們來了解一些作為設計師需要掌握的VR基礎概念及...

閱讀全文>>

暑期干貨!2017年8月前端開發者超實用干貨大合集

泥人張 前端及開發文章及欣賞

在過去的幾年當中,網絡上所流傳的各種設計和開發資源,在素質上有明顯的提升。其中有一些已經幾乎成為了設計師和開發者必備的工具,但是其中絕大多數由于其應用范疇的局限,或者傳播不夠廣,導致它們大多并廣為人知。將這些素材集中到一起,很大程度上是希望它們的目標用戶能夠明白,需要這些工具的時候,上哪兒找。

這次的前端干貨合集內容也很齊全,仔細看看,總能找到幾款你所需要的。

閱讀全文>>

日歷

鏈接

blogger

藍藍 http://www.thriveonsite.com

存檔

支付宝网赚是真的吗 网赚兼职项目 网赚大巴 中财彩票注册 网赚qq群 贵州快3计划 北京快3 2019年信誉网赚网站 辽宁11选5 安徽快3走势