怎样的UI设计算一个完整的UI设计?

徐徳惠


一个优秀的UI设计师更趋向于全链路发展,可以写产品需求,可以用户体验设计,可以做平面设计,可以做运营活动设计,可以网页设计。

以App设计为例

具体流程如下:1、参与产品需求收集与定位;2、输出交互原型图并与相关人员确认(可操作的交互原型图最佳);3、设计风格确认,设计规范整理;4、输出高保真设计稿;5、确认后输出切图与标注给开发;6、监督开发还原度,开发不了的及时修改方案以达到上线目的;7、迭代产品设计。

UI设计师要有自己的想法,每个界面都是有目的的设计,不要以好不好看来评判,也不要轻易听取别人的建议,符合产品功能和定位的设计就是好的。


爱丽丝Alise


看你怎么理解你在什么阶段或者或者你理解的UI设计工作有哪些。

UI是一个统称,里面包含3类:

1.GUI(用户图形界面)就是界面美工,只管软件视觉界面,比UI窄。目前国内大部分的UI设计师其实做的是GUI。

2.UI(用户界面)是广义概念,包含软硬件设计,囊括了GUI 、UE以及ID(交互设计)。

还包含对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

3.UE(用户体验)关注的是用户的行为习惯和心理感受,就是琢磨人会怎么用软件或者硬件才觉得顺心就手的。(PS:这类较少,这类的基本都是大能了)

所以,就看你是怎么给自己定位以及工作中的职位了,有的公司分工明确,各自分工,有的公司需要从初稿到上线。

最后回到你问题,怎么算完整的UI设计

参考下面百度百科的用户体验设计,这样说服力可能更好,可以按照这个要求自己,努力满足上面要求,毕竟:

越努力,越幸运

1. 负责公司产品在智能电视、PC端、移动端页面/应用的整体设计;

2. 基于用户体验、人机交互、图形化设计、界面设计等前沿理论实现产品风格设计;

3. 充分理解产品策划思路及理念,配合产品经理和研发人员实现产品各种界面的视觉设计;

4. 建立和完善产品界面视觉设计规范;

5. 根据交互设计及产品规划,完成产品(iPhone、Android 、Web平台App及网站)相关的用户界面视觉设计。

6. 配合产品开发中的图形界面(GUI)设计。

7. 完成产品相关推广活动的专题页面、FLASH的设计及制作;

8. 与研发团队充分沟通协作,确认可控的误差范围和视觉效果的最终实现;

9. 根据视觉设计的发展趋势及用户研究的结果不断优化产品的图形界面(GUI)。


沙丁鱼°


首先需要知道,UI并不是单独存在的,它是依附于产品而生的,是跟着产品的出现及迭代出现的。每一次的产品及产品迭代都是有目的且有规划的,所以只要满足产品的需求及迭代的需求,个人认为,它就是一套完整的UI设计。

UI设计在一个产品中起到很大的作用,并且比重相对来说也比较高。接下来,就说说UI设计怎么才算是完整的。

1、用户研究

与需求人沟通完后,了解产品的行业发展,研究其所针对的人群,设计师会分析需求内容,确定好目标,以及想要传达什么样的信息。受众是谁?该用什么样的表现方式取悦该受众群体;

2、需求分析

查看相关竞品,他做的好的有哪方面,做的不足的我该怎么规避,是否能在差异化的情况下超越他,或者直接延伸以及超越他的创意。

3、交互原型

在纸上绘制简单的草图,把一切的概念添加进去,确定要文案内容的编排,视觉排版布局,元素的大小、形状,草图不需要精美,自己能看懂就可以。

4、确定UI风格

按照草图以及参考图,灵感元素,开始设计,网页设计的一般顺序是从上到下,更何况首屏是最很重要的,其他的bannei、广告图等就需要整体,设计内容的顺序一般是从底部背景着手,再添加产品、文案,进行细化排版,调整布局,尽量靠近目标主旨。

5、审图及定稿

视觉稿设计好后发给设计组Leader,他会对你的视觉稿进行设计层面的沟通修改指导。完后,发给需求人,也许他会提出新的目标新的想法,文案或许会改动,产品或许会更换...直到确定后,才算是定稿。

6、输出设计稿

根据项目周期来裁定设计稿的输出,如果是敏捷开发,会根据模块切割来输出,这对设计师要求更高一点,如果周期不急,会出完一整套出来。

7、UI规范制定

设计规范制定,为了前端小哥哥不乱写样式。

8、切图

分别按照苹果和安卓的切不同的图。苹果现在一般都是二倍三倍图,安卓会直接用到苹果的二倍图,一些按钮会切.9格式的图。

9、安全测试(UI层面的)

上线前,查看前端小哥哥的样式还原度,有没有按照设计师的设计稿来。

大部分的项目大多都是这样,有一些公司只会让

UI做4,5,6这几部分。




猫步轻俏呀


一个完整的UI设计是会经过“用户研究”、“信息架构”、“视觉设计”、“技术实现”、“反馈迭代”,大致的过程是这样 。

1.  首先,确定目标用户。

  在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

  确定目标用户之后,就是采集目标用户的习惯交互方式

  不同类型的目标用户有不同的交互习惯,可以通过其原有的针对现实的交互流程、已有软件工具的交互流程来采集,同时还要在此基础上调研分析找到用户希望达到的交互效果,并且以流程确认下来。

2. 其次,进行UI设计,设计时要遵循目标一致性。

  包括设计目标一致:软件中往往存在多个组成部分(组件、元素),不同组成部分之间的交互设计目标需要一致;元素外观一致:交互元素的外观往往影响用户的交互效果。

  同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助;交互行为一致:在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。

3. 再次,设计要能提示和引导用户。

  软件要为用户使用,用户必须可以理解软件各元素对应的功能。如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户操作该元素能理解它的功能。

  PS:删除操作元素。用户点击删除操作按钮时提示用户如何删除操作或者是否确认删除操作,使用户理解该元素的功能,同时可以取消操作。

  用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制,软件的交互流程和功能的执行流程,用户可以控制,如果确实无法提供控制,则用能让用户理解的方式提示用户。

4. 从次,设计完成后是测试和改进。

  设计完成后,可以让准备几套风格没有能明显看出的差异作品部分目标用户进行试用,对用户的感受进行记录,并设计出各种改进方案,对作品进行最终改进,设计出最后的作品。

5. 最后,投向市场,收集反馈意见。

  最后就是把设计的UI作品投向市场,但不要认为这样就结束了,我们还需要用户反馈,因为好的设计师会在产品上市以后去站柜台,零距离接触最终用户,看看用户真正使用时的感想,为以后的升级版本积累经验资料。



钱子设计铺


Ui设计就是设计准备,开始设计,和完善分析具体包含,两分析三设计一修改和一完善

如,定位分析  研究分析  架构设计 原型设计  界面设计 实用测试修善补短板。

如果想要做好UI,一定要多看多练,先借鉴,再原创。多培养自己的创造思维和逻辑思维。

1.定位分析

做UI设计,首先要明白用户需求。UI产品的主要功能就是帮助用户解决某些问题,所以,UI设计师应该学会从分析产品背景,并对当下市场、产品、技术方面进行比较全面了解,寻找自己的设计灵感。

2. 研究分析

 设计UI之前,需要做大量的调研,并在整个设计流程贯穿这个调研。比如观察法、角色扮演、问卷调查、采访等。充分调研后进行总结归纳,确定自己的设计方向。

3.架构设计

架构设计、功能设计、操作逻辑设计都是在架构设计阶段需要进行的。描述模块之间关系的产品结构图和产品流程图是最重要的内容。

4.原型设计

原型设计绘制方法有很多,可以画手绘画图,也可以用Sketch、Axure等软件进行设计,根据个人偏好选择工具。

5.界面设计

现在开始设计,各类图标的设计、色彩搭配等阶段。UI设计师会根据设计产品的属性和风格对图标和色调进行调节和修改,这个阶段会比较考验设计师的美学功力。可以通过阅读相关书籍作品获取灵感。

6.可用性测试

关于可用性测试,通常有三种方式:一对一用户测试、启发式评估以及焦点小组。测试的主要目的是为了通过观察使用过程中的流畅度来调整设计

7.修善补短板

最后就是针对于测试出来的问题,对产品进行修改完善,补短板。

以上就是整理归纳UI设计的整个流程,从设计中获取经验和方法,希望大家都有所成就。

 






简单生活朴实做人


一、确认目标用户

在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

二、采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

三、提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

四、一致性原则

进行UI设计的过程中要达到以下几个一致性原则:设计目标一致、元素外观一致、交互行为一致。

五、可用性原则

可理解:软件要为用户使用,用户必须可以理解软件各元素对应的功能。

可达到:用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

可控制:软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。

六、以用户为中心设计

要有服务设计精神,以用户为中心进行用户体验设计,打通全链路,这样的产品设计才是真正完整有用的。不然只会成为为了做而做,徒有其表。


阿韩设计


UI设计流程是:

一、确认目标用户

在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

二、采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

三、提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

四、一致性原则

进行UI设计的过程中要达到以下几个一致性原则:设计目标一致、元素外观一致、交互行为一致。

五、可用性原则

可理解:软件要为用户使用,用户必须可以理解软件各元素对应的功能。

可达到:用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

可控制:软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。

扩展资料:

UI设计的关键属性

1、简单

优秀的UI界面是隐形的,华丽的装饰和不必要的元素都已经被剔除,简单直接的页面逻辑和直观必要的元素构成了这样的UI界面。

2、清晰

清晰应该是所有UI界面都具备的基本属性。UI界面存在的目的是让用户能够更便捷地同系统进行交互,为此,它需要能够清晰地同用户进行沟通,如果用户无法弄明白界面的使用,会因此感到沮丧。

3、熟悉

用户对UI界面抱有熟悉感的时候,通常意味着他们对于这个设计有所了解,甚至知道怎么交互,他们明白操作之后大概会发生什么,也知道哪些事情不应该做。所以,如果能利用好用户对于交互和界面模式的熟悉来进行设计的话,能让用户更快上手操作。

4、响应

事实上,如果网站没有在3秒内加载完成,就会开始有访客因此而流失。根据 Kissmetrics 的统计,超过40%的访客会在加载速度超过3s之后而离开,而加载时长的增加,更多的用户会随之离去。界面的合理响应让UI更为富有人性,减少错误的发生,并且让交互进入真正良性的循环。



大锁子哥


UI设计流程是:

一、确认目标用户

在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

二、采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

三、提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

四、一致性原则

进行UI设计的过程中要达到以下几个一致性原则:设计目标一致、元素外观一致、交互行为一致。

五、可用性原则

可理解:软件要为用户使用,用户必须可以理解软件各元素对应的功能。

可达到:用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

可控制:软件的交互流程,用户可以控制。功能的执行流程,用户可以控制


努力亮着的灯


 一、产品定位与市场分析阶段 1、 目的(UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。) 2、 主要执行人员(UI、UE、需求) 3、 需沟通人员(销售) 4、 实现步骤(会议讨论) 5、 UI主要职责:(定义用户群特征、定义最终用户群、定义产品方向)

  

  二、用户研究与分析阶段 1、目的(UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等,提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下,更可以制定实景用户分析) 2、主要执行人员(UI、UE、需求、技术) 3、需沟通人员(销售) 4、实现步骤(纸搞线稿、黑白稿、原型) 5、UI主要职责(收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等,提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下,更可以制定实景用户分析)

  

  三、架构设计阶段 1、目的(这里涉及到比较多的界面交换与流程的设计,根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素) 2、主要执行人员(UI、UE、需求部门) 3、需沟通人员(技术、销售) 4、实现步骤(UI进行风格设计出界面,和需求部门拿出定稿;UE对原型进行优化,整理出交互及用户体验方面意见,反馈给UI及需求部门;UID等待效果图,开始代码编制) 5、UI主要职责:(根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计)

  

  四、原型设计阶段 1、目的(根据进度与成本,可以把原型控制在“手绘-图形-Flash-视频几个质量范围) 2、主要执行人员(UI、UE、需求部门) 3、需沟通人员(UID、技术) 4、实现步骤(设计规范;代码及程序开发) 5、UI主要职责:(对前面所以工作以设计方面的实施,根据进度与成本,可以把原型控制在“手绘-图形-Flash-视频几个质量范围,原型的本质更倾向与一个DEMO,它不需要有全部的功能,但要体现出设计对象的基本特性)

  

  五、界面设计阶段 1、目的(根据原型设计阶段的界面原型,对界面原型进行视觉效果的处理) 2、主要执行人员(UI、UE、技术) 3、需沟通人员(UE、销售) 4、实现步骤 5、UI主要职责:(该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现)

  

  六、界面输出阶段 1、目的(配合好开发人员完成相关的界面结合) 2、主要执行人员(技术) 3、需沟通人员(UI、UE、需求部门、销售) 4、实现步骤 5、UI主要职责:(对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果)

  

  七、可用性测试阶段 1、目的(针对一致性测试;信息反馈测试;界面简洁性测试;界面美观度测试;用户动作性测试;行业标准测试) 2、主要执行人员(程序测试部门) 3、需沟通人员(UI、UE、程序、需求部门、销售) 4、实现步骤 5、UI主要职责:(负责原型的可用性测试,发现可用性问题并提出修改意见)

  

  八、完成工作阶段 1、目的(对于前面七个阶段的设计工作进行细节调整) 2、主要执行人员(UI、UE) 3、需沟通人员(技术、销售) 4、实现步骤 5、UI主要职责:(可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善)

  

  九、产品上线 1、目的(检验前面界面设计的成果是否符合市场及用户群体) 2、主要执行人员(销售) 3、需沟通人员 4、实现步骤 5、UI主要职责:(收集市场对于产品的用户体验,并记录诚文字说明)

  

  十、分析报告及优化方案 1、目的(了解整个界面设计的优缺) 2、主要执行人员(UI、UE) 3、需沟通人员(技术、销售) 4、实现步骤 5、UI主要职责:(对于前九个阶段的界面设计进行详细系统的整理,为下一次界面设计提供有力的市场及专业论据)


7c惗123


1.风格定位是否准确

每个公司每个产品都有一批精准用户,有些比较大众(用户群比较广泛),有些比较小众(垂直到某领域)。如果你知道公司的定位是什么?你的服务对象是谁?那么剩下的问题就是:我们该怎么做可以满足他们的需求,解决他们的痛点。

通常意义来讲,目标受众越广泛,那么设计就需要越加简洁且偏传统,这就是你经常会看到一些APP没什么特色,缺少了性格色彩方面等元素,但又很实用。另一些设计很炫酷、华丽、或者很奇葩,这些特点适用于小众群体,却不适用大众口味,如果你的受众数量较少且比较典型,那么可以投其所好,依靠设计噱头来吸引他们的注意力,这就是你在设计前需要思考的取舍关系。

设计体现点:页面风格、主色系、字体、交互方式。

2.吸引力够不够

这里所说的吸引力不单单是说你的设计有多炫酷,多吸眼球,而是你想展现的内容是否第一时间吸引到用户的目光,从而引导用户完成目标需求。“大量的信息会导致注意力的分散。” 好的设计里是没有使用阻力的,在庞大的信息架构中筛选你想表达的信息重点是非常重要的。要避免信息超负荷,过多的信息是在给你的设计添加阻力。

因此,你需要去切实了解一下你的用户从你的设计中想要得到什么,并且在很多情况下,你需要自己提炼信息,做一些加减法,进行重组。

设计体现:文案、字号、字间距、版式、层级关系。

3.用户体验好不好

好的用户体验包含很多方面,比如说Whitney Quesenbery提出的5E原则,包含了有用性、效率性、易学性、容错性、吸引力。简单来说就是,我们设计的产品要对用户有实际帮助,能一定程度上提高生活的效率;容易理解并快速的知道如何操作;在用户进行失误操作后,能够做挽回措施或者不会造成较大的损失;对用户是有吸引力的,无论从功能还是造型上。

设计体现点:交互方式、产品思维、表现手法。

4.设计细节有没有

就算细节不能决定成败,那也要能博得用户眼球。

在琳琅满目的APP里,各路花色的设计中,怎样能脱颖而出,怎样能让用户眼前一亮,怎样能给用户带来新鲜感,怎样让用户在使用你的产品会因为一些细节而记住你?好的细节能给产品注入生命力和活力,博得好感,而不是一个呆板冷漠的人机操作。但细节使用不当就是画蛇添足,带来体验上的阻力,所以添加细节也得是合理使用,一切得要建立在需求和体验之上。

设计体现点:加载、icon、引导、分割线、音效等各种合理的地方。

5.数据反馈怎么样

数据反馈是对产品和设计结果的验证。数据是人机交互的产物,数据代表用户行为的痕迹,通过数据来判断人们的思考、行为和交流方式,了解用户的动机和痛点,找到对你有价值的数据。创造有意义的产品体验。所以数据反馈是重要的参考,数据驱动设计,能够帮助我们在设计中做出决策。

最后: 一个产品的设计是好是坏,不是你的主观感受,也不是你的一眼之缘,要学会分析产品、分析用户场景,结合用户需求和操作体验,阶段性的做总结、才能培养你的判断能力,不要再做一个只停留在视觉层面的设计师啦~


分享到:


相關文章: