《破茧成蝶》大总结,干货提取。

用户头像
杭州/UI设计师/7年前/341浏览
《破茧成蝶》大总结,干货提取。
用户头像
小麻鱼

《破茧成蝶》大总结,干货提取。

废话少说。

1、做设计一定要有的设计理念:设计≠艺术

2、好的设计师应该是个什么样的人。

① 热爱生活、细心观察、勇于改变。

② 了解人性、观察人性(想法、行为、习惯)

③ 好读书、读好书(专业书、心里学的书、历史文化书、哲学书等等,看你的兴趣来)

④ 有理性的思维(逻辑,交互设计师很看重这个)

⑤ 喜欢新事物,喜欢尝试,喜欢体验新产品。

⑥ 乐于倾听,特别是对于用户。

⑦ 善于发现生活中的美好事物。

⑧ 喜欢总结。

总的来说,要做好设计,先做好人(不是好与坏的人,是一个有追求,有想法,一个有血有肉有灵魂的,正确三观的人)。

3、制定设计流程,项目计划。

一般大一点的公司都会有项目经理,如果你的公司没有,你就得给自己规划好,理清楚设计思路,制定好计划,并且严格遵守。

4、产出物:

交互设计师产出物:竞品分析、用户反馈集合、流程图、原型图(工作的时候可能不会做 这么多,但是尽量做,会让你的设计更加完美,更加专业)。

产品经理产出物:商业文档(给领导大佬们看),需求文档、产品文档。

UI设计师产出物:UI界面设计规范、图标设计、产品完整效果图。

5、如何约束产品构思,使其后期避免出现跑题,脱离初衷的现象——做产品定位。


undefined



6、常用的需求采集方法:

① 用户调研

② 竞品分析

③用户反馈

④产品数据(上线之后、点击量、访问量、浏览顺序、预留时长......)

7、得到用户需求之后如何筛选,并且转化成产品需求,落地实施?


undefined


       在第四篇的时候,举的苹果的例子还记得吗?苹果才是我们最原始的需求,香蕉和草莓我们可以在后期优化中慢慢迭代进去。

       音乐的例子还记得吗?用户不想听音乐的背后原因是产品的操作复杂,所以要看透过现象看本质,挖掘需求最需要的就是找到用户最原始的动机,这样不仅可以提供解决方案,还可以提供别的贴心设计。

8、转化成产品需求之后,怎么出原型图?

还记得说过的从需求到界面中间有一扇门——信息的组织与任务的设定


undefined


① 信息组织法:

a 、逻辑归类法(男装——上衣——T恤)

b、卡片分类法(相似的东西放在一起)

② 任务的设定:(找出主要任务和次要任务)

a 、设计主线

b 、设计次线

③ 然后对任务进行分解,把任务变成可操作的路径——任务优先级排列——再组织合并相关任务

这个时候就需要根据人的行为习惯、心里活动,版式设计等知识理论去安排我们的界面,原型图大致已经出来了。

9、我们需要一个顺畅的原型图,给用户创造一个操作的路径,引导用户使用产品:

A、相似性引导原则:元素的大小、颜色、视觉感受......


undefined


B、方向性引导原则: 箭头符号、所有信息左对齐、居中对齐......


undefined


C、运动元素引导原则:线条指引......


undefined


D、导向控件:三角形......


undefined


10、如何简化操作路径。

①、减少干扰和多余的操作步骤。

②、将复杂操作转移给系统,或者别的地方。

③、优化操作的过程:适合的首选项、适时的帮助、及时反馈、提供合理的默认值.....

④、让页面层级不言而喻(分相似、分模块)。

⑤、让重点信息跳出来,次要的信息藏起来。

⑥、理性的规划(交互),感性的界面(UI):让用户在我们的产品里找到归属感,亲切感。。

⑦、符合用户心理模型:要平衡好用户情感与界面的逻辑关系,就像淘宝的“购物车”几乎哪里的操作都可以出现,一般界面的感情可以用色彩来表现。

11、如何调动用户的感情?

①、让用户掌握控制权:在加载页面,启动页面的时候,不要让用户干等,要有提示,透露信息,让用户知道现在是什么情况。

②、积极的反馈:404错误提示,对用户鼓励的贴心标语......

③、与用户互动:提示页面,动效......

④、惊喜的力量:微信聊天时,说到某个特定词语时,出现的特效,如下雪、亲亲、祝福......

⑤、情景的烘托:为产品设计一个故事,通过视觉、动画、音效、语言的烘托,把用户带入情景中。

大结局篇完结。

    《破茧成蝶》后感算是写完了,整整一个月吧,有时间还是推荐去看看李月的原版本,里面的知识更加全面、解释的更加细致,没有时间倒是可以来我这里扫描一下,大概讲的就是这些。

其实一本书看完,经过大脑的整理之后,其实留在脑海里的已经不多,所以一本好书不仅仅应该看一次,在实战一段时间之后,再回过头来看,一定又会出现很多新的感受。

    《破茧成蝶》属于交互设计的理论+实践书籍,但是做互联网设计,懂交互懂产品是必须的。下次我将写写关于UI设计的一些理论书籍,关于UI,理论主要是从色彩设计、排版设计、图形设计,偏向平面一点的书籍去提取。

     开始做设计,我们可以抄,可以临摹,依次来让自己慢慢进入这个行业,但是后面想要突破自己,想要创新,想要走出设计瓶颈期,就一定需要理论来支撑。

上一篇:如何简化复杂的操作,做出良好的交互设计?


4
阅读原文
|
举报
|
3
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】影音icon
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】游戏/娱乐icon
UI_3D图标“一本秘籍”(源文件
科技医疗透明柜UI界面设计
UI界面 组件
【新年UI图标】30个图标
新能源APP应用UIKit
新拟态风格 UI设计组件库
【新年UI图标】钱包icon
高级感金属拟物 UI设计组件库
矢量立体简约UI蓝白图标
APP/小程序商业项目UI模板|99个高保真UI+79个原型
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
高级表盘系列UI源文件
【新年UI图标】汽车icon
【新年UI图标】珠宝icon
3D卡通UI界面图标可爱插画免扣素
我的钱包-UI界面设计-app
户外旅行飞机情侣假日出行
你可能喜欢
大家都在看
登录注册