《用户体验要素》澄清了 UI 原型设计中看不见确感受得到的那一层
《用户体验要素》澄清了看不见确感受得到的那一层
太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es)
本文遵循“署名-非商业用途-保持一致”创作公用协议
《在熟练使用2B铅笔前,请不要打开Axure》一文中精要部分摘录例如以下,并 PS 组合:
表现层:
其他四层基本搞定的情况下,再进行美化设计,从美学角度来布局,用色等等,这一层基本是终于产品内含,所以包括的东西也最多,而光靠美工 PS 是无法达成的;
PhotoShop 能够使它更美观;美观是用户体验的一部分;
框架层:
大体的界面流转和界面元素选用以呈现特定数据并与用户交互,这一层除了不太美观漂亮外,基本该呈现什么数据、该接收什么样的用户交互请求等这些结构层的内容,在这一层都包括并体现了,然后这一层更重要的是,把这样的数据的种类以及用户的请求,以及请求与数据在用户与系统交互之间的各种体验详细化,结构化,流程化,实例化地直观表现出来,包括界面元素、数据组织、交互流转、响应结果走向等等。
Axure 能够呈现出交互的流程并配以相对真实的数据和界面元素以及跳转关素;交互也是用户体验的一个非常重要的部分;
结构层:
框架层的非常多东西都源自这里,假设没有这一层的内容,你会发现你想用 Axure 画出个清晰的东西来,非常难!不知从何下手,即使下手了,也非常散乱,前后错位。所以,能够这样描写叙述,框架层是驱体,那么结构层就是灵魂,仅仅有有灵魂的驱体,才是灵动的、有生气的、合情合理的。这一层很多其他考虑的就是这些灵魂的东西,详细到该给用户哪些功能来用,哪些数据须要处理,呈现出来哪些数据,当然仅此而已,而不须要更详细化的交互的界面元素,数据呈现的界面元素,但交互的过程确是要清晰可见的仅仅要你能按现实中的思维方式推演得出,顺畅且合情合理,那么这就是可行的,否则,须要进一步考量。就如一个人在做一些事情,这是框架层看到的,假设细琢磨,就会发现,这个人做事情是有条理的,这个条理就是结构层须要解决的事情,至于姿势动作是否优美,就不是这一层该细化的事情了。
OmniGraffle、Visio 这一类工具能画流程图,流程图就是一个业务流转关系的逻辑思维过程,相对抽象,但确主载着应用的呈现和响应能力,这是一层看不到的,确能感受得到的用户体验部分,比方相同一个信息,你是须要用户点了好几层,翻了好几页才找到,并输入一大堆本能够自己主动生成提供,至少可选的数据,还是简化这些,仅让用户输入必要的内容,这个确决定着兴许的事态发展,尽管看不到,但这些内容确定后,指导框架层的时侯,就会被看到其作用的结果,尽管它本身仅仅能感受得到,确看不到。。。。。。
范围层:
这一层能够叫做需求的边界界定。往往非常多项目失败,就是由于需求无边界,用户一再地提出不同的新需求和对原有需求的变更,终于也搞不清究竟要的是啥了。这时侯需求的边界界定非常重要,当前仅仅完毕这些任务,再有新的能够提,留到下一个版本号中升级完好,或者变更也能够,但仅仅能在某些特定的范围内来做,简而言之,界定了范围,接下来的工作目标,就是这些界定的需求,并且这些需求也是经过一系列讨论、研究确定为最重要和紧急的。在实际开发过程中,也相同须要遵从范围层所界定的内容,才干使开发工作能够量化并按时完毕交付使用,另外,Scrum 敏捷开发中,每个冲刺也界定了这一次要完毕的需求范围或需求复杂度,这都是非常重要的。
这一层使用的工具可能就是脑子了吧,或者像 XMind 这类思维导图的工具会比較实用吧。
战略层:
这一层,当然离不开出资人的考量,首先是这个需求是否切实存在,用户群体的广泛性,最重要的是,利润点是否合理、丰厚,额外还要考量,环境是否具备,就如当下,基本每个人都在拿着一部 Android 手机,而 iPhone 相对就小众一些,但确是高端人群,所以这些都是这一层须要考量的,假设不考虑到这些,早些年,谁也不会傻到,给每个人买一部 Android 手机,然后开发应用求他们下载来用,这纯属笑话,但笑话中确无不流露现实环境状况的重要性;再比方 JAVA 语言的发明,在当初的环境下,确实无法达到其最初目的,后来转战 Web 一举成名,而今在 Android 上,Java 终于达成了其最初的设计用意,机顶盒和便携设备上的开发应用。总之,战略层,决定了方向,方向假设错了,后面做再多也是错的,或者有时会成功,那不是偶然,而是以下各层运行中,不断对战略层进行了修正,这事实上还是战略层的问题,并非其他层的,仅仅是你会看到其他各层中在贯彻运行而已,并不会改变这一层面;但确会存在,各层的反馈下,战略层不断修正以使其他各层可行、合理。
《用户体验要素》澄清了 UI 原型设计中看不见确感受得到的那一层的更多相关文章
- 15个带给您优秀用户体验的移动应用 UI 设计
在今天在移动 App 界面设计中,你可以看到不同创意类型的视觉效果.特别是在 Dribbble 上面,有有很多移动应用程序的 UI 概念设计,让你惊叹.如果你想获得灵感,那很有必要看看下面15个优秀用 ...
- 5 个关键点!优化你的 UI 原型设计
当你和你的团队着手开始一个产品开发的时候,最开始的一步一般是绘制线框图,这是大部分产品项目的第一步,它不复杂但是却对整个产品的完成形态和质量有着至关重要的作用. 很多刚开始工作设计师或者产品经理都会提 ...
- 用户体验要素——产品系统设计方法
用户体验已经成为了每个互联网人的口头词,特别是互联网产品经理或产品设计师. 的确,对于任何一个互联网产品而言,体验都是非常重要的. 但是具体的用户体验到底指的是哪些方面,界面,UI,还是交互,其中到底 ...
- UI设计可供性解析:巧用隐藏的设计力提升用户体验
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 在实际的Web或App界面设计中,设计师们在学习和实践各种专业知识和技能之外,也会不可避免的遇到到各 ...
- UE是什么意思?用户体验设计师与UE设计是什么关系?
本文来自:http://blog.sina.com.cn/s/blog_a6bebb3f01015h47.html 什么是UE(UE——UE就是用户体验度) 你会发觉他的使用很人性化:功能强大但操作简 ...
- 国内各大互联网公司UED(用户体验设计)团队博客介绍
UED是什么UED = user experience design,用户体验设计.UED的通常理解,就是“我们做的一切都是为了呈现在您眼前的页面”.UED团队包括:交互设计师(Interactio ...
- 学习Axure RP原型设计
1 概述 原型设计是应用开发设计的第一要素.好的原型设计不仅可以起到沟通的作用,而且对客户而言应用程序拥有更直观的体现.原型设计通过内容和结构展示以及界面布局编排,实现在开发前期用户与产品进行交互.提 ...
- 【附案例】UI交互设计不会做?设计大神带你开启动效灵感之路
随着网络技术的创新发展,如今UI交互设计应用越来越广泛,显然已经成为设计的主流及流行的必然趋势.UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等.UI界面交互设计为何越来越受到青睐?它有 ...
- 全面产品管理-从细微处认识"用户体验"
转载: 让我以一个故事开始本文,我觉得这个故事能概括大多数人听到“用户体验”这个术语时的想法. 我经常访问的一个财经网站给我发了一封电子邮件,请求我点击里面的一个链接,对一些信息进行审核.所以我就点了 ...
随机推荐
- AdminLTE的使用(转)
官方文档link1.AdminLTE的必要配置文件<!-- Tell the browser to be responsive to screen width --> <meta c ...
- IOS RGB颜色转换
- (UIColor *)getColor:(NSString *)hexColor { unsigned int red,green,blue; NSRange range; range.lengt ...
- 取消UITableViewCell的背景色
//无色 cell.selectionStyle = UITableViewCellSelectionStyleNone; //蓝色,也就是系统默认的颜色 cell.selectionStyle = ...
- [Debug] Use Snippets to Store Behaviors in Chrome DevTools
Using the Snippets tab in the source devtool you can define and run arbitrary pieces of code in your ...
- ANSCII码和BCD码互转
bool AtoBCD(unsigned char* Asc,unsigned char* BCD,int len) { int i; unsigned char ch; //高位 unsigned ...
- 【BZOJ 1597】 [Usaco2008 Mar]土地购买
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 把这n个土地按照x为第一关键字.y为第二关键字.都升序排. 然后考虑一个土地xi,yi 若有一个土地的x<=xi且y<= ...
- eclipse调试鼠标放上去显示变量值
在eclipse中调试时,鼠标移动到变量上不显示值,这个原来自己也遇到过,没注意,反正就使用ctrl+shift+i嘛,也可以的,刚查了一下,解决方法如下: Window->Preference ...
- Opencv分水岭算法——watershed自动图像分割用法
分水岭算法是一种图像区域分割法,在分割的过程中,它会把跟临近像素间的相似性作为重要的参考依据,从而将在空间位置上相近并且灰度值相近的像素点互相连接起来构成一个封闭的轮廓,封闭性是分水岭算法的一个重要特 ...
- 使用ionic3快速开发webapp(二)
本文整理了使用ionic3开发时会用到的一些最基本组件及用法 1.ion-tabs 最常见的通过标签切换页面: tabs.html <ion-tabs> <ion-tab [root ...
- YUV与RGB格式转换
YUV格式具有亮度信息和色彩信息分离的特点,但大多数图像处理操作都是基于RGB格式. 因此当要对图像进行后期处理显示时,需要把YUV格式转换成RGB格式. RGB与YUV的变换公式如下: YUV(25 ...