天天综合在线观看-天天做人人爱夜夜爽2020-天天做人人爱夜夜爽2020毛片-天天做日日爱-国产成人精品一区二区视频-国产成人精品影视

忠于品牌,精于技術

標準化之路:關于產品設計規范

Suer 記得很久之前看過朗咸平的<模式>,書里介紹了時尚快消品牌ZARA的“一條龍”服務,當時的我被驚呆了,符合企業實際情況的生產設計規范幫助ZARA一步一步建立自己的時裝帝國。

還有各種咨詢公司建立的6-Sigma等等規范,統統都是為了提高生產力而制定的標準。
早在兩千多年前,秦國統一六國后,實施了書同文、度同制、車同軌、行同倫。當時制定出了(我認為)最早的一套產品設計規范——度量衡,還有車輪間距標準,這些東西都讓秦國更好的運作起來。

國家尚且如此,那作為產品設計人員的我們又該如何?
互聯網行業的產品設計規范,大概就是將產品的一切交互行為、視覺樣式都要嚴格遵從可用性原則,并根據公司業務目標,制定出涵蓋公司產品功能范圍內的所有相關控件與相應的展示樣式。

這等于定義了如何幫公司設計出一個好的產品。無論你的網站或app多漂亮多流暢,卻無法幫公司賺錢——窮死;產品只為了賺錢而忽略用戶體驗,那就缺乏競爭力,衰敗也就是時間問題。這是老生常談了。

設計規范的意義

指導性

什么是好的設計規范——團隊成員能高效地制作出既滿足業務需求,又能讓用戶輕易完成目標的產品。每個公司或者團隊,到了一定階段,都需要產品設計規范來突破瓶頸,提高效率,改善產品,讓產品和團隊都能夠輕裝上陣,走得更遠。

意味深長與歷久彌新之美,蘊涵于簡約之中,于清晰之中,于高效之中。真正的簡約遠不止是刪繁就簡,而是在紛繁里建立秩序?!狫onathan Ive

iOS7-Icon-Grid

iOS 7的圖標設計規范

在定義產品需求,討論布局的時候,設計師經常會被非專業人員“指點江山”?;蛟S大家都對用戶體驗有一定了解,而且都是一心為了產品好,但是體驗設計 需要像血液一樣滲透到產品的每個部位,那可不是隨便腦暴幾個想法就能解決的。設計規范凝聚了設計師們用血換來的經驗,對產品與使用群體的深刻理解,還有結 合實際使用場景的綜合分析。實施規范之后,大家就能各安其職,當然,是在理想狀態下……

有效性

規范必須是有效的——一個連按鈕的點擊效果都沒的規范是毫無用處的。從有效性這個角度來定義規范,其實就是產品各種已有模式或模板的集合。我們需要 根據產品的業務目標來得出產品功能需求,然后根據用戶目標和使用場景,窮盡所有可能性,制作出合理且可用的模板和組件。
這樣做出來的東西才敢說是可以用的,合理是前提,有效是結果。

然后,該如何窮盡所有可能并逐步制定規范?那就要我們加深對公司產品目標的認識,參考先進競品,聽取反饋意見,總結過往版本的不足等等,完善已有的模式,或創造出更優秀的。
例如,”贊”這個功能已是產品社交化所需的基本元素,用戶通過操作”贊”按鈕,可增強與產品本身、還有共同用戶之間的互動。

2013-09-05_111444

就算你很美,就算你會自動消失,也只是一個彈窗。
以前的操作反饋總是過于簡單粗暴—-直接彈窗告訴用戶”操作成功!”。我一直覺得這就像給了用戶一巴掌。
現在的技術日新月異不斷進步,因此我們可以設計出非常優雅的效果。

tumblr_like

tumblr的“贊”

在設計規范的過程中,我們需要思考一切可能:通過操作”贊”按鈕,用戶應該獲得多少種反饋?是否真的需要這些?全部情況都考慮到了嗎?如果服務器出 錯或代碼效率低,導致反饋有延遲,是否需將反饋改為提前量?例如Instagram,用戶點贊后,它不管用戶有無網絡,都先用可愛的動畫反饋告訴用戶已操 作成功,然后才后臺檢測網絡是否可用并發送數據。

在思考用戶的使用場景和習慣的同時,公司自身的產品后臺也要照顧得當,并需要作出適當反應,例如這個贊的數據應歸類到哪里,運營同學對此有無更多的 需求,未來會否添加更多的接口?開發同學需要有所準備,以應付突如其來的”需求”,就算開發部沒有相關規范,也應了然于胸,或者直接加入到產品設計歸范。

可復用

設計必需是簡潔且而優雅的,才能歷久彌新?!猄mashing Magazine

設計可以在各分枝系列產品里重復使用,這正是設計規范的精髓,不能復用的規范不是好規范。

可復用的規范對公司和產品來說有啥好處?

  • 對視覺設計師來說,按鈕只需要有限的若干尺寸樣式,不同產品線或功能點只需換個顏色甚至直接套用。網格系統、頁面頭部更是全球唯一。
  • 對于前端工程師來說,只需要像Bootstrap一樣,根據視覺規范制作出1份CSS文件,全站都引用此文件即可,不同產品各取所需,特殊情況也只需定義少數代碼即可。
  • 對公司來說,上述兩位同事都提升了效率,那公司的整體效率當然就更上一層樓了。另一方面,如果有人員流動,簡潔的規范也能讓新同學迅速上手并融入產品設計團隊,同時降低了公司的風險和損失。
  • 對用戶來說,簡單的幾個樣式A穿整個產品,既降低學習成本易于使用,也能讓用戶更專注于內容,這就是用戶體驗的重要原則”一致性”,相關文章很多,這里就不作展開了。

當然,以上都是在理想狀態下……

Less Coding

LESS和SASS是前端工程師的規范化利器(圖片來自Dribbble

約束

規范本身沒有約束或局限性,約束往往來自人。——我說的

規范本身的約束

很多同學看到規范就會說,次奧,太落后了,怎么老用這東西來弄?
呵呵,罵得好。
誰讓你弄個古董級的規范出來?誰讓你一成不變?上面也提到了,設計要簡潔、高效!這才能迅速迭代,不斷改進。制作規范的過程,本來就是一個優化和沉淀的過程。
好的設計歸范還需要站在一定的“高度”來定義產品,“高度”要控制得當,不能太籠統——泛泛而談說了等于沒說,也不能太細致——很多專題或者獨立產 品需要自己的空間。正所謂”站得高,看得遠”,具備一定的前瞻性,才能指引產品走得更遠。不與時俱進,使用先進的效果和技術,也很難說服同事們采用我們的規范。

規范之外

設計規范所面臨的約束與局限,不一定來自于設計本身,而更多的是來自于“人”。
例如,在A頁面有一個圖片輪播模塊,是前端工程師1和視覺設計師2設計的,然后在同一級別的另一個頁面B也需要同一個模塊,負責這個頁面的前端3和視覺4都一致認為:我也能寫/畫出來,不需要套用已有代碼/PSD。

好的,我知道你們很優秀,這是無可否認的。但是最牛逼的大師通常都是深藏功與名的,前端大師能夠寫出讓設計師都能看懂的代碼,讓后繼者看到猶如自己寫出來的代碼,這才叫Zen Coding;視覺大師直接發明輪子的替代品,而不需要用現有的輪子。
我說得夠明白易懂不?

Braun_Fernseher FA_80_1964

Dieter Rams, 1964, Braun FS80 TV

時機

總而言之,產品設計規范不但需要做,還需要適時地做,一旦完成,就要貫徹執行,接收反饋,總結不足,不斷優化。磨刀不誤砍柴工啊。
規范化不是鬧革命,因為一不小心就會革了產品的命。在產品本身還沒準備好的時候推出,只會增加負擔,降低效率。
規范化是“進化”,在產品不斷的迭代過程中沉淀積累,最終形成的一套優秀的設計方法。

主站蜘蛛池模板: 大女小娟二女小妍| 好吊操在线视频| 久久精品a亚洲国产v高清不卡 | 老师你的兔子好软水好多作文高清| 亚洲色中文字幕在线播放| 日本三级生活片| 小草视频免费观看| 三级黄色在线观看| 久久精品中文字幕第一页| 污网站视频在线观看| 老子影院午夜伦手机电影| 国产极品视觉盛宴| 精品无人区一区二区三区a| 欧美日韩一区二区综合| 国产三级精品三级在线专区1| 成人毛片手机版免费看| 美女不遮不挡的免费视频裸体| 4480yy私人影院论| 亚洲国产高清美女在线观看| 口工全彩无遮挡3d漫画在线 | 伊甸园在线观看国产| 欧美巨大xxxx做受高清| 又黄又爽又色又刺激的视频| 午夜性色一区二区三区不卡视频| 色多多在线观看视频| 性生活2| 海角社区视频在线| 99热在线看| 美美女高清毛片视频免费观看| 成人毛片手机版免费看| 品色堂永久免费| 波多野结衣女教师在线观看| 一二三四视频社区在线| 国产福利萌白酱喷水视频铁牛| 九九久久精品国产免费看小说| 国产精品久久久久一区二区三区 | 丰满上司的美乳| 波多野结衣之双调教hd| 免费在线亚洲| 国产换爱交换乱理伦片| 麻豆三级视频|