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

相关推荐

  • 交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21
  • 百度金融用户体验中心负责人 曲佳:设计师求职七宗罪

    继上个周五 19:00 腾讯互娱游戏平台部设计总监陈维的第一节课《如何通关 UI 设计师的游戏副本》后,昨晚百度金融用户体验中心负责人曲佳联合团队的设计经理孔敏,给知群的用户们带来了「七大公司设计师面试官授课合集」的第二节课《设计师求职七宗罪》,在分享的最后环节,也给出了目前百度金融尚未对外大规模公开的招聘信息(最近有跳槽意向的设计师们抓紧时间上车)。曲佳:百度金融设计架构师,百度金融用户体验中心-百度 FDC ( Baidu Fina...

    2018-04-04
  • AXURE免费元件库分享-web

    分享个WEB端axure元件库下面是元件库地址:https://pan.baidu.com/s/1pLXHuf5

    2018-03-05
  • 交互设计第一步 了解完整的知识体系架构

    交互设计师犹如一名“翻译官”,主要的使命就是让人与产品之间更容易沟通、更具有人性化,让用户的操作更加有效,这也是交互设计师的价值之所在。今天推荐的这门课程,带你全面了解交互设计的知识体系架构和工作流程,了解交互设计师应具备的能力、应掌握的工具、如何完成进阶,并掌握让你更加专业、更具逻辑性的设计思维与交互设计面试技巧。点击“阅读原文”,开启你的学习之旅~丨我将从这门课中学到什么?了解形成完整的知识体系架构的重要性了解交互体系架构包括哪些部...

    2018-03-12
  • PS、AI、Sketch 用着太费劲?这些插件本宝宝力荐!

    虽然 Mac 和 Windows 平台有许多特别棒的软件或工具,但 PS、AI 和 Sketch 仍然是设计师的标配。有时候看到一个特别棒的效果花了很久才折腾出来,殊不知一些插件能够轻松完成,这里小编推荐一些特别实用、效率翻倍的插件给大家,让设计工作事半功倍!GuideGuideGuideGuide 是小编用过的最棒的参考线拓展工具!没有之一!再也不用从标尺一条一条拉参考线还要担心位置不精确,只要输入需要的数值就可以自动生成对应的参考线...

    2018-03-03
  • 用Axure水平菜单做导航菜单原型

    哈喽,"梯子"们好,这么多天都没有更新过Axure的教程了,理由如果是"沉迷吃鸡,无心做教程"未免也太勉强了,额......这个理由好像并不勉强啊,其实就是休息了一段时间。 好了,下面就来介绍一下这几天收集的比较多的"A技",额......Axure的技巧在浏览网页的时候,我们会经常性的点击或者鼠标悬停在"总有一款适合你"的顶部选项,这个就是顶部导航菜单。有的"梯子"就直接从元件库中拖拽一个"矩形"或者"文本标签"直接使用,如下图:其实...

    2018-03-16
  • 案例:交互设计七大定律分享

    一费茨定律(Fitts' Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. Fitts)博士,在对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行研究之后提出的,时间是1954年;该定律被用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远。费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(...

    2018-02-28
  • 《用户体验可视化指南》视频讲书(3)

    《用户体验可视化指南》书中第一章的第二部分。客户旅程是一条线路,用户地图是多条线路的集中展示,专注于服务蓝图的交互可视线之上的部分。心智模型本质是聚类,空间地图用于更复杂的系统去表达信息流和内容之间的关系。点击视频观看(大约10分钟)兰静同学听后分享这节视频有3个内容,其中有个非常重要的内容,解决了我也疑虑已久的问题:客户旅程图和体验地图,到底有什么区别?视频中详细的说明了二者的区别:一条线和多条线。客户旅程图强调了用户是怎么一步一步做...

    2018-04-01
  • 芝加哥艺术学院交互设计硕士成功案例

    等你点蓝字关注都等出蜘蛛网了学生档案毕业院校:北京某大学本科专业:网络设计本科平均分:3.45申请学位:硕士申请专业:交互设计TOEFL:95GRE:无案例回放W同学是2015年10月底进入公司服务体系的,想要申请2017年秋季入学的设计类相关专业。通过第一次电话联系,名校规划导师了解到W同学的基本情况是:北京某大学网络设计专业学生,GPA:3.45,TOEFL:77分,没有GRE成绩。再通过头脑风暴课上的深入挖掘,名校规划导师更全面更...

    2018-04-26
  • 读书会第二期:《用户体验要素》(上)

    《用户体验要素》的作者Jesse James Garrett是美国用户体验咨询公司Adaptive Path的创始人之一,2005年他发表了《Ajax:A New Approach to Web Applications》这篇文章,标志着Ajax的诞生,因此他在又被称为“Ajax之父”。《用户体验要素》的中文版第1版比英文版整整晚了6年,英文版在2001年就出了,国内常见的是2010年出版的中文版第2版,书里的概念在互联网设计界广为流传...

    2018-04-12