追求卓越一諾千金

藍藍設計_媛交女图片,2011年成立_|198彩票,主創清華團隊|-|中菲南海对峙,專注軟件和互聯網ui設計開發_|-欣荣图片。擅長企業信息化管理-||22彩票官方平台、監控|--宋茜 running man、大數據軟件UIUE谘詢和設計開發服務|网上三好街报价。立足UI__-诺基亚e900,好好學習|-钢结构楼梯图集,天天進步-__tksnis 009!


原型該畫到什麼程度|-|电视棒密码?

2019-8-29 泥人張 交互設計及用戶體驗


原型的不同階段_-定位烫图片,含義和作用也各不相同|_|雷明老师,更加認清了原型在工作中的用途--|易点彩票3D试机号,希望對各位也有所幫助~

不知你有沒有這樣的經曆--仲博彩票手机APP安卓版:為了不讓原型看起來醜|_-镀锌钢丝绳规格,會糾結各種細節處理(間距|东环广场电影院、大小)|_盈众彩票官网,結果造成工作周期延長--093彩票网站,精力損失-金恩荣;為了讓原型接近於真實效果|||2012年职称英语考试成绩查询,會思考各種精致布局_|盈彩网时时彩计划,結果leader來一句‘你現在做這麼好看幹嘛|--虚拟网短号查长号,這個功能都沒確定好’....在各種階段畫出了不合適的原型_|-艾儿妈妈。


所以今天想聊聊‘交互原型’這一話題_||单单堂,也算是對自己成長的一個總結和沉澱_||掌信彩导师。


文章目錄||_038彩票是合法么?:

·原型的不同階段

·原型與用戶體驗的5個層麵

·原型產出的原則

Image title




Part1-|淘宝网怎么开店:原型的不同階段


其實我覺得畫原型和做設計的理念是一樣的-世纪星光电影城:沒有好壞__-盈彩彩票能提现吗,隻有是否合適~

當產品經理/交互設計師沒認清當前的需求階段時|||一级b成绩查询,無論你畫的好不好看-|河北区haobc,都會出現一些糟糕的現象-_|尊龙网上娱乐:一開始就注重細節處理-_脊柱宝、在原型需要重點輸出時-锦州论坛,又忽略功能與邏輯上的思考||258彩票注册送38、在功能未確定時追求精致頁麵效果...


下麵是我對‘原型’的理解|纳雪莱,所繪製用於表示不同階段下的需求特征__让爸gank死他。

Image title




01.想法階段|||众网彩:


在產品需求的初始階段-_魏征进谏图的作者是谁,功能概念都比較模糊-__345彩票大发快三预测,大部分想法都停留在腦海和口述上(工作中典型的場景|-3cp彩票注册,如團隊風暴-|_海比网、需求討論|_苦雨孤灯、會議評審)|-中视购物网。需要我們不停地理清概念想法|||链家地产司歌mp3,驗證需求的合理性_|11选五5玩法规则、目標是否正確__|6厘米等于多少毫米。


所以這個階段的強調是-_台州美食:產品雛形 - 將我們的想法||-新加坡成人社区、概念需求可視化出來|-新五丰u鲜,並加以討論驗證_n79软件。因此|-|福建水暖城,最合適的方式就是用‘草圖’表達-093彩票邀请码,快速產出快速修改||注册送彩金平台,能即時看見產品的雛形--脉搏士。

Image title


常用‘草圖’勾勒產品雛形||江西省单独二胎细则,除了可以表達想法||亿彩彩票安卓、探索方向外__种子列表,好處還在於-_-闫雪瑞:

a. 能提升你快速思考_优博彩票怎么样、驗證假設__艺龙团购后台、優化設計流程的能力_|_驻马店王阳。

b. 能展示你思考問題的過程(設計思維)|_|陈亚辉,體現專業能力-_贝因美vip会员积分。

Image title



02.修改階段-|360彩票走势图: 


這階段的產品目標和方向較為清晰_诛仙奋斗任务,接下來需要優化原有的概念想法--职工娱乐活动,為產品創建一個信息架構__广州圣亚性医院、梳理功能邏輯等工作__香港宣传避孕套主题曲,方便在需求評審會__盈彩网怎么不能更新、團隊討論中推動產品功能的進展---北京车过户到外地。 


該階段強調-||沈阳小伙:理清目標 - 根據用戶訴求|||五色国际、業務目標--风火英雄、運營需要等不同目標點苏州园区临时工招聘,逐步梳理出原型上需要展示哪些功能內容(界麵布局_-众乐彩票APP、信息取舍)|_夏普302sh。

Image title


所以對產品經理/交互設計師來說_乒乓球拍专卖店 优个网,隻需產出一個大體上看得明白_洛阳电视台三套、能理清產品功能的‘中保真原型’即可___六月情天。方便即時修改|01彩票真的能赚钱吗,向產品定型/高保真原型過渡||_苹果派电影院。

Image title



03.確定階段-_永安彩票做代刷可靠吗?:


到了這個階段||e邮宝全国分布网点,產品需求的功能布局--www hzxxt com、信息設計已全部確定|-|亿盈彩票官网,這時一份全麵-||苏州大学王健法学院、嚴謹的‘高保真原型’就尤為重要-168彩票IOS。


一方麵可以為視覺同事的UI輸出|-_驻华外国记者协会、開發的落地實現等提供依據---东港复印纸。另一方麵在各種工作場景中_|安格卢特,高保真原型都能發揮很大的作用|_|张笑东后台,如交互評審||苏州寒山寺招聘、領導過稿_-_温网2017男单决赛、A/Btest__|许镇耀微博、demo演示等等-__闽科叫餐网。

Image title


這一階段強調|_-金逸国际影城影讯:細節核對 - 因為關係著UI輸出-|陀地位、界麵實現等工作-苘山租房,所以需要注意各種交互細節-|-蓝天使q9,以防出現設計|--原味丝袜qq、流程上的漏洞-|_15876计划网时时彩。


有2個核對緯度上的檢查|_阿美珍珠微博:


a. 規範對齊


若團隊內部有設計規範時-|掌上永辉最新版,一定要對齊字體大小|_诺基亚3208c游戏、顏色_-_盈彩在线平台、布局--让你取暖、間距等視覺元素__|长沙职工大学。且能複用已有樣式就盡量複用|_武汉艾普宽带,避免出現“一個功能|优购工品,兩種樣式”的情況-_2628彩票网站,如圖-|打刻机:

Image title


b. 交互走查


高保真原型輸出後-||盈彩聊天室,需要根據交互自查表-|金城江租房,一一梳理原型說明是否存在漏洞--_如何在淘宝注册开店,以防出現異常流程和內容狀態-|降价函。Image title


另外__云顶娱乐平台不给提现,當你想要獲得用戶反饋|-_山寨机游戏下载、測試你的想法是否為業務/用戶創造價值時_|_诺基亚e900,盡量使用高保真原型__|12306晚点信息。原因在於--_二十二选五:能夠產生真實的操作效果--魏征进、給用戶帶來‘身臨其境’的瀏覽體驗_-|仔仔网电视剧。

Image title

最後總結一下||淘宝画报,不同階段的原型用途-优惠多金币联盟:


·草圖-_-小型食品搅拌机:快速表達想法-|云顶娱乐场官方、驗證需求-||优酷加速器官方免费下载、展示思考過程||述职报告结尾。

·中保真原型-_9岁女孩疑遭家暴:梳理大體產品框架||清华保安哥,繼續優化功能--160彩票软件。

·高保真原型_--和讯模拟炒股:為UI輸出與開發實現提供依據---2017 电影、測試用戶反饋|_|256玩彩票APP、製作交互demo-__亿发彩票安不安全、向領導過稿等等||火山石产地。

Image title





Part2_-唱歌节目:原型和用戶體驗5個層麵


另外我還發現-|花都区教育局网站,結合‘用戶體驗5個層麵’來看不同階段的原型|_|清华保安,兩者是多麼地吻合_|11选五5玩法规则、有理有據--优信彩票大发快3。


01.戰略層和範圍層 - 草圖


產品想要做什麼||艳艳乡村?如何去滿足戰略目標|-|欧布 奥特曼?在構思把目標和需求轉變成功能和內容時|--小腻腻的博客,用草圖的方式是極為合適的马以:快速表達-||淘宝包邮退货、即時驗證--|霍尔瓦特大街 小说,能讓概念想法馬上‘可視化’出來_|词霸豆豆。

Image title



02.結構層 - 中保真原型


想法表達後_|尊龙娱乐用现金下,需要為產品構思一個具體的框架結構-|168手机彩票开奖,根據業務目標和用戶訴求|_金丝蓉,不斷地修改產品功能|__众发娱乐代理犯法么、信息設計||金宝街电影院,慢慢完成產品的定型-|莱州中考成绩查询。所以這時候隻需產出一個大體上看得懂|注册了趣头条安全么、方便修改的中保真原型即可__|234彩票安卓100。

Image title



03.框架層 - 高保真原型


這是原型設計的最後階段-|优雅莱,產品關係已理清--|尊龙娱乐官网、功能內容已確定|_marta krylova。這階段注重原型的界麵細節處理-||金玉满堂袖唐,如梳理異常流程||基金净值数米网、信息的不同狀態__168高频彩、是否對齊規範等等--|中成快递,以便後期的界麵實現-|103彩票,所以一份高保真原型就尤為重要了|__阿诺德蓄电池。

Image title



04.表現層 - UI效果圖


原型確定後|_青岛黄岛家庭旅馆,接下就是UI優化階段了_|-河北区haobc,這時候產品的最終效果也就出來了-__河间吧。產品的下次功能迭代-_-重生附送大礼包,也是根據此UI效果圖的基礎上進行原型優化_||徐娇电影、修改|--厄瓜多尔电压。

Image title





Part3__梧州露天影院:交互原型的原則


最後簡單說下-__让你取暖,原型產出的幾個原則|||345彩票这几天提现不了:‘使用灰色圖’和‘複用已有樣式’_薛丁山与樊梨花新版,避免在今後工作上踩坑|__李斯丹妮李茂:


01.使用灰色圖


原型就要有原型的樣子--长治城区教育信息网,大麵積的彩色布局|_银彩双皇冠,很容易讓人覺得這是UI效果圖(視覺同事可不背這個鍋)||_复婚进行时,尤其是在交互評審會上-帅猴手机维修论坛,這種細節更應該注意---旋转罗盘。



02. 複用已有樣式


這個上麵已經說了|上海苏宁电器官网,能複用樣式就複用|-|何思佳,避免出現“一個功能 兩種樣式”的情況_陈俊文,否則和視覺_008彩票论坛网址、開發同事對接原型時___描写大自然的诗歌,會造成一定的理解幹擾-|广东银业雁山酒店。



總結_|金贵村:

以上對交互原型的一些見解_|-扬州八怪画竹子,若有描述得不當請多指教__云端彩票是真的吗,下麵是總結文件(轉發截圖給我可領取)-1rdt军海。

Image title


文章來源-_陆贞身世:UI中國

標簽: ui設計 原型圖 yuan'xin « el-table + el-form實現可編輯表格字段驗證 | element ui在table中放入input且實現驗證»


訂閱Rss