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

相关推荐

  • 联想实习 | 手机事业部招聘交互设计实习生

    公司简介联想是一家营业额达460亿美元的《财富》世界500强公司,在全球消费、商用以及企业级创新科技领域居领先地位,为用户提供安全及高质量的产品组合和服务,当中包括个人电脑﹙经典的Think 品牌和多模式YOGA品牌﹚、工作站、服务器、存储、智能电视,以及一系列移动互联产品如智能手机﹙包括联想和摩托罗拉品牌﹚、平板电脑和应用软件等。招聘岗位手机事业部-交互设计实习生岗位描述1. 参与联想ZUI手机操作系统的交互设计;2. 参与产品的规划...

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

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

    2018-03-14
  • 中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17
  • 不会Sketch的设计师将要被淘汰!

    这  是 一 本 让 我 废 寝 忘 食 的 书前几天小花闲来无事逛知乎被一篇名为《写一本书出版是怎样一种体验?》的问答吸引了目光,里面有一位作者黄方闻详细的介绍了他的第一本书《动静之美——Sketch移动UI与交互动效设计详解》筹备历程。Sketch这款软件在UI设计上确实有着无可比拟的优势,很多大公司都在用sketch工作,再不会Sketch会被淘汰掉。目前用sketch跟ps的人数比越来越接近了。Sketch因其强大的功能以及极低...

    2018-03-02
  • 交互设计|回复评论功能设计

    力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

    2018-03-02
  • 互联网+时代,让用户体验到你的专业性

    物质种类丰富之后,市场要面对的新重点就成了“用户体验”。只有“功能”的商品即使做成百宝箱也只能昙花一现,能够让客户用得舒心用得愉悦才是现代产品的应有魅力。在企业竞相提升体验的大潮中,“别让我等、别让我想、别让我烦”的用户三大心态仍然是大部分厂商的改良依据,然而总有一些人可以在这一基础上做得更加精细周到,成为“体验战”的大赢家。01曾经被无视的用户体验如今是神兵利器在计划经济时代,消费者的选择余地很小,导致了厂商只注重“功能”不注重“体验...

    2018-05-07
  • 刘克成:历史的回顾——90年代黄帝陵整修经历和关键点 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:“黄帝陵国家文化公园规划设计大师工作营”由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起。邀请了中国最具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地对黄帝陵国家文化公园的调研、研讨,分别提出对未来黄帝陵国家文化公园的规划设计理念及方案。2018年3月23日,西安建筑科技大学建筑学院教授刘克成将作为探班大师来到工作营现场,以“历史...

    2018-03-22
  • 张茂泽:论黄帝陵的文化内涵 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起的“黄帝陵国家文化公园规划设计大师工作营”,邀请了中国具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地,对黄帝陵国家文化公园进行实地调研、研讨,分别提出未来黄帝陵国家文化公园的规划设计理念及方案。3月9日,西北大学中国思想文化研究所教授张茂泽作为探班大师来到工作营现场,以《论黄帝陵的...

    2018-03-17
  • VR交互设计

    大家好!洋仔我又来了,上篇文章群爷详细的介绍了什么是VR以及VR需要的条件,不知道大家对于VR有没有一个深刻的了解呢?此图为转载图片为了完成这篇总结性的文章,你们的洋仔我又是看了好多篇文章,因为VR这个需要有各种各样的设备支持,所以呢,我也是去尝试了几个VR类的游戏,上周去了医博展,正好群爷也是展方,趁着这个机会,让群爷又带我体验了一把AR和VR在医疗方面的用途。那VR的交互设计到底是怎样的呢?(VR切水果)此图为转载图片首先,VR交互...

    2018-04-21
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15