交互概念设计

《交互概念设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

《UI进化论（移动设备人机交互界面设计）》本书在优酷视频有个专区。技术支持与课件下载：类博客UCDChinablog本书作者：周陟网站：第一章交互设计概念交互概念设计交互设计从概念出发20世纪80年代后期，两个国际机构开始把“用户界面设计”作为计算机科学的正式课程，这标志着人们开始重视系统的“可用性”和“用户体验”。ACM(计算机教育与科技学会)：电气和电子工程师协会)：Moggridge）提出的，当时命名为“软面（softface）”，后更名为“InteractiveDesign”。学科上的定义：“人与设备、系统、网络等的直接和间接的通信过程，设计用于支持人们日常工作、生活的交互式产品”。交互式设计工作的主要组成部分：交互设计的工作一切都从交互概念出发，从研究和数据分析中获得依据，而交互设计的根本就是提高用户体验、是产品更好用、功能更符合人性化逻辑（不是计算机程序逻辑）。优秀的交互设计产品：提出一种创新的使用方法，有效强化品牌形象，提升产品品质表现，让用户感觉到愉快、有效、舒适，最大化减少逻辑错误，让使用更简单。一个设计介绍：marro系统这个系统充分体现了“交互化空间”的伟大，通过物理跟踪与反馈使得用户可以在任意场所调用系统界面进行使用。“交互化空间”演示：交互设计发展阶段：

1命令语言用户界面图形用户界面直接操纵用户界面多媒体用户界面多通道用户界面虚拟现实技术现代人机交互工程师需要掌握的技能树：除此之外还要了解设计史、计算机图形学、用户调查研究方法、产品策划与分析、宏观经济学、现象分析技术、数据筛选技术。交互设计应用展示Vizelia:好的交互设计的基本原则：1）提供有效的达到用户目的的功能；2）功能完成的速度非常快；3）操作简单、直观、图形化；4）预置状态与备选功能都服务于主要任务目标。有些技术人员不感兴趣或不愿意接收的现象：1.用户并不关心你使用了什么技术，而是这个技术带来的结果；2.不要用技术（特别是硬件、代码）作为你的产品卖点；3.用户只使用产品帮助自己生活，不会把产品当做生活；4.对于用户来说，产品的外观和交互界面等同于产品的所有；5.比起图标的大小和颜色，用户更关心界面切换的速度

2知识点：设计输出：指设计师最终交付给开发人员的和终端用户的设计成果，可以是概念性报告，也可能是图片打包，也可能是flash模拟展示。UCD设计思想UCD（User—CenteredDesign），即以用户为中心。在进行产品设计时从用户的需求和用户的感受出发，围绕用户为中心设计产品，而不是让用户区适应产品，无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等。衡量一个产品设计有以下几个维度：产品在特定使用环境下为特定用户用于特定用途时所具有的有效性（effectiveness）、效率（efficiency）和用户主观满意度（satisfaction），已经产品的易学程度、对用户的吸引程度、用户在使用产品前后的整体心理感受等。必备软件：1.AdobePhotoshopCS4（主要针对平面化的视觉设计和多格式化输出）2.AdobeIllustratorCS4（矢量图形设计，手持设备设计比较多）3.AdobeFlashCS4（设计动画演示提案和高保真原型展示，体现交互设计结果）4.MaxonCinema4DR11（3D设计，突出光影效果和强烈质感）5.IconCoolStudio（图标设计工具，在线社区有大量教程）6.JPEGOptimizer（JPG图片压缩工具，可以让JPG图片在减少大约一半的尺寸时，不损失很明显的显示质量，适应于手持设备情况）一个简单的交互设计和界面设计流程用户需求分析①——确定产品设计概念②——候选方案设计③——原型设计④——用户测试与评估⑤①根本目的：了解用户的行为，并获得市场分析数据，用于指导这个产品的需要与价值。研究用户行为从4个方面出发：⒈它是什么产品比如产地、服务商、国家、是否为知名大公司产品，周围朋友没没有用。。。。⒉看上去如何外观特征、造型、用户曾经关注的同类产品是什么、用户为什么会喜欢这些产品的外观、“我用这样的产品会不会让人觉得我像个傻瓜，或是缺乏审美能力的人”。。。。⒊解决什么问题需要一个最主要的功能。设计初期必须了解这个产品的特殊之处，并且把它放大。要做的比其他产品好。⒋其他心理要求任何需求都应了解！！④原型设计方式：白纸、铅笔、橡皮、剪刀；Word,可以制作wireframe，还可以加批注及大段文字说明；

3PPT,可以动态表达出交互流程；Flash；HTML,进行web界面原型设计，也可以作为理论演示型方案的描述。⑤确认交互概念和界面设计模型是否准确；确认设计的原型是否能有效地完成功能；评估设计的原型在技术层面和市场商业模式山的可行性（重点在概念的创意和差异化）。见本书优酷专区的，第二章交互概念与图形界面设计新趋势手持移动设备的产品特点不同的感觉和知觉视觉产品设计中要点：1.可见性（无论白天、夜晚、室内、室外，操作界面都能看到）2.可识别性（在不同文化和社会背景的用户看来，你的产品始终表达一个含义）3.美观（丑陋的产品不但不会被接受，甚至还会被用户嘲笑）4.提示（视觉设计中最重要的部分是引导，提示当前信息的可用性与反馈）听觉产品设计中要点：1.音乐（悦耳的音乐和流行的歌曲会让用户在多人环境中充满自豪感）2.提示音（积极地，响应准确的、符合听觉识别习惯的提示音是界面元素的补充）3.声音长短（长短不同的声波是区别提示模式的方式）4.符合人耳特性（采样精度设计为，是最适合人体的数值）5.噪音（危险情况下的提示音）肤觉产品设计中要点：1.触感（涉及产品外观的材料，如木材、玻璃、陶瓷、或其他金属）2.防滑（安全）3.防尘（安全性要求）4.无伤害（必须确保老人和儿童在使用时的安全）5.大小适中（最好能一手掌握并操作）不同的环境公司：1.快捷的设置“会议模式”

41.优雅成熟的外观，没有多余和花俏的附件装饰2.商务型和职业性特性明显，能够帮助处理个人PC无法处理的部分信息3.日程表、备忘录、世界时间、事件提醒是必须的功能学校：1.外形新颖漂亮、能够吸引异性2.有趣的图片、音乐、视频、游戏，并且可以通过蓝牙环境共享3.短信息的快速和多字符处理家庭：1.亲友的分组和详细的信息记录，并可以随时调阅2.对重要亲友的快速拨号，收发信息等快捷设置3.在从事家务时间的提醒等，如做饭等4.个性化闹钟手持移动设备的界面设计风格注意点：1.首先确定自己的风格是什么2.评估这个风格是已经有大量设计师在使用的还是只有自己3.界面设计要以用户需求为前提4.风格不是万能的，只有易用性最重要5.界面、图标要服务于设计风格样式6.制作你自己的专属风格样式，并存储为模板文件7.你的风格需要大量技术支持，先确定其可行性8.如果用户接受，坚持自己的风格，不要随意变换第三章设计的产品化应该使用什么样的产品合格的产品（仅仅使用，缺乏对用户需求及情感的评估）：可使用、基本售后、购买方便、有价值、功能正常、质量好、无危险优秀产品（让用户有惊喜的部分，比如售后服务、礼品赠送）：合格特性、售后保证、差异化、明显价值、无干扰性、环保设计、通用性

5卓越的产品（让用户满意、愉快、认为有趣、认为有用、富有启发性、富有美感、激发创造性、拥有成就感、得到情感上的满足）：合格特征、国际化、差异品位、成就感、归属感、期望值高、卓越特征1.2市场调查和分析一个典型的市场研究的工作流程是：明确市场研究的目的以及对最终结果的假设获取对用户（消费者）的需求购买决策驱动因素的深刻认识定义目标市场及规划策略细分市场的8种类型：1.地理位置：一级城市、二级城市、农村2.人口特征：年龄、性别、收入、教育程度3.使用行为：使用量、费用支出、购买渠道、决策过程4.利润潜力：收入、获取成本、服务成本5.价值观/生活方式：宏观的价值取向和态度6.需求/动机/购买因素：价格、品牌、服务、质量、功能、设计7.态度：针对产品、类别和沟通渠道的态度8.产品/服务使用场合：什么地方、什么时间、如何使用1.2.1用户研究1.身份比如商务人士需要电池续航时间、随身工具（备忘录等）、网络畅通无阻；医生希望环保、辐射小、按键舒服、查询资料快捷。2.场合比如在咖啡吧休闲吧，侧重游戏；晚间睡觉，侧重闹钟功能。3.感觉比如材料触感不佳，不管其功能多么丰富，都会被主观认为产品很低劣。4.情感比如：孩子的母亲可以给孩子的号码设置一颗爱心5.目的

6文化内涵研究举一个印度的案例：面对不熟悉的环境、人种、知识、语言，怎样开展设计：分3步走：创意出发点——色彩检验——形式提炼印度国旗民族颜色嗜好的潜意识符号利用同色系三段区别，将取色范围扩大，丰富颜色过渡观察建筑、艺术、生活习惯等日常行为和环境，分析现实中的具体形式构成和立体构成，用于指导UI的操作策略，逻辑模式决定操作流程。确定关键词：宗教、哲学、纯粹的形式感、多民族与人种、种姓制度、素食、自然。。。。。。将抽象的形式语言，转变为具象的视觉语言，提出UI界面的版面和结构。从日常的人文生活中，检查颜色的嗜好性是否正确；观察其中的颜色比例及细节；颜色的挑选都不是偶然的，存在于人和社会环境的整体需要下布局设计方案样例（图略）：1.关键词：红色、幸福、空间设计说明：印度与中国同样在宗教和偏好色彩上有着共同点，红色在两个国家都表示幸福，喜庆的含义，而且红色在传达信息方面有着天然的趋势，容易集中注意力。不过在长期使用中，红色容易让人产生紧张的情绪，如果是针对欧美市场则红色不是被推荐的颜色。

71.关键词：金色，佛教、主观、集中设计说明：在宗教方面印度和中国同样信奉佛教，使用金色是佛教文化中的传统颜色，而且金色也是高尚的颜色。采用单页的显示方式，比较容易集中操作的视觉中心。采用宗教作为切入点，需要对市场的客观分析，主观性较强的客户会认为此方案的现代性不足。2.关键词：绿色、自然、微观设计说明：对自然地热衷是所有亚洲民族的天性，而且自然在任何时候都是具有生命力的代表。印度对于自然中的哲学和崇尚素食的生活态度，表面自然的主题较易引起操作兴趣，而使用高对比的色彩和简洁的菜单方式，更能够强调UI本身的特性，有很高的识别性。第四章产品策划定义如何分析竞争对手竞争对手情报来源：1.年度报告2.竞争产品的文献资料3.内部报纸和杂志4.竞争对手的历史：对了解竞争对手文化、现有战略地位的基本原理以及内部系统和政策的详细信息是有用的。5.广告：可以了解主题，媒体选择，花费水平，和特定战略的时间安排6.行业出版物：对于了解财务和战略公告、产品数据等诸如此类的信息时有用的。7.公司官员的论文和演讲：获得内部程序细节、组织的高级管理理念和战略意图。比如每年的APPLE年会上，jobs都会发布最新的产品更新及下一代技术方向。8.销售人员报告：往往有有关竞争对手、消费者、价格、产品、服务、质量、配送等资料。9.顾客：可向内部积极所要获得，也可从外部市场调研专家处获得。10.供应商：来自供应商的报告对于评价竞争对手投资资料、行动水平和效率很有用。11.专家意见：12.证券经纪人13.雇佣的高级顾问：从竞争对手那退休的管理人员。一些知名的图标设计师和设计团队：

8ArtuaDesignStudios(图标、界面、网站设计为主(：有图表设计视频教程，设计偏写实。SoftFacade(图形界面、图标。DavidLanham(:着名IconFactory的设计师，图标设计被认为是入门读物。JasperHauser(图标MartinLaksman(卡通形象设计、插画、图标Turbomilk(:画风精细HYBRIDWORKS(经验：图标的大小应该不超过256x256，在240宽度以上的屏幕上可以使用3D技术。通常大小为64x64~96x96,考虑到触摸，还需分触摸前后的大小比例，所以最好采用矢量技术，比如使用Adobeillustrator。而低于128x128的屏幕可以采用像素级的技术来绘制，比如AxialisIconWorkshop。（站酷网站）中国顶尖GUI设计团队：Eicodesign(北京)(studio(厦门)(西安)(武汉)(EIDCENTER(广州)(亚洲市场讲究的事时尚设计，甚至是有情感因素的手机；欧洲市场对设计要求一向都是简单洁净；美国则注重实用性。欧洲手机：界面设计的延续性很强，变化比较少，以诺基亚为代表。韩国手机：界面设计风格大胆，对图标和图形的表现使用多种方法。日本手机：在外观、图形、技术、交互方式上比较有新意，界面设计清新、简洁。一个手机MP3播放器的设计案例：产品定义：一款可以下载、自定义并兼容互动功能的运营播放器。产品关键词：音乐、播放器、下载功能、歌词显示、音乐搜索、歌曲识别、讨论社区入口功能定义图：交互流程设计：

9界面原型：色彩定义：主色：辅色：操作提示色：

10绘制界面细节：界面展示：选择特别的图片作为演示背景也能增加效果