UED沉思录

Q:设计前期至输出时常见问题及解决思路以下分享,全是血淋淋的教训积累与总结。当然也是这段时间在AJK优秀Leader的带领下成长出来的。Q:设计师存在的表象问题?设计方案缺乏理论系统化因需求而丧失设计原则页面结构较为混乱,映射设计思路不清晰页面设计细节打磨程度较低页面制作时参数命名不严谨输出适配的兼容欠考虑Q:设计的根本目的是什么?解决问题Q:设计需要具备哪些能力?洞察力「发现身边的好设计」分析力「分析需求、解决痛点的思路」匠人精神「设...

UED沉思录

Q:设计前期至输出时常见问题及解决思路

 以下分享,全是血淋淋的教训积累与总结。

当然也是这段时间在AJK优秀Leader的带领下成长出来的。

Q:设计师存在的表象问题?

  • 设计方案缺乏理论系统化

  • 因需求而丧失设计原则

  • 页面结构较为混乱,映射设计思路不清晰

  • 页面设计细节打磨程度较低

  • 页面制作时参数命名不严谨

  • 输出适配的兼容欠考虑


Q:设计的根本目的是什么?

解决问题

Q:设计需要具备哪些能力?

洞察力「发现身边的好设计」

分析力「分析需求、解决痛点的思路」

匠人精神「设计技能、高品质输出」


Q:APP设计师的日常?

你的APP装了多少?200+

你每天看了多少APP?100+

你关注最佳APP有多少?20+

你每天花多少时间研究APP? 5+


设计方案的系统化理论,痛点五维分析、分层渐进法

明确需求

现功能及新功能走查检验

产品诉求痛点分析

搜集相关数据验证需求改进方案的可行性

提炼设计重点

寻求合理技术支撑

确立设计方向

设定解决方案


页面设计拆分方法

整个页面的先后顺序

各模块之间在同窗口中展示时,让视觉焦点清晰

字重配比排布

标签、按钮、引导操作先后强弱顺序

修饰性图样添加控制

从开发制作的角度出发搭建你的源文件(更接近范围、结构层)

设计中1+1未必大于2?

产品要求:营造产品多元化,尽可能的展示更多的信息,珍惜一屏空间

设计方案:加形式、样式,字段全展示,布局信息塞满

用户感受:页面好热闹,阅读困难,紧迫焦躁感

设计源件中的细节

1. 页面结构模块用组的形式归类「例如:TOP BAR / CONTENT / BUTTON BAR」

2. 页面结构及单元名需要建立时命名「例如:Banner / List / Text / Line / Button」

3. Position / Size 不要有小数点,取整数,尽量用偶数

4. Opacity 以5、10单位参数进行增强渐弱,个别微调90以上可进行个位数调整。「例如:91~99」

5. 页面信息内容规律栅格、对齐

6. 牵涉均分、平铺时考虑小屏适配

7. 元素平铺,均分在不同系统上开发制作方式不同,需要提前与开发进行沟通确认方案

8. 页面设计时使用较为逼真字段,不建议使用重复文字填充。图片同要求

9. 图标制作时,注意图标的小数点、边缘是否模糊清晰「建议开启:Show Pixels功能时刻自查」

交互节点自查

1.流程、路径、转场、动效

更新,加载

2.交互说明

动作行为,页面跳转路径,注解说明

3.各场景内容显示

登录,功能使用前后,无内容状态,极限状态

4.控件设备专属应用

IOS平台,Android平台

5.网络场景

网络慢、网络超时、无网络、是否需要缓存

6.新老版本兼容

新改页面后台上传数据的向下兼容维护

视觉节点自查

1.一致性

页面面模块文字、线、符号、在遵循可读性、设计风格一致性的基础上保持相对应的对齐;

图标所在模块中的大小比例保持相对应的统一;

页面板块、分割线、文字间距空隙需保持一致;

全局控件严格按照规范输出,包括控件内的文字大小、间距、字色、控件颜色、导角弧度参数;

2.限制性

同一个板块、同一个页面内容不得出现3种以上的字体、字号、颜色、线条样式、比例、底图背景色;

字符分割(例:日期、分秒、状态、标点符号等)使用半角输入;

3 有理有据

设计中因输入法或软件缺陷无法达到居中对齐效果,自行单独调试或单独设计弥补缺陷;

除规范定义的色彩,非标设计需有一定的含义及用色原理;

4.自我检查

交付评审前必须对以上内容严格自检,并和交互设计师保持视觉、意见统一;

视觉稿评审前与 PRD、交互文档保持一致,如有修改及时与交互设计师及产品相关人员进行商议确认修改,一切以 PRD、交互文档为准。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35893/

(0)
交互精选交互精选
上一篇 2018-03-15
下一篇 2018-03-15

相关推荐

  • 用Axure写PRD:虎扑app产品需求文档(附下载链接)

    需求文档是产品经理的基本功,产品小白入门的必经之路,但对于小白来说,没经历过一个完整的项目,自然也没有产品可以写,所以倒推产品是一个练手的好方法。Axure也是产品经理的基本功,画原型图的利器,但axure不止是能画原型,还可以用来写prd,正如臻龙大神说的做这样一个一体化产品需求文档出于的目的就是传统的方式产生的文件过多,过于杂乱,不易整理和回溯。如果把每个版本的内容都整理在一个html中,这样无论是团队协作还是文档回溯都能大大提高效...

    2018-03-15
  • UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • 产品经理|交互设计专场

    产品经理走上交互之路3月31日深圳线下分享会2018PMTalk春节后带来的第一场深圳线下产品经理活动,一场以交互设计主题的产品经理线下深圳交流会,PMTalk产品经理社区将带头又一次与大家见面!01一场值得产品经理学习成长的分享会本次分享会,在经历Pmtalk发起人几位小伙伴利用业余时间,在深圳成立这个产品组织后,我们将首次也推出PMTalk社区会员、产品经理合作周边等服务!具体的就在倒计时7天更新!本次沙龙我们邀请的深圳产品大咖(持...

    2018-03-15
  • 用户体验的创新设计和研究

    2018年全国两会期间,全国政协委员叶友达教授向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》,建议加大对基于用户体验的设计创新的宣传力度,建立全国或区域用户体验研究机构,促进科技创新成果快速、高效落地。长期以来,用户体验的“以用户为中心设计”(User-Centered Design, UCD)的理念一直冲击着传统的“以技术驱动设计”的理念。有研究表明,美国两个世纪以来著名的53位创新者的创新过程,从电话到互...

    微信热点 2018-03-27
  • 交互设计文档如何写,才给程序员以美得享受?

    阿西UED授权发布作者公众号艾欧交互设计ID:aioued文章最后报名线上线下活动:【HBAT创新设计峰会:design+下的生存之道】“写交互设计文档(DRD)目的在于:便于与前端、测试以及开发工程师沟通”交互设计文档重要么?重要!但不是项目必需具备的内容,为什么还要学习呢?其实对于初学者来说,交互设计文档能够很好的梳理产品的逻辑关系、基本的设计规范等问题,让你真正透彻的认识一个产品所有可能性。基本上,在大公司都会写交互设计文档的,便...

    2018-02-01
  • 给小白看的交互设计启蒙帖(一)

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-03-14
  • 如何将“用户体验”做到极致?我有绝招!

    如何将“用户体验”做到极致?我有绝招!无崖子现在大多数掌柜的没有重视用户体验或者说不知道如何做用户体验。三只松鼠相信很多掌柜的都很熟悉,坚果类目的老大,三只松鼠是如何成功的呢?三只松鼠的成功不是偶然的而是必然的,三种松鼠将“用户体验”做到了极致,三只松鼠的创始人:章燎原是传统行业出身,在做三只松鼠之前在传统行业就对坚果非常熟悉,章燎原对坚果行业的把控至今无人能敌,三只松鼠的成功一部分是对供应链和仓储的把控,还有就是注重“用户体验”的极致...

    2018-03-16
  • 实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30