本文由江南大學設計學院研究盧孩翻譯,查看原文《Google TV Design Patterns》 這是為運行在Google TV 上的Android應用程式所作的使用者介面開發準則。雖然運行在手機和Google TV上的安卓應用程式幾乎沒有不同,但在使用者介面上,兩者還是有區別。 電視的觀看環境通常被描述為「10英尺環境」,電視螢幕也被描述為「10英尺的使用者介面」。當你為10英尺環境創建應用程式時,請記住以下基礎概念: 從傳統上意義來說,10英尺環境適合消費內容 10英尺環境是娛樂環境,不是工作環境。 10英尺環境通常是一個社會環境,不是單使用者環 ...... More
Archive for 產品設計
精益使用者體驗的原則
本文是《Lean UX》的第二章,由江南大學設計學院研究生劉兆峰翻譯,作者:Jeff Gothelf和Josh Seiden。 據我所知,「精益」來自豐田模式的精益製造,是追求生產過程中的合理性和高效性,能夠靈活適應需求的高品質產品,減少浪費。推薦閱讀《精益思想叢書:豐田模式(領導力篇)》和《豐田模式:精益製造的14項管理原則 》。《精益創業》是Eric借鑒精益製造的理念,並將其引入產品設計過程當中,與敏捷開發有諸多不同點。「精益使用者體驗」是從設計師的角度去反思和優化設計過程,值得設計們尤其是設計管理人員閱讀。 本文僅供學習 ...... More
針對小手指的設計思考
本文由江南大學設計學院研究生盧孩翻譯,原文作者:Andrew Smyk,網址:HTTPs://medium.com/user-experience-researche/ad2a19ed3816 為兒童設計是非常有意義的課題,國外有kidscreen等設計網站或組織,希望更多的國內設計師能關注兒童應用,並為他們創造有趣和有教育意義和有愛的應用程式 為孩子進行介面或應用設計並不只是介面簡單化或是做大按鈕的問題,這要求我們從孩子的視角去思考交互模型和使用者體驗。兒童通常對世界充滿好奇,並且樂於探索。他們會點擊螢幕中的任何內容,在交互介面中搜索和發現內容。 讓孩子記住: ...... More
做好扁平化設計-交互篇
寫在前面的話:(看正文請直接跳到分割線處) 當寫完“做好扁平化設計-視覺篇”給到各位設計師看求指點的時候。 大家吐槽了: 有人說“只有交互扁平了,視覺才好做扁平⋯⋯” 還有人說“如果一個產品把希望寄託於視覺上,想靠視覺來表現產品的扁平化,顯然是不靠譜的⋯⋯” ⋯⋯ 確實是這樣的,扁平化不僅僅是界面視覺扁平無立體感,更應該是交互體驗的扁平化,信息架構的扁平化。 在進入正題之前,我們先來看一個例子,我發現有人用科幻電影中的UI 畫面來和扁平化視覺相比較,他們說這是未來界面 ...... More
【設計方法】視覺表現建立信息層級
作為視覺設計師,我們的作用除了最基本的滿足用戶審美需求,還會有品牌傳達,信息傳達,功能傳達等,其中想要信息有效的傳達給用戶,需要我們建立信息層級,而不是一股腦的丟給用戶自己理解,要做到這點有哪些視覺方法,這些方法的背後是否有理論依據,是本文的主題。 首先看下面兩張圖,左圖為相機拍攝的效果,右圖為人眼不移動時看到的效果,可以發現人眼對信息的獲取並不是一次性完成的,它不能同時產生多個焦點從而把視線停留在更多的地方,設計師需要考慮的是讓用戶通過眼球移動,按照一定 ...... More
iPhone介面設計師講述iOS文本選擇功能的開發故事
在2009年6月發佈的iOS 3系統中,最重要的功能就是文字複製、粘貼和通過拖拽螢幕上兩個大頭針選擇文字。這種直觀的設計要比當時其他智慧手機處理複製、粘貼和文本選擇的功能體驗好很多。複製、粘貼和文本選擇對於傳統電腦使用者體驗來說非常基本和重要,蘋果的解決方案讓該功能在移動平臺上變得同樣好用。 這份iOS文字選擇專利的使用者介面設計師是Bas Ording,他在蘋果工作了15年,去年離開了蘋果。Ording參與開發了包括第一代iPhone在內的多款iPhone。除了文字選擇專利,他還主要貢獻了iOS 7之前的虛擬鍵盤外觀,設備的頁面滾 ...... More
騰訊高級設計師談微信Android版本改版Android Design是大勢所趨
編者按:本篇投稿選自騰訊大講堂(更多騰訊產品技術文章,可以關注“騰訊大講堂”微信公眾賬號),由騰訊研發管理部高級設計師Vertu撰寫,他以產品設計師的視角,對比解讀了微信的舊容與新妝,也講了Android版微信5.2放棄iOS UI設計背後的故事。 1 月21 日,新的Android 版微信在應用寶上線內測,很多用戶第一時間更新了。在這個微信5.2內測版中,我們可以看到界面的功能架構、視覺風格及交互邏輯都有了較大的改動——微信開始遵循Android 的設計規範了。 相比之前移植iOS 的UI,Android 微信5. ...... More
揭秘Facebook 廣告系統核心演算法Pacing工作原理 (含案例)
Pacing是Facebook廣告系統中花費預算的節奏的一個演算法,Google Adwords裡面有一個功能是設定好預算和最高出價,Adwords就可以自動通過出價調節,讓你在這個限定的預算下獲取最多的點擊,Pacing這個演算法和Adwords的這個功能很類似,都是通過調節出價,讓廣告主獲得最大的ROI。 下面我們通過一個例子解釋一下這個演算法: 例子背景: 某廣告主現在在推廣一款產品,每天預算$10,以CPC計費,我們預先假定每次廣告點選能產生$5的收益。 下面我們將通過3種不同情況的競價情景,解釋為什麼pacing能為廣告主提供最大的價值。 情況一: ...... More
扁平和簡約來襲
譯者註:本文作者Adrian Taylor 是一位交互創意總監並且是Pushstart Creative的創辦人,專注於多種研究,如物理聚合、人機交互技術和品牌體驗等。儘管他目前工作的重點是產品研發、戰略發展、UX等,但是對pixels卻一往情深。想了解更多可以去 designtaylor.com或者上Twitter查找 Adrian Taylor。 原文地址:http://www. smashingmagazine.com/2013/09/03/flat-and-thin-are-in/ 在過去幾年裡,軟件和APP的界面設計風格發生了迅速變化,由3D、擬物發展到扁平、簡約。儘管這一趨勢普遍存在 ...... More
關於移動應用的新手引導設計
前面做過幾篇價值觀、一篇莫名其妙的洗衣機介面重設計…今次回到移動應用的dirty job當中,搞基層建設。來自Nielsen Norman老爺子Group的小文一篇。下面進入譯文。 如今市面上的很多應用都會在初次載入時提供「教練畫板」形式的新手引導或教程任務(畫著各種使用說明的半透明浮層)。此類引導有時確實可以説明使用者以正確的方式使用產品,不過很多時候也真是沒有必要。如果你決定在自己的應用裡增加這樣的新手引導,那麼不妨參考本文提供的一些設計原則,以打造出更有用的引導,而不是讓使用者只想趕快跳過的障礙。 簡短 ...... More
最好的介面是沒有介面
本文由江南大學設計學院研究生曾麗霞翻譯,原文作者:Golden Krishna,網址:HTTP://www.cooper.com/journal/2012/08/the-best-interface-is-no-interface.html 「Atmadm.」 我們的工作就像一個關於字母遊戲的噩夢。 「chkntfs.」 「dir.」 (來源:vintagecomputer.net) 在1984年,蘋果採用了施樂公司帕洛阿爾托研究中心的WIMP系統——視窗,圖示,功能表,指標——使我們快速的遠離了DOS下的那些可怕的命令列,並進入圖形化使用者介面的世界。 Apple’s Lisa. (來源:Guidebook Gallery) 我們被改變了。十年之後,當我們 ...... More
蘋果發佈最新設計指南,教你如何更方便地打造一款「優雅」的App
蘋果發佈了其最新的設計指南(Design Guides and Resources),試圖説明開發者更好地學習 iOS7 風格的應用和遊戲設計。打開 Apple developer center就能看到,新版指南提供了大量的視頻和文檔,內容涵蓋應用和遊戲的 UI 設計、iOS7 更新概覽、最佳案例、注意事項等等,關聯內容之間的連結也做得比較完善。 在指南首頁,我們看到蘋果如此表述: 「出色的使用者體驗既是蘋果的品質證明,也是iOS和OS X應用有別與其他的最大特徵。流覽以下資源能教你如何打造一款優雅、迷人、易用的App,這也是蘋果使用者所期望的。」 拋開宣(zi) ...... More
張小龍關於微信的創新,這3句話不得不看
最近,張小龍接受了一個很喜大普奔的採訪,新華社採訪,中國夢專題。但話題圍繞微信,圍繞產品展開,張小龍回答的很直接和犀利。對於“微信創業與創新”這個2014年最大一個風口的豬,張小龍的這三句話不得不看: 1、如何化繁為簡?張小龍常用的方法就是分類,很多產品都包含了數百上千項功能,如何在手機如此小的屏幕內讓用戶便捷地找到這些功能,就是分類所要起的作用。另外,究竟是靠產品本身驅動用戶還是靠運營手段去拉動用戶?太多人把精力放在後面這個方向了,做個產品馬上就通過運營或者營銷的 ...... More
2014微博用戶端一馬當先——短視頻動畫分享
又一年風花雪月人情冷暖,又一年歲歲年年歡慶祝福。2014甲午年屬馬,一馬當先,馬上有錢,龍馬精神,萬馬奔騰……都充斥著人們對來年的期盼和心願。新浪微博用戶端依舊祝願每一個使用者眼前一亮天馬行空的展現一下新年新氣象。大家在春節版微博用戶端能看到2014馬上新年快樂~(看過的請輕噴)這是新版用戶端更新後開機展示的一段8秒的視(niu)頻(bi)動畫。由相同的三角形分別組合形成的2014、馬頭以及新年彩球的圖案。通過3D空間旋轉、組合、運動連成一體。寓意著千千萬萬小小的正能量凝聚成此時此刻對新一年的欣喜與祝 ...... More
案例學習 – Grocery List的iOS7重設計
新的一篇iOS7重設計案例文章,和我們之前的Luvocracy改版與Commit改版等等相同性質,拿實際產品的重設計工作說事兒,有實戰參考價值(更多關於iOS7設計的文章可以戳右邊欄裡的iOS7應用設計系列)。好唄,開始唄。 這裡進入譯文。最初在WWDC上看到iOS7的時候,我們看著自己的應用Grocery List,琢磨著:這次的iOS更新夠徹底好嗎,就像當年iPhone剛剛推出時的那種感覺呢。要讓產品適應新系統,簡單的修改介面設計是不夠的,我們必須重新思考,重新創建,使其能夠真正融入新系統的環境當中。然後我們就這麼幹了。 另外,雖然應用的基本 ...... More