这时候UI看到一个交互设计必威:,伴随着大量科

前阵子跟几个同行交流,提到关于交互和 UI 的走查工作问题,所以特地整理了一下,给大家说说关于设计走查的几个问题。

END.

这时候UI看到一个交互设计,需要考虑的是:

必威 1

产品设计师

产品设计师是笼统的称谓,用来描述那些涉及到产品设计方方面面的设计师。无论视觉还是使用体验。

产品设计师的职责不好定义,每个公司的定义也不尽相同。一个产品设计师会懂一点前端代码,用户研究,交互设计,也能制作视觉资源。从项目开始到结束,产品设计师需要帮助明确最初的问题,设定行业标准并解决问题。提出设计,测试,设计迭代中的各种解决方案。一些公司希望不同的设计岗位之间能够更顺畅的合作,则会需要产品设计师来促进和激发设计团队,通力合作,更好的完成用户体验,用户研究和视觉设计。

为设计的各方面负责:交互,视觉,产品,原型。制作web和移动端的高保真的原型,并能够用代码表现新的产品特色。
-------Pinterest 产品设计师职责描述

Androind 不同的屏幕在色彩饱和度上有较大的差异,比如三星的屏幕亮度和饱和度都比一般机型要偏高。所以在进行设计的时候,选择的颜色一定要适中,不要偏色。

03.如何做设计走查

在解决完上面的问题后,我们开始着手UI设计:

1、从产品需求入手

UX RESEARCHER (USER RESEARCHER)

有的设计师说:我们都做好走查工作了,可是开发还是实现的有问题,再沟通就变成吵架了。

01.设计走查的作用

通常我们拿到的交互稿是这样子的:

8适配、切图

互动设计师(动效设计)

还记得你在手机上下拉刷新时,那微妙的回弹动画吗?那就是动效设计师的工作。不同于视觉设计师通常处理静态设计,动效设计师顾名思义就是负责动态效果。他们要解决当用户进行交互时,给予什么样的回馈。比如,按钮如何滑入,使用什么转场特效。

好的动效能够从视觉上暗示用户如何使用产品,成为整个用户体验重要的一部分。

精通图形设计,动效设计,数字艺术,同时对排版和颜色具备高度敏感度。了解材质,掌握粒子动画。 拥有IOS,OSX,photoshop和illustrator知识背景,并能够同样熟练使用Director,Quartz Composer 或同类软件。具备3D建模能力和动态图形制作能力。
------Apple互动设计师职责描述

必威 2

常用工具:AfterEffects, Core Composer, Flash, Origami
他们会说:“这个菜单要以800ms缓动进入”

如果到这一步为止,你的任务完成的很好了,实现来说一般不会有什么问题。如果是一些小差别,实在没办法沟通,那可能是开发的问题,也可能是你的设计并不现实,让开发实现的代价很大,所以要综合考虑实现因素,不要把责任推给别人,认为就是开发的问题。

第二步,确保方案的可用性和屏幕上的操作易于使用。
设计任务流程,进行设计走查,在移动App端,我们所设计的应用是建立在手指点击操作的基础上进行使用的。我们的手指不像鼠标一样能够精确定位和响应,所以我们需要在设计的过程中确保可点击的区域能够较为明显的识别。

4、图标化成什么风格。

同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

比如:同样是腾讯的产品,手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同,手Q更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

也算是万年话题了。你不是做个好看的东西,要能用,开发要能开发。你要考虑iphone456,还要考虑不同的安卓720/1280/1920,甚至有些公司要特殊考虑某些屏幕。

UI设计师

不同于UX设计师通常要考虑产品的整体体验,UI设计师主要侧重于产品如何呈现。他们负责设计用户使用的每个页面,并确保UI能够通过视觉,表达UX设计师想要的目的。比如,一个UI设计师要做在页面上方能够呈现重要数据的dashboard页面;以及到底使用滑杆或者按钮,最方便操作调整图像大小。UI设计师通常要负责视觉规范,并确保产品使用一致的视觉语言,维护视觉元素一致性,定义不同操作行为下的视觉表现,例如出错,或者警告。

构建并落实Airbnb.com的视觉语言,创造和优化全站视觉风格指南。
------Airbnb UI设计师职责描述

UI设计师和UX设计的边界通常是模糊的 ,很多公司这两个岗位合二为一也很常见。

必威 3

常用工具:Photoshop, Sketch, Illustrator, Fireworks

他们会说:“登录和注册链接应该挪到右上角。”

  1. 如何做设计走查

第三步,确保文本易于阅读。
文本内容是大部分产品的重要组成部分,所以文本的排版是非常重要的(很多人说中文排版不好看,那是因为你不会用中文排版的方式去做排版)。确保文字清晰、易阅读是在文字处理上的必须保证的。

UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。

必威 4

INTERACTION DESIGNER (MOTION DESIGNER)

其实到这为止,设计师才做完一半的工作。为什么呢?

04.走查遇到的问题

2、信息重点在哪里?

同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

“I AM LOOKING FOR A DESIGNER”

  1. 设计走查的作用

第五步,Icon 的使用。
icon 是代替文字标识的一种图形,它的价值意义就在于简化文字,通过图形来表达功能含义。所以设计的 icon 如果不能表达好,就会造成一定的识别障碍,这也是为什么我们说设计 icon 是考验一个设计师功底的技能。

1、从产品需求入手,考虑我们到底要用什么主色调。

比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。

设计相关的领域从工业设计(汽车,家具),平面设计(杂志,出版物)扩展到了科技(网站,移动应用)。伴随着大量科技公司的涌现,无数可交互的屏幕出现在人们面前,新的设计师身份应运而生。比如UX,UI设计,这些title对于其它行业的设计师来说,可能觉得不明所以,所以我们来逐一介绍一下,在现今的科技公司,这些挂着不同头衔的设计师,都是做什么的。

这是一件不大可能的事情,首先开发要很好的实现设计稿,前提是有一个不错的开发能力,同时如果还想在不需要设计的帮助下就实现好页面,那开发本身就要有一个不错的设计功底,这样就可以在独立工作的情况下,相对完美的实现视觉稿。

这位朋友的原话是:“设计只要做好设计的工作,开发也必须做好自己的事情,很好的去实现设计稿,然后测试也要做好自己的工作,找到视觉、交互、开发的所有问题,这才是每个人真正的职责所在。”

1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息)

UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。

用户研究

用户需求的拥护者。研究的目标为了回答两个问题“1.谁是我们的用户”;“2.我们的用户想要什么” 。
这个岗位的职责需要采访用户,研究市场数据,收集调查结果。 设计迭代的周期。 研究者通常会通过AB测试梳理出哪一种设计最满足用户需求。
用户研究在大公司里起到重要的作用,通过大量的数据和统计,从而有更多机会能够得出有重要意义的结论。

与产品开发队伍紧密合作,确认研究主题。设计可以着重体现用户行为和态度的研究方案,通过调查问卷等多种定性研究方法或者小范围的定性研究方法进行研究。
----Facebook 用户体验研究职责描述

用户体验设计师偶尔会承担用户研究的工作(国内这个职责通常由产品经理担任)

交付物:用户画像,AB测试结果,调查用户研究或采访。

常用工具:Mic, Paper, Docs

他们会说:“经过调查,我们的典型用户是……”

三个字总结:理想化。

前阵子跟几个同行交流,提到关于交互和 UI 的走查工作问题,所以特地整理了一下,给大家说说关于设计走查的几个问题。

作者系,sharejiang

5、如何表达情感化设计

用户体验设计师

用户体验设计师主要考虑产品的整体使用感觉。设计工作中的问题通常没有统一的标准答案,UX设计师需要不停的寻求不同的方法,来解决特定的用户使用问题。一般意义上来说,UX设计师的职责是要确保界面的使用流程流畅,他们会亲自做用户测试,来观察用户的使用反应。明确那些口头上或非口头上沟通的使用阻碍,精炼并迭代出“最理想”的用户体验。例如为用户提供一个愉悦的登录流程。

定义交互模型,用户操作流程,UI说明。向stakeholders表达使用场景,各端体验,交互模型和屏幕设计。 与创意总监和视觉设计师共同定义Twitter VI视觉系统。制作和维护设计原型以及相关说明。
-------Twitter 资深用户体验师职责描述

必威 5

UX设计师的产品原型

交付:线框图,原型图,故事版,站点图

常用工具:Photoshop, Sketch, Illustrator, Fireworks, InVision

他们会说:“我们需要在用户完成注册时显示 '谢谢'页面。”

本文由必威发布于必威- 摄影,转载请注明出处:这时候UI看到一个交互设计必威:,伴随着大量科

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。