ui设计师教你做交互设计(2200字)

来源:m.fanwen118.com时间:2021.7.24

设计师手把手教你做交互设计

交互是产品人必须具备的专业技能,今天分享交互设计是因为最近项目的需要和个人兴趣,对于如何进行有效的交互设计,品创在结合查阅的资料和个人感悟后,总结了一些方法和心得,希望能对各位有所帮助,关于本文的任何批评建议和疑问都可以直接联系品创设计哦。 怎样设计交互才能有效呢?品创设计认为,是指你的产品最终通过优秀的交互让用户在完成需求目标的同时有着愉悦的体验。要使设计有效,至少有以下几点方法:

1.对交互的概念有细分类别的思考,能从不同角度去设计交互。

2.基于分类概念,有交互自查的习惯。

3.从用户和人类本能的角度去思考设计。

其中交互自查表是一个非常好的习惯,它可以让你在做完设计后跳出细节,专注思考用户体验的易用性部分。

交互的原理来自于人类几万年进化出的最原始本能。现在我们设想,一觉醒来,你突然发现自己身处一个完全陌生的环境,你会有怎样的心理思考过程??

1.你想知道你在哪里。

2.你想知道你现在应该做什么。

3.为了完成你想做的东西,你想知道你应该做什么,比如你能去哪里。

这其实就是用户第一眼看到你的设计时的心理状态,急切的想要知道他究竟在浏览一个什么东西。品创设计总结一下,思考交互的过程必然包含如下内容:

你在哪里,能去哪里,怎么去,怎么返回,也就是一个导航的概念。你现在该做什么摆脱困境,究竟有哪些方法?也就是一个行为和提示的概念。

如果将页面、视觉的一些因素考量,我们可以认为,思考交互时可以遵循以下分类。

一、导航

二、布局

三、文案和提示

四、行为和互动

五、场景

1、导航

导航解决的是一个很有意思的哲学问题,你从哪里来,将到哪里去。一个好的导航设计能让用户清晰的知道自己在产品的哪个页面,哪个位置,并且能清晰的告知用户操作流程,他该怎样去到其它页面,该怎样返回。举个最经典的设计是搜索引擎的搜索结果分页系统: 如何进行有效的交互设计?现在我们开始分析:

1.1百度分页系统

你是不是能很清楚的知道你在哪,能去哪,怎么去呢。

当然,导航设计还会考虑页面架构和信息分类。好的页面架构能让用户用较少的操作到达或返回重要的目标页面,好的信息分类能让用户始终找到自己想要的内容;

1.2下厨房信息分类

下厨房的信息分类很有意思,它是从菜系的方便程度和适用人群来细分的,很好的照顾了用户需求。

2、布局

布局的目的是优化信息展示结构,让用户能更简单的理解页面内容并且能第一眼找到重点。在思考布局时,我们尤其需要关注以下几点:

2.1是否使用了常见的布局模式,比如ios的返回按钮。

2.2是否对页面元素进行合理的分类,使相关的元素更加亲密来加强理解。

2.3是否能让用户一眼看到页面重点,不会迷失在元素海洋里。

2.4排版是否符合用户阅读习惯,他能从左到右从上到下合理的在元素间移动。

2.5排版是否符合用户的操作习惯,比如最常见的移动端右撇子用拇指操作的情景。

这其实也是简约风如此让人着迷的原因,信息噪音少,重点突出,用户不用付出太多的理解和视觉成本,简直是赏心悦目啊。

3、文案和提示

文案和提示是设计者和用户最直观的交流手段,好的文案和提示能很好的引导用户完成使用目标。在思考文案和提示时,我们尤其需要注意以下几点:

1.阅读对象是否为用户,不要用与计算机通信的语言去提示用户。

2.内容是否简洁,是否有吸引力。

3.出现的时机是否合理。

关于这几点品创设计师在设计时有一些案例可以提一提,

暂无数据

(没有数据时,如何引导用户)

暂停是个什么鬼

(会引起疑问的地方,适时出现解答)

4、行为和互动

交互的核心思考原则针对的是用户行为,用户在使用产品的过程里总是有一个目标或者需求正在解决。因此他开始探索一个页面,他不断的的进行一个又一个的行为,好的交互设计能够考虑用户在实施不同行为时的心理状态并给予合情合理的反馈。在思考行为和互动时,我们尤其需要注意以下几点:

1.反馈。

2.状态。

3.步骤和流程。

4.考虑该行为是否能靠计算机代替用户完成。

反馈是交互设计里最重要的一个概念。在试探悬崖高度时,你往下丢了一块石头,结果半天没有声音反馈,你会作何感想。

一个行为总有多种状态,用户是否登录,按钮是可以点击还是不能点击呢?抑或是告诉用户什么时候可以点击。你是否告诉了用户当前这个行为处于怎样的一个状态,密码设置太简单是因为没带字母还是因为长度不够呢?

用户完成一个目标究竟需要付出多少成本,你的步骤流程是简洁高效的吗?假如计算机可以更高效的完成一些行为,为什么还需要用户进行填写和操作呢?等等这一系列的问题品创设计丢给各位做交互的朋友思考一下。

五、场景

场景是交互设计另一个重要的概念,所谓场景就是用户究竟是在怎样的外部环境里进行此次操作的,这些环境因素究竟会对用户产生哪些心理和行为的影响?

比较常见的场景设计比如,阅读的夜间模式、密码的加密显示、最有趣的是现在大家喜欢在地铁里,在公交车里用手机,声音此时是最好的交互。

场景有时也不得不考虑一些特殊情况,比如分辨率和网络状况问题,这点网上有很多资料,这里不细说了。

概论总结一番:

交互是一门非常有意思的学科。它并不高深,它强调以人为本,关注的是细节和最最人之常情的用户心理,你可以分析竞品来获取灵感,但我们必须知道,交互的原理就在你自己身上,你身边的每一个人都值得研究,需要的只是你的好奇和观察。


第二篇:ui设计师是做什么的 最科幻的UI设计 1800字

ui设计师是做什么的最科幻的UI设计

创优翼小编转载自网络上一篇很值得看的UI设计文档,从中挑选了很有意思的6款产品,让同学们一睹为快吧。

黑科技RoomAlive

动图中的效果着实感觉逆天,你可以把它当作“真人CS游戏机”!简单点说微软的RoomAlive是一款“投影仪+Kinect”的体感外设,扫描全房间的几何形态后,把电视屏幕上的图像投影到墙壁。虽然说电视机屏幕仍然是游戏的主要显示器,但是房屋四周墙壁上的“外围图像”可以即时环绕着玩家,Kinect作为深度感应摄像系统来追踪玩家行动,从而实现“真人对战”的功能,比如说“突然转身发现从身后悄悄逼近的敌人”。

微软的“读心笔”

ui设计师是做什么的最科幻的UI设计

当年乔帮主在设计iPad时曾说过,“如果要是让你看到一只手写笔,我们就会炸了它。”由此可见,乔帮主痛恶的触屏手写笔是多么鸡肋的存在,不过这么多年了过去了,我们却似乎从未等到手写笔绝迹的那一天,至少在苹果零售店中第三方公司的手写笔仍然保持稳定的销量,毕竟“笔”是几千年来人类生活工作不可分割的工具。但是手写笔的问题依旧没有解决,它们“生硬、笨拙、无法读懂用户”。

首先要明白个道理,简单粗暴的读取人心的方法,并不是真的去“看脸看心情”,而是看对方用手在做些什么。举个网友们感同身受的例子,打麻将时并不是看对手们的神色表情,而是看他手上的“小动作”,如何握牌、出牌,这样你也能猜出个一二了。

ui设计师是做什么的最科幻的UI设计

没错,这次又是微软研究院,他们似乎总喜欢让一些鸡肋产品锦上添花。你看到的这一枝手写笔,笔身有多点触握传感器,能侦测它被握住的方式。于是手写笔加平板电脑的组合,不仅能精确测量使用者的触碰方式,还能测出手写笔相对屏幕所在的位置。研究团队目前已经识别出大约30种不同的人类抓握方式,希望在日后的研究中,将使用者的肢体语言数据与生物力学结合,实现人与平板电脑更高效的交互。

Thumbles操控触摸屏的像素

ui设计师是做什么的最科幻的UI设计

触摸屏和我们的平板电脑简直就是浑然一体,每一个按钮其实就是隐藏在屏幕后的一颗小小的像素。不过缺少了实体按钮,有些“动手分子”简直会觉得不痛快。Patten Studio工作室的研究员James Patten利用自主研发的Sensetable技术,设计了一款名为Thumbles的人机交互界面,虽然看上去很像鼠标,但是和鼠标不同的是,它能够直接控制屏幕中的元素,甚至让屏幕背后的像素点们重新排列组合。

虽然看上去酷,但实际也不知Thumbles有什么用。但是对于多年来厌倦了触摸屏的极客们来说,这个产品应该是一款酷炫的黑科技。

GravitySketch虚拟的3D画板

ui设计师是做什么的最科幻的UI设计

在空气中画出一张3D图像,简直是不可思议的事情。不过GravitySketch的出现或许可以让设计师们随时随地“凭空工作”。

GravitySketch看上去就像是数位绘图板,但是借助AR技术,使用者配单上3D眼镜之后,就可以在这个完全平面的板上绘制出3D图像。也就是说,用户在绘制的过程中,是可以按照实际的三维方位,随心翻转绘图板,来构图画作的后部、底部和上部的区域。简单的说来,你可以把它当作一款“手绘成型”的3D打印机,但区别是图像是“虚拟凭空”存在的。

Adobe的水墨笔

长久以来,我们一直依赖于Adobe家族的各种软件,但却是“敢怒不敢言”。二十年前,用键盘快捷键推进了我们的工作效率;而今触摸屏时代,键盘和鼠标的“死板结合”却似乎阻碍了Adobe前行的道路。

Adobe首席设计师Michael Gough曾说:“不久的将来,鼠标和键盘不能再满足输入设备的要求了。”于是Adobe终于顺势推出Ink和Slide硬件系列,这也是这家巨头软件公司的首款硬件产品,外观上产品即为一支画笔和一把尺子,能够与iPad上的Adobe软件很好的契合。

ui设计师是做什么的最科幻的UI设计

Ink是一款时髦的蓝牙画笔,旋式水墨笔的设计风格让使用者的触摸得心应手。Slide是尺子,可以在iPad屏幕上绘出数字线条。毕竟鼠标还是轨迹球之类,都不能代替陪伴人类数年前的忠实工具——笔,所以水墨笔与Adobe的结合绝对是浑然天成。

SmartWalk 智能走道屏显系统

ui设计师是做什么的最科幻的UI设计

对于一些科技小白们来说,前面五款黑科技产品可能有点遥不可及了,至少他们需要的是一些能踏踏实实改善生活的实用产品,比如说解决路痴问题。

ui设计师是做什么的最科幻的UI设计

SmartWalk是一款 智能走道屏显系统,可以将行车动态信息实时显示在走道的路面上,还能够告诉路人们前往某个地点的具体路线和里程。低头族的我们像鸵鸟一般,走在繁华的大街上,把头埋得低低的盯着手机屏幕,如果能每隔三五步的距离都能看到人行道上的温馨提示,相比是无论走多远都不害怕迷路了。

更多类似范文
┣ UI设计面试经验总结 1300字
┣ 学习UI设计四个月的感想 600字
┣ 片面UI设计制作实训小结 1000字
┣ 美术老师选择UI设计 谈达内学习三点心得 900字
┣ 更多ui设计范例
┗ 搜索类似范文