08 2013 档案
交互设计方法和思考过程
摘要:摘自http://www.zhangyq.com1.接需求这个阶段主要是接到产品经理等拿来的需求,比如FRD文档。和产品经理讨论需求,了解重点。2.需求分析——>翻译成界面语言俗话说,Think first,Design next. 对于接到的需求,第一件要做的事情就是仔细分析和讨论下需求的逻辑、内容和目的,而不是马上风风火火的开工。这个阶段的重点在于梳理用户逻辑+特殊需求,最好能高度概括成几点。忍不住引用臭鱼博客的一个灰常贴切的案例:一个需求文档。里面描述了页面需要承载的信息。第一步. 概括信息•您选择了回邮方式办卡,概括解释这个办卡方式。•接下来您应该 下载申请表•回邮办卡的全过程是
阅读全文
posted @ 2013-08-30 22:24
快乐的米兰
交互设计的方法
摘要:交互设计的流程如果一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型图只是其中的一个环节。当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性?第一步,是任务分析,列出界面所要完成的所有任务;第二步按各任务确定页面流程,建立信息架构;第三步是创建统一的页面布局包括分区等,然后在页面布局的基础上进行原型设计,可以是低保真和高保真的原型图;最后编写设计说明。下面以设计一款动感相册界面为例,逐步讲解各个环节。1. 任务分析第一步任务分析。这里要做的是对于将要设计的这个新界面的所有
阅读全文
交互设计流程及规范
摘要:【设计流程】一、确认目标用户在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。二、采集目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。三、提示和引导用户软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用
阅读全文
UI设计师
摘要:UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计师是做什么的?在中国,UI设计还是一个需要不断成长的设计领域,但eicodesign, lkkui design, Robin design等国内知名设计机构已经进入了探索UI设计的道路。UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的, 其分别是研究工具,研究人与界面的关系,研究人。研究界面----图形设计师Graphic UI designer 国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,..
阅读全文
MyEclipse设置
摘要:1.在MyEclipse 中显示行号在使用MyEclipse开发程序的时候,不显示行号是一件很烦人的事情,要想显示行号,按住 Ctrl + F10 选择 show Line Numbers2.编码设置全局编码设置的方法:ToolBar-->Window-->Preferences-->General-->Workspace-->Text file encoding,设置合适的编码。局部编码设置:在源码按右键-->General-->Editors-->Test Editors-->Spelling-->Encoding,这里是设置单个
阅读全文
Javascript和CSS浏览器兼容总结
摘要:本文摘自http://uecss.com/javascript-css-browser-support.html这是我总结多年的一个小文档,主要内容是Javascript和CSS浏览器兼容总结,最近看见有人咨询浏览器兼容的问题,就贡献出来。并不一定全,有的也可能不准确,比如新出的IE8、Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8、Chrome等,但都没来的及总结进去,后来就忘了…汗。大家一起慢慢完善吧。javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item(“itemName”) 这样的语句,
阅读全文
div+CSS 兼容设置举例
摘要:1. CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义!important 可被FireFox和IE7识别* 可被IE6、IE7识别_ 可被IE6识别*+ 可被IE7识别、2. IE专用的条件注释3. 几个浏览器对实际像素的解释IE/Opera:对象的实际宽度 = (margin-left) + width + (margin-right)Firefox/Mozilla:对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-
阅读全文
Eclipse快捷键大全
摘要:Ctrl+1快速修复(最经典的快捷键,就不用多说了)Ctrl+D:删除当前行Ctrl+Alt+↓复制当前行到下一行(复制增加)Ctrl+Alt+↑复制当前行到上一行(复制增加)Alt+↓当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑当前行和上面一行交互位置(同上)Alt+←前一个编辑的页面Alt+→下一个编辑的页面(当然是针对上面那条来说了)Alt+Enter显示当前选择资源(工程,or文件or文件)的属性Shift+Enter在当前行的下一行插入空行(这时鼠标可以在当前行的任一位置,不一定是最后)Shift+Ctrl+Enter在当前行插入空行(原理同上条)Ctrl
阅读全文
浙公网安备 33010602011771号