目前交互設計有沒有一些成型的規範?

天馬行空跑火車貌似不可取。網頁設計、移動應用也可以。此方面的書籍、資料有沒有推薦?


感謝邀請,一點經驗…希望有所幫助。



交互設計有分很多種,以產出成果或媒介來分就有:網頁、軟體、系統、軟硬體整合、服務,而每個領域所謂的規範都略有不同。我了解問者可能偏指數字設計方面,希望以下能有你想找的...



規範的不同定義與用途:


只講屏幕上常見的版型或元件,並整理成一個概括的系統,算UI Pattern(樣式),嚴格說來,不算規範。這些元件在大型規範里只算是後面章節里的細部解釋。這個領域。。。近日大家期待的是這本書的上市:http://mobiledesignpatterngallery.com/



只提到視覺一致性,有時偏向設計語言、視覺規範,跟實際開發使用的交互、開發規範有一定的距離。



但對於第三方合作夥伴確有制約的作用。基本上雖然Android上水準不一,但它的規範倒是可以參考一下,主要是其不斷更新的地方。(但想想,如果好的話就不需要一直更新… :p)
http://developer.android.com/guide/practices/ui_guidelines/index.html



如果就大型網站內部的視覺規範,Naver的做的不錯,前一陣子有人在網路上分享。很久以前看過從那邊出來的設計師在內部做的項目,光視覺探索的品質就令人嘆為觀止。


面向開發的,倒是有很多不錯可以參考的,比方說iOS,甚至新版的xCode都算是不錯的。換句話說,好的規範要有易懂、易用的引導性教學,不論是框架或文筆。



以網頁角度來說的一致性,Yahoo!的Design Pattern算是比較元老,比較易讀。其他知友有提到,就不多談。
http://developer.yahoo.com/ypatterns/



以軟體來說,微軟很早就有一整套,可以參考其框架的設置,但細節與原則就不需要花那麼多時間去閱讀。但可以對比一些敏捷流程規範的制定。如果真要有個起頭,可以看一下Axure作規範的方式,大概窺探一下這個領域。



系統平台部份,覺得Meego的做的不錯,確實是給設計、開發人員使用,可以從這裡開始,對比較沒經驗、不熟悉開發流程的人來說。
http://developer.meego.com/guides/meego-handset-ui-design-guidelines


很多在流水線較前端的設計公司,都會告訴你高保真原型比規範有用,在很多程度與特定時間點來說是正確的,但當面向運營型項目、時間較短與後期團隊龐大的項目,對開發運營來說,通常是沒有太多實質的意義。


就服務來說,大多是與品牌形象、行銷策略相關,類似的書籍不多,但是很多很有意思,類似數字產品的規範,但有不同的框架與內容。



最後,我覺得大產品的前幾版規範是需更有彈性、依照真正需求的制定,以及提早和不同團隊溝通,不要先寫了才發現沒有用。上線後最好與QA還能保持一定的交流與編輯性。



快產品的規範則應該小而美,溝通方式與達成共識比較重要。


hope this helps.


各個平台都會有相關的界面設計規範,以約束亂七八糟的設計模式給用戶使用帶來麻煩,給用戶提供良好的操作體驗。另外,界面設計規範也在一定程度上提高了設計開發人員的工作效率。

各平台相關的規範可以參考:http://www.ixdchina.com/
書籍參考:http://book.douban.com/doulist/292859/


現在各種各樣的互聯網產品層出不窮,但是設計水平著實叫人不敢恭維。其實一款產品的設計水平在原型設計階段就幾乎已經決定了。熊先生最近和幾個產品設計的大神接觸,通過從他們那裡的請教學習,簡單的總結了一些關於產品在原型設計規範的小意見,希望對大家有所幫助。

1. 項目類型

正所謂沒有規矩,不成方圓,項目類型的確立對於產品的原型設計來說,應該是第一槍,也是最重要的一槍。如果你連自己想要設計的產品是什麼類型都不知道,那真的是沒人能救得了你了。目前,比較常見的項目類型有以下幾種:移動端(手機、平板)、網頁、桌面。有些原型工具是自帶這種屬性的,比如Mockplus、Justinmind。從項目建立的第一步,就需要確定所設計的原型類型。一般來說,一開始先明確項目類型,對之後的整體布局。組件使用都有著很重要的意義。因為只有知道自己想要的是什麼,才能更好地去規劃如果得到它。當然,這兩款工具也都提供了自由的模式,以服務有其它需求的用戶。

2. 項目樹

項目樹,也就是項目大綱。在產品設計中,項目樹無疑是骨架與核心,指導著整個項目設計的每一個步驟。項目樹對於一個項目來說,更是一個系統的大綱,項目在每一個頁面的設計都要遵照其項目樹中頁面的規定來進行,不可偏差。所以,在確定了項目類型之後,千萬不要馬上就開始設計,而是要冷靜一下,仔細考慮應該如何去安排項目樹。

3. 參考線

參考線應該是設計中最常見也最容易被忽視的一個輔助工具了。如果大家總結一下就會發現,幾乎所有設計工具都會有參考線這一項,不論是做原型的Mockplus,或者是修圖片的PS、AI。而在這些工具中,參考線早已不僅僅只是躺在那裡的一條線而已。比如Mockplus,當一個組件移動到與其它組件相同X、Y左邊,以及中部對齊時,都會自動的產生參考線,方便大家對組件的定位。

4. 對齊分布與比例協調

頁面布局的整潔和有條理,會給設計工作帶來很大的便利。這裡向大家推薦一個比較有效的方法,那就是巧妙的使用羊角螺線。很多設計師覺得,羊角螺線只是適用於具體圖片的設計中,但是實際上,根據羊角螺線設計出來的整體布局並不佔少數,最典型的例子就是蘋果手機的圓角。根據羊角螺線做整體布局還有一個很大好處就是組件的比例會很協調,大小尺寸的銜接過度會顯得不那麼突兀。


我猜想提問者所說的規範有兩層意思:
1、交互設計有哪些要遵循的「原則」?
2、交互設計規範包括哪些內容?
我的理解:原則更像是一些指導思想,並不是具體的行為,例如一致性;而規範是具體的行為,比如說我不會在規範文檔中要求說大家要遵循一致性原則,而是要說明為了保持一致性我們要怎麼做。這具體怎麼做就是規範了。做規範是為了提高團隊合作效率,保持一致性等。如果一個產品由兩個人完成(產品與技術各一人),那我真想不到寫規範有任何用處,當然如果你說為了給後來的新同學看那是另外一回事。
如果提問者說的是第一種,那麼一致性,優先順序,提高用戶效率是一些比較常見的原則;而如果說的是第二種,那麼這就無法很有針對性的回答了,因為這是根據你產品的具體情況,平衡各方利弊之後所做的規範,這可能很適合你,但不一定適合別人。反之亦然


《見微知著》這本書不錯,介紹網頁方面交互設計的一些很細節的原則和經驗,結合實際項目分析書上實例比較有效。


沒規範,好用就好。

我自己的網頁:

http://www.hiimii.com


http://ui-patterns.com/


http://developer.yahoo.com/ypatterns/
太多了
http://developer.yahoo.com/ypatterns/about/libraries.html


規範也是可以自己制定的。深入研究各個平台的特性,然後揚長避短,滿足即適合平台特性又針對產品目標用戶群體,再融合統一的企業文化標識,華麗麗的規範就這麼出來了。最主要是一不小心碰到熟人,招呼一下。。。(*^__^*) 嘻嘻……


Donald Norman』s design principles for usability
Shneiderman"s Eight Golden Rules of Interface Design
雖然老舊,但依然實用


推薦閱讀:

想學習交互設計,選擇報班培訓還是自己看書學習?有哪些專業書籍值得推薦?

TAG:用戶界面設計 | 用戶體驗設計 | 交互設計師 | 交互設計入門 |