? ? ? ?一磺平、確認產品需求
? ? ? ? 產品需求一般有兩種來源途徑:一種是甲方客戶(俗稱外包項目)瑰排,另一種是自研產品挖炬。甲方客戶產品需求就需要與甲方進行多次溝通來確定產品需求雪情;如果是自研產品則除了內部的多次溝通外,還需要根據產品的定位鸭巴、目標用戶眷细、競品分析等來確定需求。無論需求是哪種鹃祖,溝通都是非常重要的溪椎。兩者在確定需求方面方法論其實是差不多的,不是割裂和對立的恬口。對于需求的理解越透徹后期就會越好開展工作校读。
二、討論并制定草圖框架
在項目的開始祖能,UI設計師就需要參與到整個項目當中歉秫。對于產品需求的了解,不只是產品經理或者項目負責人的事情芯杀。所以端考,需要UI設計師雅潭、項目負責人、產品經理等一起作出討論却特。在此階段扶供,UI設計師可以通過畫出一個大概的框架草圖來提高溝通效率。
對于一些外包項目裂明,客戶的需求很多時候都是模糊的椿浓,客戶方一般會說先提供幾個版本的設計稿看看,這個時候闽晦,整個產品的功能扳碍、結構框架也都是模糊的,所以仙蛉,可能需要UI設計師積極的與客戶或者項目負責人溝通笋敞,了解清楚。切記荠瘪,在需求明確之前別開始設計工作夯巷,不然做出來的東西也是無用的,重復這類工作還會打消自己的積極性哀墓。
三趁餐、流程圖
這個時候,你需要結合開始的產品需求和框架草圖篮绰,用流程圖工具做出一個具體的流程圖后雷,理清你的設計思路。這樣你的項目負責人可以直觀的看到整個的流程吠各,你在開始設計的時候臀突,也可以依據你做的流程圖。
做腦圖/思維導圖/流程圖的工具其實有很多走孽。在這里呢惧辈,列舉一些常用到的流程圖工具琳状,如Mindnode/百度腦圖/Xmind/Visio等等磕瓷。
四、原型圖
? ? ? ?在原型圖設計階段念逞,界面應避免用色困食,一般用黑白灰,這樣可以避免顏色影響視覺聚焦功能需求翎承。
所需工具:Sketch(框架圖)硕盹、Adobe-XD、POP(初步原型)叨咖、墨刀(高保真原型圖和交互)等
? ? ? ?五瘩例、制作設計規(guī)范
? ? ? 設計規(guī)范指導要兼顧一致性和可用性原則啊胶。
一致性:
1、設計目標一致
軟件中往往存在多個組成部分(組件垛贤、元素)焰坪。不同組成部分之間的交互設計目標需要一致。例如:以老年人作為目標用戶聘惦,以簡化界面邏輯為設計目標某饰,那么該目標需要貫徹軟件(軟件包)整體,而不是局部善绎。
2黔漂、元素外觀一致
交互元素的外觀往往影響用戶的交互效果。同一個(類)軟件采用一致風格的外觀禀酱,對于保持用戶焦點炬守,改進交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統(tǒng)一的衡量方法剂跟。因此需要對目標用戶進行調查取得反饋劳较。
3、交互行為一致
在交互模型中浩聋,不同類型的元素用戶觸發(fā)其對應的行為事件后观蜗,其交互行為需要一致。例如:所有需要用戶確認操作的對話框都至少包含確認和放棄兩個按鈕衣洁。對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同墓捻。但是我們可以看到這個理念雖然在大部分情況下正確,但是的確有相反的例子證明不按照這個理念設計坊夫,會更加簡化用戶操作流程砖第。
可用性原則:
1烁登、可理解
軟件要為目標用戶服務倦微,軟件各元素對應的功能要被目標用戶所理解。如果不能為用戶理解御毅,那么需要提供一種非破壞性的途徑智听,使得用戶可以通過對該元素的操作羽杰,理解其對應的功能。例:刪除操作元素到推。用戶可以點擊刪除操作按鈕考赛,提示用戶如何刪除操作或者是否確認刪除操作,用戶可以更加詳細的理解該元素對應的功能莉测,同時可以取消該操作颜骤。
2、可達到
用戶是交互的神經捣卤,交互元素對應用戶需要的功能忍抽。因此交互元素必須可以被用戶控制八孝。用戶可以用諸如鍵盤、鼠標之類的交互設備通過移動和觸發(fā)已有的交互元素達到其它在此之前不可見或者不可交互的交互元素鸠项。要注意的是交互的次數(shù)會影響可達到的效果唆阿。當一個功能被深深隱藏(一般來說超過4層)那么用戶達到該元素的幾率就大大降低了⌒獯福可達到的效果也同界面設計有關驯鳖。過于復雜的界面會影響可達到的效果。
3久免、可控制
軟件的交互流程浅辙,用戶可以控制。功能的執(zhí)行流程阎姥,用戶可以控制记舆。如果確實無法提供控制,則向目標用戶提示相關的信息呼巴。
六泽腮、確定設計稿和原型交互demo
所需工具:Sketch(設計稿)、Axure(原型交互)衣赶、Marvel(原型展示)诊赊、Principle(交互動效)、墨刀(原型交互)
七府瞄、對接開發(fā)
所需工具:PS碧磅、AI等(設計)、Cutterman (切圖工具)遵馆、PxCook(標注鲸郊、切圖工具)、Zeplin(切圖货邓、設計稿標注)等秆撮。
當你設計完成頁面以后,要做的工作就是:標注换况、切圖职辨。以及跟進開發(fā)實現(xiàn),確保設計稿落地效果复隆。
八拨匆、上架
軟件是為目標用戶服務姆涩。因此應該由目標用戶來使用和控制軟件挽拂。軟件響應用戶的動作和設定的規(guī)則。對于目標用戶交互的結果和反饋骨饿,提示目標用戶結果和反饋信息亏栈,引導目標用戶進行自我需求的下一步操作台腥。
九、跟進用戶反饋及后續(xù)迭代
以上是UI設計流程的內容绒北,內容也許不是最全黎侈,但也能讓你對UI設計流程有清楚的認識。