交互設計規(guī)范那點事

為什么要做設計規(guī)范?

?保持平臺統(tǒng)一性

設計規(guī)范相當于是給設計師設定一個限制,在這個限制的范圍內進行發(fā)揮,讓整個設計結構比較可控。特別是在teamwork時,不同設計師設計能力層次不齊,對產品和設計的理解也各自不同,如果沒有規(guī)范,那就比較亂了。

提升團隊效率

首先規(guī)范保障了大家在認知上的一致性,同時細化出來的組件庫、模板等都是可以作為通用庫在團隊內應用的。方案pk選擇時可以用規(guī)范剔除出太over的方案,有跡可循。

打磨細節(jié)體驗

設計師在工作中可能都是跟著版本的節(jié)奏,不停的迭代做設計,很少有時間可以反過來看看原來的設計,是不是還有不合理的地方需要優(yōu)化,邊邊角角沒有統(tǒng)一,等等問題。制作設計規(guī)范就是個很好的時間節(jié)點去重新回溯自己的設計。

---

什么時機做設計規(guī)范?

?有一個成熟的產品

一般來說,至少要有一個成熟的產品,設計語言被用戶認可,符合其使用體驗和對品牌認知,才會對設計語言進行提煉,并總結出設計規(guī)范,應用到今后的設計,或同個產品線的其他產品上。產品如果還在孵化或者探索階段,沒有經過用戶的認可和習慣養(yǎng)成,這時盲目去做設計規(guī)范,反而是吃力不討好,設計思維受限于不合理的框框內。

團隊協(xié)作時

如果沒有團隊協(xié)作,只是單個設計師負責一個產品,制作規(guī)范的意義就不是很大。因為通常這種情況下,產品本身的規(guī)模也不是很大,而整理規(guī)范需要花費很大的經歷,性價比不高。

---

設計規(guī)范包含哪些內容?

如果去網上搜別人的設計規(guī)范,一般都包含原則、控件說明、組件庫,有些規(guī)范還會有典型界面、應用案例、圖標、顏色、尺寸適配,甚至還有動效js代碼。那交互設計規(guī)范到底應該包含哪些內容呢?

我們把制作交互設計規(guī)范當成是一次服務設計來看,一般可分為三類用戶人群,團隊內設計師、第三方協(xié)作團隊(開發(fā)gg)、公開給大眾。用戶目標不同,設計規(guī)范的目標和結果也不同。

給團隊設計師看的交互規(guī)范,是為了讓組內設計師對產品有一支的認知,且能夠準確地應用到日常的設計中去。因此需要比較系統(tǒng)性的規(guī)范,最好包含原則、控件及場景說明、核心頁面并提供組件庫、icon庫、錯誤提示規(guī)范文檔等,進行應用。

和開發(fā)gg們協(xié)作時,有一份規(guī)范文檔,也會事半功倍。一般比較關注應用的文檔,所以可以細化到通用頁面、提示規(guī)范、控件操作規(guī)范等、讓他們寫一些基礎頁面的時候可以更系統(tǒng)性。其他的內容作一下簡單說明,闡述設計思路就可以了。

公開給大眾的設計規(guī)范,顯而易見是為了展示設計實力,提升團隊的影響力。更多地闡述產品的定義描述、設計來源和原則,再舉一些典型案例,用做示范。

---

為什么制定了設計規(guī)范,設計師不用?

很多公司都會碰到設計規(guī)范執(zhí)行不到位的情況,一些設計師對規(guī)范有抵觸心理,設計方案時比較追求個性化和創(chuàng)新性,覺得規(guī)范是一種束縛,限制了設計思路。從制度上講,一方面可能是缺乏有力的監(jiān)督和獎懲制度,但是規(guī)范制定者也需要思考這個規(guī)范是否具有可執(zhí)行性。

制定規(guī)范時最好是團隊協(xié)作,設計師全程參與到整個過程,也會了解項目背景和產品定義,最終產生的結果會比較認可,也愿意去執(zhí)行自己作出來的規(guī)范。另外一種情況是,有了完善的規(guī)范,但是規(guī)范太過于寬泛,內容不具體,缺少必要的細節(jié)說明,或規(guī)范的可讀性比較差,讓設計師無從下手。建議規(guī)范制作還是松緊有度,不需要為100%的內容制作規(guī)范。同時要求信息主次分明,對產品和設計原則有清晰的定義和準確的描述,并且場景完備。

---

設計原則用apple 或material design的原則可以嗎?

很多設計師入門都是以iOS或Android的設計規(guī)范開始,曾經在制作設計規(guī)范之初,也有設計師問,為什么要制作設計規(guī)范,不是直接應用iOS或安卓的設計規(guī)范?事實上,這兩大移動系統(tǒng)的設計準則《iOS Human Interface Guideline》、《Material design》也非常詳細、完善,很有參考價值。而我為什么主張為單個產品線制作一份專屬于自己的設計規(guī)范呢?

兩大準則業(yè)務的普適性導致了設計原則和規(guī)范都偏基礎。如ios人機交互指南提到的六大原則:*美學完整性、一致性、直接操作、反饋、隱喻、用戶控制*。這些原則應用到任何場景任何產品都沒毛病,似乎是每一個App設計都應該做到的,不能反應產品的個性和特點。

---

有了完善的規(guī)范,如何創(chuàng)新?

首先不需要為100%的內容制定規(guī)范。通過這個規(guī)范設計師明確了設計方向和設計元素,并減少了因為個人審美偏差或與可用性原則不符造成不合理的設計方案,那么就達到了規(guī)范的目的。

規(guī)范是可以被迭代的。規(guī)范是輔助設計師工作的工具,所以設計師仍然要以業(yè)務目標和用戶體驗為目的,當發(fā)現(xiàn)規(guī)范不能覆蓋到的場景,或者是有偏差的地方,可以及時更新規(guī)范。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容