什么是UI设计 交互该怎么学习

交互设计对学习UI起到什么作用?
  许多毕业生想要从事交互设计的工作,但也只是粗浅的认识,现在的老师就详细说说交互设计师的具体工作吧。交互设计主要是做五方面的一个工作内容。
  第一方面是信息框架的设计,信息框架设计其实就相当于一个软件的框架跟骨骼,举个例子,就是像微信,那微信它的一级导航,比如说微信通讯录、发现、我的,这就属于它的一级导航。那它的发现里面又有二级导航,二级导航包括像朋友圈、附近的人、我的游戏对类似这样的。交互设计要做的第一个工作就是框架设计。
  第二工作是叫做行为路径设计,行为路径设计其实也很好理解,就是设计一个功能的完整路径。那这个路径的话,举个例子,就比如说注册,那注册我们是分三步?还是分四步还是两步完成?这个就是交互设计要设计的行为路径的一个工作。
  第三块就是单页面设计,单页面设计就是主要是在页面设计中要凸显主次的一个关系,那还是举一个微信的例子,像微信发现里面为什么说把朋友圈放在第一位,把其他的放在后面的位置?因为朋友圈它的重要性会更大一些,这就是界面设计。
  第四块是叫可视性和反馈设计,怎么理解?可是性的话其实说白了,就是设计了一个功能,怎么让用户能去发现这个功能。反馈也更好理解,就是操做了之后,软件给它的一个状态的一个提示,这就是可视性和反馈设计。
  第五块叫做文案设计,文案设计的话,也非常好理解,交互设计工作中文字要体现一个友好性,那这个文字设计的话,其实还能体现一个软件的一个调性,这就是交互设计的五大方面主要工作内容。然后其实交互设计除了这五大方面内容之外,还有其他的一些工作,比如在需求阶段的话,会跟产品经理一起去发掘需求,去评估这个需求,而且会在这个阶段做一些用户访谈,收集一些用户的反馈,会邀请用户进行一个性能的访谈,或者制作一些问卷在现场发放,辅助产品经理去评估需求。在研发跟测试阶段,交互设计师做的更多的工作,是跟进设计的功能有没有被很好地去实现,在上线的这个环节,交互设计师又会去做一些可用性测试,就是跟之前讲的需求收集阶段是一样的,也会邀请一些用户过来测试设计的功能合不合理。
  还会去做一些专家走查,就是对之前设计的一些功能进行一个系统的走查,看看里面有没有用户体验的一些问题,如果有,收集起来,进行一个优星级排序,对于优星级比较高的,会纳入下一个版本进行设计。做为一个交互设计师,要时刻记住,你是一个让用户体验提升的人,因此在工作的时候反复的实验,反复的琢磨是必不可少的。
武汉UI设计培训 &
& & 武汉ps软件培训 &
& UI设计培训学校
学校:武汉万易室内设计培训学校()
联系人:黄老师 &
联系方式:
地址:武汉市洪山区雄楚大道洪福添美广场8栋一单元405
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。产品(27)
深入了解时下最热门应用的设计模式
本文中,的Chris Bank会讨论用户输入设计模式的重要性,还有来自时下最热门移动应用的具体案例——更多案例和超过45种移动端设计模式,都在UXPin的免费电子书《》中有提到。
任何移动应用,若没有用户起初和持续不断的输入,就什么也不会发生。因此,移动产品设计师、开发者和产品经理要了解最佳的输入方式,这点至关重要。尽管移动应用——还有使用它们的用户——通常都很独特,但仍有很多通用模式(新旧都有)用来解决这一特殊问题。
用户输入设计的6项目标
深入探讨这些模式之前,理解用户输入设计的6项主要目标非常重要——我把它们列在下面:
选择一种适合的输入和数据录入方式
减少输入的工作量
设计有吸引力的数据录入界面
通过验证检查来减少输入错误
设计必填项说明
开发有效的输入控件
记住上面几项目标,以下设计模式,在本文中都有详细讨论,在我们的电子书《》中还有更深入的探讨:
默认值和自动补全
直接进入(或者说“快速登录”)
社交账号登录
隐藏式控件
扩展式输入框
1.智能键盘
Facebook Paper, Android通讯录
用户想要快速键入信息。
用户点按进入应用某个输入区块,在他们键入时要提供与数据相关的键盘。这样免去他们在字母与数字键盘间切换,不用寻找所需的按钮,或者多一步操作来激活键盘。这不仅为了用户方便,也可作为一种指示,注明用户应该输入什么类型的数据。因此移动平台的输入框可以高亮显示,这增加了灵活性,决定了哪些按钮应该突出显示。
例如,在通讯录或拨号器里输入手机号码时,用户并不需要完整键盘。点按这些输入框时,会弹出数字键盘,而非完整键盘。去掉了令人分心的不必要的按钮,流程更加顺畅。类似的,点按浏览器地址栏,会弹出一个略有改动的键盘,“/”和“.com”按钮就显示在空格键旁边,而非隐藏于符号内。深入了解系统提供的这些智能键盘类型,你的UI可以根据用户当前的操作而调整。
2. 默认值和自动补全
Skype, Flightboard
用户想要快速完成操作。
向用户提供预置的默认值,或者基于之前输入的数据生成的快速选项。由此预测常用选项,让用户更容易进行信息录入。这可以和实用的自动补全进行搭配,就像Google Play商店的搜索那样,加快速度,显著提升用户体验。这种模式尤其适用于用户输入的标准化,并预知问题的发生。以Skype为例,自动在电话号码前加上国家码前缀。这在用户的角度是有意义的,因为他们通常并不习惯输入这些信息,但它在这个环境中很重要,因为Skype是个国际呼叫应用。
另一种方式是保存用户上次输入的信息,当用户输入或搜索时,展现这些最近使用的选项。例如,Flightboard在搜索框下面列出了之前使用过的地理位置,让用户免于再次输入。多数地图或导航应用也采用了这种模式,搜索方位时自动输入用户当前位置,减少用户点按次数。因为这是最常发生的情况。
3.直接进入(或者说“快速登录”)
Wunderlist
用户想在做决定前尝试一下。
很多应用允许用户直接进入,其他什么也不用做——甚至包括注册或登录。
记住,用户同时只能做一件事,他们没有足够时间尝试每个新产品。随着应用越来越细分化,在培育用户之前,找到高质量用户或领袖用户愈发重要——他们可能会讨厌你的产品,或者迅速意识到这不是他们要的。向用户索要账号注册信息比较困难,低的注册转化率会与注册用户数相互抵消。从积极方面来看,让用户直接体验产品,他们更容易被吸引,这取决于首次体验时能探索多深。这比引导页的UI模式更有效,我们会在下次讲到那些。因为它直接呈现在用户面前,而不是告诉用户如何使用。
推迟注册对于Carousel或Duolingo这样的应用就不起作用,它们依赖用户数据来运转。但像Wunderlist或Houzz这样应用可以让用户直接进来,在注册前先使用这个应用。通常,注册只是增加了额外的好处,使它更具吸引力,比如Wunderlist的跨设备同步,或是在Houzz中创建灵感集。推迟注册不一定总是好的,不过“注册前尝试”是个提升应用吸引力的好办法。
Facebook Paper, Behance
用户需要常用操作的快捷入口。
在应用的操作栏(用iOS术语叫“toolbar”)提供重要操作的快速入口。尽管导航栏主宰着网页和早期的移动应用设计,其他一些模式的使用,诸如抽屉菜单、滑动侧边栏、链接集合、按钮变换、垂直的基于内容的导航等,造就了更简洁的应用界面,让人关注主要和次要操作项,忽略副导航。这些应用的常用操作,就是搜索、分享和创建新内容。固定菜单不仅让用户更加熟悉UI,也去除了杂乱,聚焦于用户相关的重要操作。
5. 社交账号登录
Beats Music, Flipboard
用户想要更简单的注册和登录方式
整合社交媒体注册可以让用户通过已有账号登录。这意味着他们要少操心一组用户名/密码,同时你也不必太担心密码安全。Facebook、Twitter和Google是最主要的OAuth登录提供方,你可以依据平台和目标用户,整合其中所有或部分到应用中,用户不必再设置一个未来可能不会用到的独立账号。使用这种登录注册模式也能为你提供用户的一些基本数据(他们使用时自动输入的数据),不强迫他们在刚刚下载的陌生应用中输入详细信息,始终保持注册流程的简捷。这个简单的功能可以极大提升用户体验,毫无疑问这种模式是众望所归。
Tinder, Shazam
用户想立刻知道他们该采取哪个操作。
理想的触摸屏点按尺寸可能是72像素,但某些应用比如Tinder,给出了巨大的按钮。你就清楚知道该怎么做。无论何时、正在做什么,你都能迅速操作——即使你没有在看,也很难忽略这些大块的按钮。这在相对简单的应用中尤其有价值,其中用户只有有限的操作,因此就更有理由在各种环境中使它更容易。以Shazam为例,旨在看电视或听音乐时使用,它确实只有这一个功能。在这种令人分心的多任务状态下,巨大的按钮是非常棒的改善。
7. 滑动操作
用户想关注具体内容。
允许内容滑出或移出屏幕。这给用户提供了非常直观的信息处理方式。例如Google Now的“卡片”,当你不需要时可以滑动删除,清除杂乱。类似的,Tinder的个人资料也可以右滑或左滑来表示赞同或否定。这种模式与我们之前在导航模式中讨论的滑动视图不同。此处,滑动操作被当做一种操作,而非纯粹浏览。有些应用结合了这两种滑动模式,例如Carousel,滑到一边可以浏览大量照片,同时上滑或下滑操作可以分享或隐藏。Mailbox使左右滑动操作在邮件客户端中发扬光大,通过相应的左滑和右滑操作,你可以将邮件分别标记为已读或稍后处理。在Secret中,发现新操作与探索新菜单的方式相同。在一条秘密上左滑表示喜欢。
LinkedIn, Facebook
用户想知道新动态或操作,他们要瞄一眼
在视觉上通过高亮来标记新内容。这种模式有很多方式。例如,iOS引领的带数字的小红点,如今很多其他应用中也能看到,例如LinkedIn、Facebook或Quora。Twitter也这样处理通知按钮,不过在时间轴图标上方也有个小点,用一种更微妙的方式来表示新动态。另一种表现通知的方式,是在应用中滑出一条banner来显示新动态。Facebook应用也这么做了,当信息流中有新项目时显示一个小弹出提示。
9. 隐藏式控件
用户要在应用中快速激活次要控件,还有那些只与特定区域或内容相关的控件。
清理杂乱,让用户只在需要时发现特定操作。这些隐形的控件可以通过各种手势来触发——滑动、点按、双击、长按等等。(这些我们在手势模式中讨论过)。这让你可以将这些东西置于屏幕外,节省宝贵的屏幕空间。以Secret为例,就使用手势代替了可见的控件。右滑触发操作菜单,这是我们之前提过的抽屉的极简版。创建内容时,用户可以水平滑动或在背景上垂直滑动来改变颜色与模式,如果用了图片,还能改变亮度、饱和度与模糊度。没有其他控件来控制这些——也不应该有。这种UI设计模式如此直观和干净,你一定会看到更多此类交互。Pinterest也使用手势来代替按钮的应用。长按图片会显示采集或评论按钮,拖动弹出控件到按钮上执行。
Uber是这种设计模式的又一个案例。选择座驾类型后,通过点按滑动按钮,Uber会在预订座驾和费用估算间切换。这是简单却重要的UI设计模式,我每次试着呼叫座驾,又不想被Uber的溢价剥削时,都会为此会心一笑。Snapchat和Facebook Messenger中,在任何朋友上左滑,都能及时触发相应功能。
10. 扩展式输入框
用户想专注于内容,不愿为了控件牺牲屏幕空间。
将控件设计成点按展开式的。这能在用户不需要时隐藏多数控件。例如YouTube和Facebook把搜索栏藏在一个图标里面,用户点按时搜索栏才展开,节省了屏幕空间。
Gmail, Chrome
用户希望没有阻碍地快速操作(比如对话框),但要有还原意外操作的选项。
提供一个简便的方法让用户撤销操作,不要在操作前提醒他们确认。有些由于意外或匆忙而产生的操作,会导致不便或数据损失,例如删除邮件或编辑文字。用户可能在不知道结果的情况下会完成一项操作,宽容的UI会让他们尝试,这更加友好有吸引力。撤销功能对高级用户也很有用,他们会赞赏这种操控感。UI不会在操作过程中反复阻拦他们,询问是否确定。确认对话框用来解释当前状况时很有用,但用户真正看见操作结果后才能理解其中含义。为避免如此,最好去掉它们,并提供一种弥补错误的防护措施。
获取用户的输入
追踪有用户输入的地方,看他们是否注意到那些输入框,是否经常使用输入控件,他们从应用中的什么界面进入,将要前往哪里(也就是使用流程)等等。持续改变排列、顺序、尺寸,调整这些控件,让用户更多执行你希望的操作。当然,还要深入考虑,用户在输入时是如何在使用你的移动应用——确保设计应用时没有忽略明显的要点。
要深入了解热门公司如何运用新的和现有输入设计模式,学习超过45种其他的模式,请看UXPin的新电子书《》。取其精华去其糟粕——要进行适当调整来解决实际问题,当然最重要的也是解决用户的问题。
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:39976次
排名:千里之外
原创:28篇
转载:67篇
(1)(15)(1)(1)(1)(2)(5)(34)(4)(9)(9)(4)(2)(3)(3)(1)(1)要学UI设计,这些是你必须知道的!_达内UI培训
400-111-8989
要学UI设计,这些是你必须知道的!
对于初学的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及想学UI到底要如何避免走弯路,快速的学成。
问题一:UI设计是做什么的,需要学什么?
1、UI设计是做什么的?
UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。
我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也要懂点和产品方面的知识,即懂用户体验设计(User
experience),国内称UE,国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。
出于成本考虑,有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计,如:海报、宣传册、LOGO等。所以,UI设计师如果会或手绘则是加分项,但不是必须项,不会也不用担心。
2、UI设计需要学什么?
需要学习的内容主要包括工具软件的使用和设计思维的培养。
【工具软件】
主要使用PS、Sketch、Ai,辅助使用Axure、AE等软件。关于软件的使用方法,可以网上找一些相关图文或视频教程来学习,最好是[基础实例教程],像30天学会photoshop、50天学会maya等这类教程就不用看了,因为纯软件技法教程没有太大意义,一定要结合基础实例分析。
【设计思维】
如果将做设计比作成练武功,设计技法是拳脚招式,设计思维就是内功心法了。优秀的设计都有其内功心法作为支撑,那内功怎么修炼呢?看书!给大家推荐三类书~
《设计心理学》
第一类,基础入门级的,设计师人人都会读。例如《设计中的设计》《设计心理学》《简约至上》《Don’t Make Me
Think》。如果你没有读过,也可以当作知识普及来读。
第二类,排版类。例如《版式设计》《设计元素》《版式设计原理》《西文字体》。设计的呈现最终还是落脚到每个页面,每个点,每根线。排版的能力还是需要大家好好学习的。
第三类:心理学方面的。例如《游戏改变世界》《无价》《乌合之众》等。关于人性/认知/激励/动机/群体这些心理学知识也会对设计有所帮助。
问题二:零基础想学UI设计,是自学好还是报班好?
首先明确一点,无论是自学还是报班,都有其好处和不足的地方。下面我给大家做一下简单分析,供大家参考和选择。
1、关于自学
自学的好处:
(1)可以锻炼主动学习的习惯和自学能力,学习时间长短、进度、难易度可自主把控;
(2)自学可以节省高额的学费、交通费、生活费等很多的费用开销,减轻经济压力。
自学的不足:
(1)人际方面闭塞,缺少与人交流沟通的机会,学习中遇到的困难可能需要花费很长的时间才能解决,甚至无法有效的解决;
(2)很难系统的学习UI设计的知识体系和经验技巧,容易走很多弯路。
2、关于报班
报班的好处:
(1)跟着老师的课程,会系统的学到UI知识体系,循序渐进、由浅入深地掌握UI设计;
(2)遇到问题可以及时请教老师或同学,避免自己走弯路;
(3)课后作业能锻炼动手能力,虚拟项目能锻炼自己与他人沟通合作的能力。
报班的不足:
1、一般需要支付高昂的学费(过万的学费已经很普遍了),需要一定的经济基础,如果有可以分期学费或者先学后付费的,相对好一些;
2、需要多方面筛选靠谱的培训机构,部分培训班将盈利看得比教育本身重的多,教学质量却不尽人意。尽量选择品牌大的机构,信用度有保障。
问题三:UI初学者如何有效学习?
此类问题初学者问的比较多,锤子科技设计总监罗子雄给的建议有三:
为了提高审美,你需要大量去看别人优秀的APP或网页作品,在Dribbble、Behance、Pinterest等设计网站你可以很容易的找到大量优秀的作品。
除了UI设计外,平面、摄影、3D、手绘等全球顶级的作品也都可以看到,找到并收藏它们。一段时间后,回顾这些作品,如果发现三个月前收藏的作品很low,恭喜,说明你的审美提高了!
当你看过很多优秀的作品后,你可能还是不会设计,所以接下来你要做的就是不断的练习,第一阶段就是临摹。
给大家推荐几款比较有设计感的APP供临摹练习:《犀牛故事》、《Light》、《想去》,这几款APP设计都比较简洁清新,初学者比较容易上手。同时,可以尝试去学习一些设计规范,例如《iOS人机交互指南》,它是从事UI设计工作者需要掌握的内容,建议仔细读一读。
临摹几套作品过后,可以进入第二阶段——Redesign。你可以redesign一个自己版本的iOS系统界面,或者重新设计一个微信
,加入自己的想法和理念。如果你喜欢玩《阴阳师》,你可以设计个自己版本的阴阳师界面,甚至把里面的角色换掉都可以。
学习过程中如果遇到自己解决不了的问题,多百度或google,如果是一个大问题,可以把它拆分成若干小问题,逐个解决掉就好。
在看和做的过程中,设计技法只是学习UI的一小部分,更多的是要去理解设计背后的思路和原理。比如,这个产品为什么定义蓝色为主色?为什么要放大和加粗那个数字?整个页面的结构和布局是怎样的?设计的目标有哪些?等等。
不断去思考,不停去问自己为什么,只有这样,才能在今后的工作和创作过程中,使设计有理有据,经得起别人的推敲,显得自己更专业,从而获得认可和尊重,更好地使用设计去解决问题。
Copyright (C)
All Rights Reserved
选择城市和中心
达内北京亦庄大学生实训基地
达内北京网络营销中心
达内北京会计中心2014年7月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了,不再提供回复功能。

我要回帖

 

随机推荐