交互设计外文翻译

合集下载

UI术语中英文对照表

UI术语中英文对照表

UI术语中英文对照表Accelerator Keys(shortcut keys)快捷键Accessibility可及性。

本词特别针对有残疾或障碍的人,软件操作或网站的可访问存取。

Affinity Diagram关系图。

一种文脉设计方法中的元素。

Application应用或者程序Artifact Model一种文脉设计方法中的元素。

展示假想模式在应用中怎样组织和应用。

Brainstorming头脑风暴Concrete Use Case创建用例Content内容Contextual Design情景设计,上下文设计,文脉设计Cultural Model一种文脉设计方法中的元素。

获取文化政策相关的元素。

Customer客户Customization个性化,定制Design Session设计讨论会Essential Use Case基本用例Flow Model流程模式Goal目标Goal-Directed Design目标导向设计Graphic Design图形设计Graphical User Interface/GUI图形用户界面Guideline界面设计的规则或启发式指南High Fidelity Prototype高保真原型。

细节都比较详细的原型。

Individualization个性化Information Architecture信息架构Information Design信息设计Interaction Design交互设计Interaction Design Session交互设计讨论会Knowledge Management知识管理Label标签:短的描述性的标题作入口用。

Level of Experience体验层次List列表Low Fidelity Prototype低保真原型,抽象原型视图Menu菜单Metaphor隐喻Norm规范Paper Prototype (Paper Mockup)纸上原型Persona角色Physical Model物理环境模式Portal入口Product Design Center (PDC)产品设计中心Scenario情节设定Sequence Model序列模式:完成任务的步骤Story Board故事板Style Guide风格指南System系统是支持用户完成任务的硬件或软件Task Analysis任务分解Test, Usability测试,可用性Usability Lab可用性实验室Usability Review可用性评估:指至少两名专家做的启发式评估Usability Test可用性测试用户在可用性实验室使用产品,过程被录像下来。

交互式平面设计的技术与实践研究

交互式平面设计的技术与实践研究

交互式平面设计的技术与实践研究随着科技的发展和人们对于用户体验和互动性的追求,交互式设计(Interactive Design)逐渐成为了设计领域中的热门话题。

交互式设计是指设计师通过数字技术与用户之间的互动,创造出一种更加全面、深入的用户体验,确保用户可以更容易地与产品交互,并提高客户对于产品的信任度和满意度。

本文将探讨交互式平面设计的技术与实践研究。

一、技术工具1. SketchSketch是一款广泛使用的交互式设计工具,可以为平面设计师提供快速设计和原型制作的手段。

它提供了丰富的资源库和插件工具,包括多个样式和图标库,方便了设计师快速制作出用户友好和易于理解的UI设计原型。

2. Adobe XDAdobe XD是另一个受欢迎的交互式设计工具。

该工具不仅可以让设计师创建原型和UI设计,还可允许他们将原型分享给利益相关者以获得反馈。

Adobe XD提供了内置的协作工具,可以让设计团队更好地进行协调和组织,提高协作效率。

3. InVisionInVision是交互式设计中的综合性工具,可以让设计师轻松的创建交互式原型,并且可以在直观易懂的界面上注释和讨论原型,提供全方位的协作经验。

InVision的优点不仅在于其易用性,而且有助于设计师更好地理解和处理实际所遇到的设计问题和复杂情况。

4. FigmaFigma是一种用于在Web上制作和分发设计的工具。

它提供了许多交互式设计特性,如原型模型、共享文档、内置协作等。

它的特点在于团队可以在任何地方工作,因为它是完全在线的。

这可以帮助用不同设备的团队在同一个平台上协作,避免了不必要的沟通和合作难度。

二、实践经验1. 人类情感:使用符合真实世界逻辑的交互模式。

在交互式平面设计中,人类的情感因素是十分重要的。

设计师需要考虑引导用户进行正确操作的交互方式,而不仅仅是让图片、视频和其他材料出现在屏幕上。

因此,设计师应关注符合常识的交互模式,使得界面的操作和流程对用户来说自然而然,并塑造出良好的交互氛围。

交互设计精髓,英文版

交互设计精髓,英文版

交互设计精髓,英文版The essence of interaction design lies in creating meaningful and engaging experiences for users. It involves understanding the needs and behaviors of the users and designing interfaces and interactions that are intuitive, efficient, and enjoyable. Interaction design encompasses a wide range of disciplines, including psychology, human-computer interaction, and visual design, and it requires a deep understanding of both the technical and human aspects of the design process.At its core, interaction design is about creating a dialogue between the user and the product. This involves not only designing the way the user interacts with the interface, but also considering the overall user experience and how the product fits into the user's broader context. It requires a focus on usability, accessibility, and inclusivity, ensuring that the design is effective for all users, regardless of their abilities or background.In addition to creating a seamless and intuitive user experience, interaction design also involves considering the emotional and psychological impact of the design. This means paying attention to the aesthetics, tone, and personality of the interface, and creating experiences that are not only functional, but also enjoyable and emotionally resonant.Ultimately, the essence of interaction design is about creating products and experiences that are not only usable and efficient, but also meaningful and impactful for the users. It requires a deep understanding of human behavior, a focus on empathy and inclusivity, and a commitment to creating experiences that enrich and enhance the lives of the people who use them.。

浅谈交互设计发展史

浅谈交互设计发展史

浅谈交互设计发展史早在上世纪80年代初始,作为一门关注人机交互体验的新学科,交互设计就由世界著名的美国创新设计公司――IDEC的创始人之一比尔・莫格里奇(Bil Moggridge)在一次设计会议上提出,最初定名为“软面(soft Face)”,相对于当时工业设计界更多关注于产品的“硬体(Hard Ware)”,暗示IDEC对产品“软性”设计的强调。

尔后才在80年代末将其改名为“Interaction Design”,即交互设计。

交互设计,是一门定义交互系统的构架与行为的新设计专业,是研究人工制品或系统与其用户或参与者发生交互行为的科学方法。

相对于建筑设计、室内设计、工业设计、服装设计、平面设计、广告设计等带有“纵向”特征的传统设计专业而言,交互设计则更具有“横向”的属性,因为当我们用“交互”的观察方法去审视上述这些设计领域时,会发现所有的人造空间、硬件设备、软件产品、交通管理、移动工具、可穿戴物品、售后服务等人造系统中,均存在大量的人机交互问题需要我们提出更好的解决方案。

如果交互设计仅仅被限定在计算机、互联网领域是完全不够的,它的最大魅力在于令人造物品由硬体到软体、由视觉到触觉、听觉、味觉均能与人发生良好的互动效应,创造完美的服务体验。

从用户角度来说,交互设计是一种如何让产品易用、有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,提供各种有效的交互方式并令人机交互过程的效率得以增强和扩充,在产品与使用者之间建立一种友善、互动的有机关系,高效地服务于使用者。

从交互设计师角度说,交互设计首先要进行用户研究了解特定设计主题的背景和相关信息(如用户的使用习惯与行为模式),继而设计人造系统的行为以及行为相关的形式,并从可用性和情感因素等方面来评估设计质量。

交互设计虽然与系统的界面设计关系密切,但其重点关注的是和系统行为相关的界面部分,着重于提高用户的体验,而不是其他的。

设计类型英文翻译

设计类型英文翻译

设计设计是把一种计划、规划、设想通过某种形式传达出来的活动过程。

人类通过劳动改造世界,创造文明,创造物质财富和精神财富,而最基础、最主要的创造活动是造物。

设计便是造物活动进行预先的计划,可以把任何造物活动的计划技术和计划过程理解为设计。

常见类型沟通设计Communication Design 有时也称为沟通艺术Communication Arts 或是视觉传达设计Visual communication平面设计Graphic Design 是CI系统的视觉表现化,通过平面的表现,突出企业文化和企业形象三维设计3D Design :是一个广泛的种类、然而并不常用、在三维设计当中、多以电脑动画、工业或建筑设计的三维模型为主要创作的项目。

设计的种类相当多种,设计在许多领域都有应用,涉及的方面也比较广泛。

下面列出历史较久、较广为人知的设计种类。

更多的设计种类请参看设计下面的目录。

例如:商贸领域(Commerce)商业设计(Business design )新产品研发(New product development )包装设计(Packaging design )( Package Design)产品设计(Product design)服务设计(Service design)应用领域(Applications)体验设计(Experience design )游戏设计(Game design)互动设计﹙又称交互设计﹚(Interaction Design)软件设计(Software design)软件研发(Software development)软件工程(Software engineering)系统设计(System design)用户体验设计(User experience design )用户界面设计(User interface design )人机界面设计 (Interface Design)网页易操作设计(Web accessibility)网页设计(Web design)网站设计(Web design)信息设计(Information Design)传达(Communications)设计领域书籍设计(Books Design)色彩设计(Color design)传达设计(Communication design )内容/编排与内容设计(Content design)展示设计(Exhibition design)图形设计(Graphic design)资讯设计(Information design)教学设计(Instructional design)动态图形设计(Motion graphic design)新闻报刊设计(News design)制作设计(Production design)音效设计(Sound design)舞台设计(Theatrical design)字体设计(Typeface design)印刷设计(Typography )视觉传达设计(Visual communication)影视动画设计Television animation design动画设计Animation Design广告设计平面设计(Graphic Design)形象设计(VI Design)科学和数学领域(Scientific and mathematical)组合设计(Combinatorial design)实验设计(Design of experiments)物质领域(Physical)建筑设计(Architectural Design)工业设计Industrial Design建筑工程(Architectural engineering)汽车设计(Automotive design)手机设计(Cellular manufacturing)陶瓷和玻璃设计(Ceramic and glass design)环境设计(Environmental Design)服装设计(Fashion design)(Clothes Design) 插花设计(Floral design)家具设计(Furniture design)园林设计(Garden design)工业设计(Industrial design)室内设计(Interior Design/redesign)景观设计(Landscape architecture)机械工程设计(Mechanical engineering)永续设计(Sustainable design)城市设计(Urban design)深化设计(Detailed Design)环艺设计(Environment Art design)机械设计(Machine Design)机器设计(ApparatusDesign)UI设计(User Interface Design)装修设计印刷设计工程设计通用设计(通用设计或全方位设计)(Universal design)。

(完整版)用户界面交互设计中英术语

(完整版)用户界面交互设计中英术语

交互设计常用中英文专业术语(完整版)时间:2017-05-31 出处:Designer_Oliver 阅读量:1381最近开始整理交互设计师在工作和职场交流中常用的英语词汇,包括了设计方向、设计领域、职业、专业学科、交互设计专用术语、设计方法、界面、ui、布局、控件、手势、产品、商业、技术、用研、数据分析、计费模式、信息可视化、成果、其他20个方面,陆续通过4-5篇文章的形式分享给大家。

设计方向conversation design 对话式设计experience design 经历设计graphic design 平面设计industry design 工业设计information design 信息设计interaction design 交互设计product design 产品设计service design 服务设计ui design 界面设计user experience design 用户体验设计user centered design 以用户为中心的设计visual design 视觉设计设计领域ai_artificial intelligence 人工智能ar_augmented reality 增强现实diet 饮食education 教育finance 金融mobile internet 移动互联网internet 互联网iot_internet of thing 物联网smart home 智能家居shopping 购物traditional industry 传统行业ugv_unmanned ground vehicle 无人驾驶地面车辆vr_virtual reality 虚拟现实wearable device 穿戴式设备职业bd_business development 业务拓展front end 前端,前端工程师interaction designer 交互设计师operation 运维工程师product designer 产品设计师product manager 产品经理project manager 项目经理qa_quality assurance 测试,测试工程师r&d_research&develop 研发,研发工程师ui designer 界面设计师user experience designer 用户体验设计师visual designer 视觉设计师专业与学科computer science and technology 计算机科学与技术ergonomics 人体工程学,人因学ethnology 人种学hci_human computer interaction 人机交互industrial design 工业设计interaction design 交互设计multimedia design and production 多媒体设计与制作psychics 心理学software engineering 软件工程statistics 统计学service design 服务设计visual communication design 视觉传达设计设计专用术语business 业务/商业business requirement 业务需求competitive analysis 竞品分析deepness 深度dimension 维度emotional design 情感化设计flow 流程goal 目标ia_information architecture 信息架构information 信息motivation 动机path 路径range 广度usage scenario 使用场景usability 可用性user behavior 用户行为user requirement 用户需求user study/user research用户调研设计方法与工具brainstorming 头脑风暴card sorting 卡片分类法emotional design 情感化设计fitts' law费茨定律gestalt psychology 格式塔心理学storyboard 故事版storyline 故事大纲user analysis 用户分析ucd user centered design 以用户为中心的设计界面cli_command line interface 命令行界面gui_graphical user interface 图形用户界面nui_natural user interface 自然用户界面vui_voice user interface 语音用户界面布局absolutelayout 绝对布局autolayout 自动布局banner 横幅border 边界线card based design 卡片式设计column 列content 内容dashboard 仪表盘framelayout 单帧布局float 悬浮grid 网格horizontal 水平layout 布局linearlayout 线性布局margin 外间距navigation bar 导航栏padding 内间距pinterest style layout 瀑布流relativelayout 相对布局row 行tablelayout 表格布局tool bar 工具栏widget 小部件vertical 垂直控件alert 警告anchors 锚点bottom sheet 底部动作条button 按钮canvas 画布card 卡片checkbox 复选框chip 纸片(android material design专有名词)data picker 日期选择器dialog 提示框,对话框divider 分隔线float 悬浮image 图像item 条,项目label 只读文本link 链接list 列表listview 列表视图loading 加载menu 菜单pagecontrol 多页控件(即小圆点)panel 面板password 密码picker 选择器progress bar 进度条radio 单选框table 表格tile 瓦片(android material design专有名词)time picker 时间选择器title 标题toast toast(无准确翻译,一种会自动消失的轻量提示框)scroll 滚动scroll bar 滚动条scrollview 滚动视图selector 选择器selection control 选择控制器slider 滑块snackbar snackbar(无准确翻译,一种会自动消失,带有操作的轻量提示框)sub header 副标题submit 提交switch 开关tab tab(无准确翻译,更多指导航上的选项)tag 标签textview 文本框toggle 开关tooltips 工具提示webview 网页视图手势click 点击drag 拖曳finger 手指hotspot 热区pinch 捏press 压,按stretch 伸展swipe 滑动tap 轻触zoom in 放大zoom out 缩小成果draft 草稿demo 演示interaction design document 交互文档hi fi prototype_high fidelity prototype 高保真原型lo fi prototype_low fidelity prototype 低保真原型prototype 原型wireframe 线框图ux workflow 交互流程图用户研究a/b test a/b测试expert evaluation 专家评估eye tracking 眼动跟踪focus group 焦点小组heuristic evaluation 启发式评估persona 用户画像questionnaire问卷调研usability testing 可用性测试user interview 用户访谈user experience map 用户体验地图user study/user research 用户调研data analyse 数据分析产品与商业account 账号advertisement 广告as 客户服务aso_app store optimization 应用商店优化business 商业copy 文案cms 内容管理系统customer 客户customer service 客服feed 信息流fsd_functional specifications document 功能详细说明function 功能individualization 个性化market 市场mrd_market requirements document 市场需求文档mvp_minimum viable product 最小化可行产品pgc_professionally generated content 专业生产内容prd_product requirements document 产品需求文档product design 产品设计process 项目,进度product 产品requirement 需求share 份额stickiness 黏性slogan 口号/标语/广告语strategy 策略user 用户ugc_user generated content 用户原创内容uml_unified modeling language 统一建模语言viral marketing 病毒式营销/病毒性营销uialignment 对齐art 艺术art base 美术/设计出身brand 品牌color 颜色icon 图标flat design 扁平化设计font 字体grid 栅格系统hierarchy 层次kv_key visual 主视觉, 主画面layer 层legibility 可读性logo 商标,徽标material 素材opacity 透明度responsive design 响应式设计resolution 分辨率sans serif typeface 非衬线体scale 比例缩放serif typeface 衬线字体skeuomorphic design 拟物化设计style 样式texture 纹理theme 主题typography 排版visual design 视觉设计技术api 应用程序编程接口/应用程序界面background 后台client 客户端container 容器data 数据database 数据库deep learning 深度学习developer 开发者format 格式化framework 框架machine learning 机器学习library 库optimize 优化performance 性能plug in 插件program 程序script 脚本sdk_software development kit 软件开发工具包seo 搜索引擎优化server 服务器technology 技术type 类型timer 定时器,计时器url 统一资源定位、网址visuality 可视性信息可视化bar chart 柱状图bubble chart 气泡图chart 图表dashboard 仪表盘information visualization 信息可视化line chart 折线图pie chart 饼图radar chart 雷达图scatter chart 散点图tree view树状图广告计费模式cpa_cost per action 每次行动(下载、注册等)成本cpc_cost per click 每次点击成本cpm_cost per mille 每千次展现成本数据acu_average concurrent users 平均同时在线用户数cac_ customer acquisition cost 用户获取成本click_click through 点击量/点击次数cpc 点击成本ctr_click rate_click through rate 点击率dau_daily active user 日活跃用户量dnu_day new user 日新增用户量gmv_gross merchandise volume 商品交易总量kpi_key performance indicator 关键绩效指标mau_monthly active user 月活跃用户量pcu_peak concurrent users 最高在线用户数pv_page view 页面浏览量roi_return on investment 投资回报率uv_unique visitor 独立访客数wau_weekly active users 周活跃用户量其他fyi/fyr 供参考kpi 关键绩效指标manual 手册schedule 工作进度计划表, 日程安排产品与商业account 账号advertisement 广告as 客户服务aso_app store optimization 应用商店优化business 商业copy 文案cms 内容管理系统customer 客户customer service 客服feed 信息流fsd_functional specifications document 功能详细说明function 功能individualization 个性化market 市场mrd_market requirements document 市场需求文档mvp_minimum viable product 最小化可行产品pgc_professionally generated content 专业生产内容prd_product requirements document 产品需求文档product design 产品设计process 项目,进度product 产品requirement 需求share 份额stickiness 黏性slogan 口号/标语/广告语strategy 策略user 用户ugc_user generated content 用户原创内容uml_unified modeling language 统一建模语言viral marketing 病毒式营销/病毒性营销uialignment 对齐art 艺术art base 美术/设计出身brand 品牌color 颜色icon 图标flat design 扁平化设计font 字体grid 栅格系统hierarchy 层次kv_key visual 主视觉, 主画面layer 层legibility 可读性logo 商标,徽标material 素材opacity 透明度responsive design 响应式设计resolution 分辨率sans serif typeface 非衬线体scale 比例缩放serif typeface 衬线字体skeuomorphic design 拟物化设计style 样式texture 纹理theme 主题typography 排版visual design 视觉设计布局absolutelayout 绝对布局autolayout 自动布局banner 横幅border 边界线card based design 卡片式设计column 列content 内容dashboard 仪表盘framelayout 单帧布局float 悬浮grid 网格horizontal 水平layout 布局linearlayout 线性布局margin 外间距navigation bar 导航栏padding 内间距pinterest style layout 瀑布流relativelayout 相对布局row 行tablelayout 表格布局tool bar 工具栏widget 小部件vertical 垂直技术api 应用程序编程接口/应用程序界面background 后台client 客户端container 容器data 数据database 数据库deep learning 深度学习developer 开发者format 格式化framework 框架machine learning 机器学习library 库optimize 优化performance 性能plug in 插件program 程序script 脚本sdk_software development kit 软件开发工具包seo 搜索引擎优化server 服务器technology 技术type 类型timer 定时器,计时器url 统一资源定位、网址visuality 可视性UI :用户界面,是英文User和interface的缩写。

交互设计常用英文词汇20120618

交互设计常用英文词汇20120618

Balsamiq Mockups之控件名中英文对照Balsamiq Mockups目前没有中文版或者汉化版。

实际上,Balsamiq Mockups里的UI控件和图标元素非bar chart:柱状图columnr chart:柱状图cover flow:苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式。

modal screen:屏幕模式Vertical Tabs:纵向Tabsaccordion:可折叠标签breadcrumbs:面包屑callout:插图编号combobox:组合框pull down menu:下拉菜单data grid:资料表geometric shape:几何形状a paragraph of text:段落文字horizontal rule:水平线horizontal scroll bar:水平滚动条horizontal slider:水平滑块horizontal splitter:水平分隔器numeric stepper:数字点选器toggle:开关pointy button:尖按钮progress bar:进度条red X / X-Nay:红色叉subtitle:副标题tooltip:工具提示balloon:气泡vertical slider:纵向滑块presentation:演示hints:暗示cursor:光标assets:资源,资产zoom in:放大zoom out:缩小duplicate:复制的UI控件和图标元素非常容易识别。

但很多用户还是想读懂它上面的英文含义。

软餐博客将Balsamiq Mockups 中常alsamiq Mockups 中常用的元素做出了一个中英文对照版,方便和我一样英文不佳的读者对照参考使用。

照参考使用。

交互设计原则 英文版

交互设计原则 英文版

交互设计原则英文版Interaction Design Principles.1. Visibility: The interface should make all relevant options and features visible to the user, ensuring that they are aware of the available actions and can easily find what they need.2. Feedback: The system should provide immediate and clear feedback to the user after each action, informing them of the result of their interaction and guiding them on the next steps.3. Consistency: The design should maintain consistency in terms of layout, terminology, and functionality throughout the interface, creating a sense ofpredictability and familiarity for the user.4. Simplicity: The interaction should be kept simple and intuitive, minimizing the cognitive load on the userand allowing them to accomplish tasks with ease.5. User Control: Users should feel in control of the interaction, with the ability to easily navigate, undo actions, and customize their experience according to their preferences.6. Accessibility: The design should be inclusive and accessible to users of all abilities, ensuring that everyone can interact with the interface effectively.7. Error Prevention and Recovery: The system should be designed to prevent errors as much as possible, and in cases where errors do occur, provide clear guidance on how to recover from them.8. Flexibility: The interface should be flexible enough to accommodate a range of user behaviors and preferences, allowing for personalization and adaptation to different usage scenarios.These principles guide the design of interactivesystems, ensuring that they are user-friendly, efficient, and effective in facilitating user interactions.。

UI与交互设计(整理)

UI与交互设计(整理)

第二章 UI的分类
• 命令语言的典型形式是动词后面接一个名词宾语 ,即―动词+宾语‖,二者都可带有限定词或量词。 命令语言可以具有非常简单的形式,也可以有非 常复杂的语法。 命令语言要求惊人的记忆和大量的训练,并 且容易出错,使入门者望而生畏,但比较灵活和 高效,适合于专业人员使用。
第二章 UI的分类
HCI 即人机交互,英文是human computer interaction
UI的应用范围
• 电脑的软件界面。
▫ 比如操作系统 、软件界面、网页、多媒体光盘。
• • • • •
手机的界面。 数字电视的界面。 空调等家电摇控器上的界面。 银行、移动等柜员机上的界面。 ……
优秀UI作品
• 点击查看优秀UI作品
• 键盘界面——可操作界面
• 相机界面
• 电视机、遥控界面
• 2.2.2 图形用户界面 • 图形用户界面(GUI-Graphics User Interface)是当前用
• • • • •
户界面的主流,广泛应用于各档台式微机和图形工作站。 比较成熟的商品化系统有 Apple的Macintosh、 IBM的PM(Presentation Manager)、 Microsoft的Windows 运行于Unix环境的X-Window、OpenLook和OSF/Motif。 当前各类图形用户界面的共同特点是以窗口管理系统为核 心,使用键盘和鼠标器作为输入设备。窗口管理系统除基 于可重叠多窗口管理技术外,广泛采用的另一核心技术是 事件驱动(Event-Driven)技术。图形用户界面和人机交互 过程极大地依赖视觉和手动控制的参与,因此具有强烈的 直接操作特nterface(用户界面)的简称。 GUI 即Graphical User Interface(图形用户界面)的简称。 UI设计 则是指对软件的人机交互、操作逻辑、界面美观的整体设计。 UE 即User Experience,用户体验,它是指用户访问网站或者使用 软件产品时的全部体验。他们的印象和感觉,是否成功,是否享受, 是否还想再次使用。他们能够忍受的问题,疑惑和BUG的程度。

交互设计(Interaction-Design)(世毕盟留学)

交互设计(Interaction-Design)(世毕盟留学)

交互设计(Interaction Design)(世毕盟留学)一、交互是个筐,啥都往里装交互(inter-action),从字面上理解,就是 A 和 B 之间的一系列动作和行为。

比如,早上你出门时碰到邻居,冲ta 喊一声“早”,ta 对你点头、微笑,说“早” ——这就是一个完整的互动过程。

当然,互动不仅限于人与人之间,还可以发生在系统和系统之间,比如人和机器,人和环境,机器和环境,等等。

这可是个要命的问题:几乎在同一个次元的人和“物”,都可能发生互动。

当然,我们主要关注发生在对象和人之间,但这个范围仍然过于宽泛。

界面上的一个按钮,是交互;卖披萨不给手套,是交互;想过马路对面却要走几公里穿隧道,是交互……下面这张图能加深大家对这个学科年轻而混乱的印象(交互设计大概在五点钟方向):我所理解的交互设计,扎根于三大领域:①人——心理学②机——计算机/工程③美——设计二、身体跟不上灵魂(或相反?),于是有了交互设计交互设计虽然是个筐,但它的确是应需而生的。

计算机问世以后,如何让它跟人打交道,一直很让人头疼。

虽然Geek 们发明了各种各样的“语言”,让人和计算机有了沟通的渠道,但是当时的机器毕竟能力有限,需要人付出极大的努力才能实现“对话”。

如何让人机交流更自然(当然是偏袒人类的),渐渐形成了一个学科。

而随着计算机能力指数级的增长,计算机承担越来越多,而人需要投入的理解和使用成本则越来越小。

当资源不再匮乏、实现能力极大提升后,对体验的追求渐渐成为人们消费决策的首因。

于是各种各样的产品和服务都开始重视去理解消费者/使用者,努力将产品和服务的体验改进到超出顾客预期。

交互设计在其中便发挥了越来越重要的作用。

时至今日的人机互动领域,随着机器类型和能力的爆炸式增长,技术越来越逆天,人与机器对话的“界面”越来越模糊以及无处不在,交互设计将迎来第三次大发展。

越来越多相互连接的元件和机器,极大拓展了人的感知、采集和控制能力,人与环境互动成为可能。

1 交互设计

1  交互设计

• 相关产品显示
• 基于先前行为的推荐产品 • 只要浏览器的cookies保持不变,这种定制相同类 型的内容就会在随后的访问中一连串出现:
• 各种”为什么我们购物”的提示
– 亚马逊购物体验充斥着为何用户应该从亚马逊购买的 提醒,而不是充斥着从其他来源(在线戒其他方式)的 提醒。 – 与市场零售价对比 – 用户早先被通知“免费送货”
参考资料
• • • • • • • • • • Jesse James Garrett著,范晓燕译.用户体验的要素[M].北京:机械工业出版社 .2007,(9) Blackboard NG网站[OL] . /,2009-9-28 (美国) Alan Cooper. Robert Reimann. David Cronin . About Face3: The Essentials of Interaction Design[M].电子工业出版社.2008(11) Robert Hoekman,Jr著,何潇译 一目了然,Web软件显性设计乊路.机械 工业出版社 。2007.8 张亮。细节决定交互设计的成败。电子工业出版社。2009.3 产品设计和用户体验 马化腾 亚马逊购物网体验分析</archives/86> 向怡宁.就这么简单——web开发中的可用性和用户体验.清华大学出版社 .2008(6) RB Miller Response time in man-computer conversational transactions. Proceedings of the December 9-11, 1968 Tencent CDC Blog,
交互细节案例介绍
案例一 Tecent
• 交互设计—Don't make me think

交互设计精髓 英文版

交互设计精髓 英文版

交互设计精髓英文版The essence of interaction design lies in creating meaningful and engaging experiences for users. It involves understanding the needs and behaviors of users anddesigning interfaces and interactions that meet those needs in a user-friendly and efficient manner.At its core, interaction design focuses on the relationship between users and the products or systems they interact with. This includes everything from websites and mobile apps to physical products and environments. The goal is to create seamless and intuitive interactions that enhance the overall user experience.Key principles of interaction design include usability, which ensures that the design is easy to use and understand; accessibility, which ensures that the design is usable by people of all abilities; and affordance, which refers tothe perceived and actual properties of the design that suggest how it should be used.In addition, interaction design also considers the emotional and psychological aspects of user experience, aiming to create interfaces that not only function well but also evoke positive emotions and meaningful connections with the users.Furthermore, interaction design involves iterative processes of prototyping, testing, and refining designs based on user feedback. This user-centered approach ensures that the final product meets the needs and expectations of the users.In summary, the essence of interaction design in creating user-centered, intuitive, and emotionally engaging experiences through a deep understanding of user needs, iterative design processes, and attention to usability and accessibility principles.。

Designing Interactions 交互设计读书笔记整理

Designing Interactions 交互设计读书笔记整理

本文整理自UI乐园的《Designing Interactions》全书PDF,和N2A的designing interactions读书笔记内容分为10个章节,原文的地址以及下载是:《Designing Interactions》全书PDF /logs/25012659.htmlesigning interactions读书笔记/logs/6866223.html这里是我整理后的文章和下载:Designing Interactions 交互设计读书笔记整理以及下载/2009/03/designing-interactions/《Designing Interactions》目前只有英文版本。

很久就下载了,但一直没有仔细翻阅。

具体到哪下载的我也忘记了。

共享出来大家一起研磨。

并这里有一篇pemiamos做的相关读书笔记。

还有些由Stanford HCI 交互设计工作室推荐阅读内容。

Bill Moggridge,著名的设计公司IDEO 的创始人之一。

这本书里更是颇采访了不少重要人物,比如Google 的两名创始人、世界上最伟大的PC 游戏设计师之一Will Wright,以及Macintosh 团队重要成员之一Bill Atkinson、Palm 的创始人Jeff Hawkins……Forword: What is Interaction Design? 前言:什么是交互设计?这一章,是书的核心总览,很多东西都在这一章点到,在后续章节展开。

Bill一上来就隆重推出了Gillian Crampton Smith阿姨,也许称其“交互设计之母”也不过分。

1968从剑桥大学修完哲学和艺术史毕业,从事了十年设计师的生涯。

很奇怪,专业不太对口的样子,但是后面就更神,1981这个阿姨竟然写了个排版的程序,以帮助她的杂志设计工作。

这个经历让她相信:designers have an important role to play in creating information technologies.设计师能在创建信息技术上扮演更重要的角色。

艺术专业中文词汇及其英文翻译

艺术专业中文词汇及其英文翻译

艺术专业中文词汇及其英文翻译设计的分类(英语)1 设计Design2 现代设计Modern Design3 工艺美术设计Craft Design4 工业设计Industrial Design5 广义工业设计Genealized Industrial Design6 狭义工业设计Narrow Industrial Design7 产品设计Product Design8 传播设计Communication Design8 环境设计Environmental Design9 商业设计Comercial Design10 建筑设计Architectural11 一维设计One-dimension Design12 二维设计Tow-dimension Design13 三维设计Three-dimension Design14 四维设计Four-dimension Design15 装饰、装潢Decoration16 家具设计Furniture Design17 玩具设计Toy Design18 室内设计Interior Design19 服装设计Costume Design20 包装设计Packaging Design21 展示设计Display Design22 城市规划Urban Desgin23 生活环境Living Environment24 都市景观Townscape25 田园都市Gardon City26 办公室风致Office Landscape27 设计方法论Design Methodology28 设计语言Design Language29 设计条件Design Condition30 结构设计Structure Design31 形式设计Form Design32 设计过程Design Process33 构思设计Concept Design34 量产设计,工艺设计Technological Design35 改型设计Model Change36 设计调查Design Survey37 事前调查Prior Survey38 动态调查Dynamic Survey39 超小型设计Compact type40 袖珍型设计Pocktable Type41 便携型设计Protable type42 收纳型设计Selfcontainning Design43 装配式设计Knock Down Type44 集约化设计Stacking Type45 成套化设计Set (Design)46 家族化设计Family (Design)47 系列化设计Series (Design)48 组合式设计Unit Design49 仿生设计Bionics Design50 功能Function51 独创性Originality52 创造力Creative Power53 外装Facing54 创造性思维Creating Thinking55 等价变换思维Equivalent Transformationn Thought56 KJ法Method of K.J57 戈顿法Synectice58 集体创造性思维法Brain Storming59 设计决策(Design) Decision Making60 T-W-M体系T-W-M system61 O-R-M体系O-R-M system62 印象战略Image Stralegy63 AIDMA原则Law of AIDMA64 功能分化Functional Differentiation65 功能分析Functional Analysis66 生命周期Life Cycle67 照明设计Illumination Design设计色彩方法(英)1 色Color2 光谱Spectrum3 物体色Object Color4 固有色Propor Color5 色料Coloring Material6 色觉三色学说Three-Component Theary7 心理纯色Unique Color8 拮抗色学说Opponent Color Theory9 色觉的阶段模型Stage Model of the Color Perception10 色彩混合Color Mixing11 基本感觉曲线Trisimulus Valus Curves12 牛顿色环Newton's Color Cycle13 色矢量Color Vector14 三原色Three Primary Colors15 色空间Color Space16 色三角形Color Triangle17 测色Colourimetry18 色度Chromaticity19 XYZ表色系XYZ Color System20 实色与虚色Real Color and Imaginary Color21 色等式Color Equation22 等色实验Color Matching Experiment23 色温Color Temperature24 色问轨迹Color Temperature Locus25 色彩三属性Three Attribtes and Color26 色相Hue27 色相环Color Cycle28 明度Valve29 彩度Chroma30 环境色Environmetal Color31 有彩色Chromatic Color32 无彩色Achromatic Colors33 明色Light Color34 暗色Dark Color35 中明色Middle Light Color36 清色Clear Color37 浊色Dull Color38 补色Complementary Color39 类似色Analogous Color40 一次色Primary Color41 二次色Secondary Color42 色立体Color Solid43 色票Color Sample44 孟塞尔表色系Munsell's Color System45 奥斯特瓦德表色系Ostwald's Color System46 日本色研色体系Practical Color Co-ordinate System47 色彩工程Color Engineering48 色彩管理Color Control49 色彩再现Color Reproduction50 等色操作Color Matching51 色彩的可视度Visibility Color52 色彩恒常性Color Constancy53 色彩的对比Color Contrast54 色彩的同化Color Assimilation55 色彩的共感性Color Synesthesia56 暖色与冷色Warm Color and Cold Color57 前进色与后退色Advancing Color Receding Color58 膨胀色与收缩色Expansive Color and Contractile Color59 重色与轻色Heavy Color and Light Color60 色价Valeur61 色调Color Tone62 暗调Shade63 明调Tint64 中间调Halftone65 表面色Surface Color66 平面色Film Color67 色彩调和Color Harmony68 配色Color Combination69 孟塞尔色彩调和Munsell's Color Harmony70 奥斯特瓦德色彩调和Ostwald's Color Harmony71 孟.斯本瑟色彩调和Moon.Spencer's Color Harmony72 色彩的感情Feeling of Color73 色彩的象征性Color Symbolism74 色彩的嗜好Color Preference75 流行色Fashion Color76 色彩的功能性Color Functionalism77 色彩规划Color Planning78 色彩调节Color Conditioning79 色彩调整Color Coordinetion80 色彩设计Color Design材料与加工成型技术(英)1 材料Material2 材料规划Material Planning3 材料评价Material Appraisal4 金属材料Metal Materials5 无机材料Inorganic Materials6 有机材料Organic Materials7 复合材料Composite Materials8 天然材料Natural Materials9 加工材料Processing Materials10 人造材料Artificial Materials11 黑色金属Ferrous Metal12 有色金属Nonferrous Metal13 轻金属材料Light Metal Materials14 辅助非铁金属材料Byplayer Nonferrous Metal Materials15 高熔点金属材料High Melting Point Metal Materials16 贵金属材料Precions Metal Materials17 辅助非铁金属材料Byplayer Nonferrous Metal Materials18 高熔点金属材料High Melting Point Metal Materials19 贵金属材料Precions Metal Materials20 陶瓷Ceramics21 水泥Cement22 搪瓷、珐琅Enamel23 玻璃Glass24 微晶玻璃Glass Ceramics25 钢化玻璃Tuflite Glass26 感光玻璃Photosensitive Glass27 纤维玻璃Glass Fiber28 耐热玻璃Hear Resisting Glass29 塑料Plastics30 通用塑料Wide Plastics31 工程塑料Engineering Plastics32 热塑性树脂Thermoplastic Resin33 热固性树脂Thermosetting Resin34 橡胶Rubber35 粘接剂Adhesives36 涂料Paints37 树脂Resin38 聚合物Polymer39 聚丙烯树脂Polypropylene40 聚乙烯树脂Polyethylene Resin41 聚苯乙烯树脂Polystyrene Resin42 聚氯乙烯树脂Polyvinyl Chloride Resin43 丙烯酸树脂Methyl Methacrylate Resin44 聚烯胺树脂,尼龙Polyamide Resin45 氟化乙烯树脂Polyfurol Resin46 聚缩醛树脂Polyacetal Resin47 聚碳酸脂树脂Polycarbonate Resin48 聚偏二氯乙烯树脂Polyvinylidene Resin49 聚醋酸乙烯脂树脂Polyvinyl Acetate Resin50 聚烯亚胺树脂Polyimide Resin51 酚醛树脂Phenolic Formaldehyde Resin52 尿素树脂Urea Formaldehyde Resin53 聚酯树脂Polyester Resin54 环痒树脂Epoxy Resin55 烯丙基树脂Allyl Resin56 硅树脂Silicone Resin57 聚氨酯树脂Polyurethane Resin58 密胺Melamine Formaldehyde Resin59 ABS树脂Acrylonitrile Butadiene Styrene Redin60 感光树脂Photosensition Plastics61 纤维强化树脂Fiber Reinforced Plastic62 印刷油墨Printing Ink63 印刷用纸Printing Paper64 铜板纸Art Paper65 木材Wood66 竹材Bamboo67 树脂装饰板Decorative Sheet68 蜂窝机制板Honey Comb Core Panel69 胶合板Veneer70 曲木Bent Wood71 浸蜡纸Waxed Paper72 青铜Bronge73 薄壳结构Shell Construction74 技术Technic75 工具Tool76 金工Metal Work77 铸造Casting78 切削加工Cutting79 压力加工Plastic Working80 压力加工Plastic Working81 焊接Welding82 板金工Sheetmetal Woek83 马赛克Mosaic84 塑性成型Plastic Working85 灌浆成型Slip Casting86 挤出成型Sqeezing87 注压成型Injection Molding88 加压成型Pressing89 水压成型Cold Isostatic Pressing90 加压烧结法Hot Pressing91 HIP成型Hot Isostatic Pressing92 压缩成型Compression Molding Pressing93 气压成型Blow Molding94 压延成型Calendering95 转送成型Transfer Molding96 雌雄成型Slash Molding97 铸塑成型Casting98 喷涂成型Spray Up99 层积成型Laminating100 FW法Fillament Winding101 粘接与剥离Adhesion and Excoriation 102 木材工艺Woodcraft103 竹材工艺Bamboo Work104 表面技术Surface Technology105 镀饰Plating106 涂饰Coating107 电化铝Alumite108 烫金Hot Stamping109 预制作Prefabrication110 预制住宅Prefabricated House111 悬臂梁Cantilever112 金属模具Mold113 型板造型Modeling of Teplate114 染料Dyestuff115 颜料Artist Color传播与传媒设计(英)1 传播Communication2 大众传播Mass Communication3 媒体Media4 大众传播媒体Mass Media5 视觉传播Visual Communication6 听觉传播Hearing Communication7 信息Information8 符号Sign9 视觉符号Visual Sign10 图形符号Graphic Symbol11 符号论Semiotic12 象征Symbol13 象征标志Symbol Mark14 音响设计Acoustic Design15 听觉设计Auditory Design16 听觉传播设计Auditory Communication Design17 图象设计Visual Communication Design18 视觉设计Visual Design19 视觉传播设计Visual Communication Design20 图形设计Graphic Design21 编辑设计Editorial Design22 版面设计Layout23 字体设计Lettering24 CI设计Corporate Identity Design25 宣传Propaganda26 广告Advertising27 广告委托人Advertiser28 广告代理业Advertising Agency29 广告媒体Advertising Media30 广告目的Avertising Objectives31 广告伦理Morality of Advertising32 广告法规Law of Advertising33 广告计划Advertising Planing34 广告效果Advertising Effect35 广告文案Advertising Copy36 广告摄影Advertising Photography37 说明广告Informative Advertising38 招贴画海报Poster39 招牌Sign-board40 小型宣传册Pamphlet41 大型宣传册Portfolio42 商品目录Catalogue43 企业商报House Organ44 户外广告Outdoor Advertising45 POP广告Point of Purchase Advertising46 展示Display47 橱窗展示Window Display48 展示柜Cabinet49 博览会Exposition50 万国博览会World Exposition51 包装Packaging52 工业包装Industrial Packing53 标签Label54 企业形象Corporate Image55 企业色Company Color56 动画Animation57 插图Illustration58 书法Calligraphy59 印刷Initial60 设计费design fee61 标准standard62 注册商标registered trade mark设计美学与设计实验(英语)1 美Beauty2 现实美Acture Beauty3 自然美Natural Beauty4 社会美Social Beauty5 艺术美Artisitc Beauty6 内容与形式Content and Form7 形式美Formal Beauty8 形式原理Principles and Form9 技术美Beauty of Technology10 机械美Beauty of Machine11 功能美Functional Beauty12 材料美Beauty of Material13 美学Aesthetics14 技术美学Technology Aesthetics15 设计美学Design Aesthetics16 生产美学PAroduction Aesthetics17 商品美学Commodity Aedthetics18 艺术Art19 造型艺术Plastic Arts20 表演艺术Performance Art21 语言艺术Linguistic Art22 综合艺术Synthetic Arts23 实用艺术Practical Art24 时间艺术Time Art25 空间艺术Spatial Art26 时空艺术Time and Spatial Art27 一维艺术One Dimantional28 二维艺术two Dimantional29 三维艺术Three Dimantional30 四维艺术Four Dimantional31 舞台艺术Stagecraft32 影视艺术Arts of Mmovie and Television33 环境艺术Environmental Art34 美术Fine Arts35 戏剧Drama36 文学Literature37 意匠Idea38 图案Pattern39 构思Conception40 构图Composition41 造型Formation42 再现Representation43 表现Expression44 构成Composition45 平面构成Tow Dimentional Composition46 立体构成Three Dimentional Composition47 色彩构成Color Composition48 空间构成Composition of Space49 音响构成Composition and Sound50 多样与统一Unity of Multiplicity51 平衡Balance52 对称Symmetry53 调和、和声Harmony54 对比Contrast55 类似Similarity56 比例Proportion57 黄金分割Golden Section58 节奏Rhythm59 旋律Melody60 调子Tone61 变奏Variation62 纹样Pattern63 形态Form36 人体艺术Body Art37 芝加哥学派Chicago School38 艺术与手工艺运动The Arts & Crafts Movement39 新艺术运动Art Nouveau40 分离派Secession41 构成主义Constructivism42 现代主义Modernism43 包豪斯Bauhaus44 阿姆斯特丹学派Amsterdam School45 功能主义Functionalism46 装饰艺术风格Art Deco(法)47 国际风格International Style48 流线型风格Streamlined Forms49 雅典宪章Athens Charter50 马丘比丘宪章Charter of Machupicchu51 斯堪的纳维亚风格Scandinavia Style52 新巴洛克风格New Baroque53 后现代主义Postmodernism54 曼菲斯Memphis55 高技风格High Tech56 解构主义Deconstructivism57 手工艺复兴Crafts Revival58 准高技风格Trans High Tech59 建筑风格Architecture60 微建筑风格Micro-Architecture61 微电子风格Micro-Electronics62 晚期现代主义Late Moddernism。

ui交互设计师工作内容介绍 英文

ui交互设计师工作内容介绍 英文

ui交互设计师工作内容介绍英文含翻译1. User Research and Analysis:- Conduct user research to understand target audience needs and behaviors.- Analyze user feedback and behavior data to inform design decisions.用户研究与分析:-进行用户研究以了解目标受众的需求和行为。

-分析用户反馈和行为数据,为设计决策提供信息。

2. Wireframing and Prototyping:- Create wireframes and interactive prototypes to visualize design concepts.- Iterate on designs based on feedback and usability testing results.线框图和原型设计:-制作线框图和交互式原型以可视化设计概念。

-根据反馈和可用性测试结果对设计进行迭代。

3. Interface Design:- Develop visually appealing and intuitive user interfaces.- Collaborate with graphic designers and developers to implement designs.界面设计:-开发外观引人入胜且直观易用的用户界面。

-与平面设计师和开发人员合作实施设计。

4. Animation and Microinteractions:- Implement animations and microinteractions to enhance user engagement.- Ensure smooth transitions and interactions for a seamless user experience.动画与微交互:-实施动画和微交互以增强用户参与度。

交互设计(英文课件)

交互设计(英文课件)

• This is a control panel for an elevator. • How for the floor you want? • Nothing happens. Push any other button? Still nothing. What do you need to do? It is not visible as to what to do!
– People do not make same mistake for the labels and buttons on the top row. Why not? From:
Why is this vending machine so bad?
• Need to push button first to activate reader • Normally insert bill first before making selection • Contravenes well known convention
– Consider what might help people in the way they currently do things – Listen to what people want and get them involved – Use tried and tested user-based methods
• Involve users in the design process
Example of bad and good design
– Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button

交互设计

交互设计
• 如电池安装时的极性问题,如果电池的正负极 接反会损坏产品的电子元件的话,那么在设计 电池盒时可以在结构上给予限制,使其无法将 安装方向有误的电池顺利装入。
• 此外,空间、地域以及不同文化也会对交互行 为带来一定的影响。例如,驾驶汽车时用右手 完成的换档动作,在日本和英联国家却不合适。
(2)交互行为方式的选择
• 交互设计作为实现用户体验的一种主要 设计手段已逐渐引起人们的重视,交互 设计师作为一种新兴的职业愈来愈受到 设计公司和企业的青睐。 • 产品设计的未来将越来越少地关注设计 产品外观,而会更多地着眼于促进使用 者与生产者之间的交流。 • 人们对新产品的期望促使工业设计师对 传统的设计思想和方法深刻反思,更多 地理解和运用交互设计。
• 许多产品都要求用户与之进行交互来完成 特定的任务(如经由互联网在线购票,复 印文章,录下某个电视节目),但是,这 些产品在设计时可能没有考虑到用户。
• 这些产品是为执行功能组而设计的系统。 虽然从设计的角度来看,它们或许可以有 效工作,但是,往往忽略了真实用户将如 何使用这个系统。
• 交互设计的目的就是在设计过程中引入可 用性,从而解决这个问题。
1.4 产品交互设计系统的组成
1.4.1 系统基本框架
• 系统是由一组互相作用或互相依存的元 素组成的一个整体。 • 按照系统的定义,交互系统是由PACT-P) 组成的系统。
• 对于经常行为应该容易操作,偶然行为 应该容易学会操作。
• 如使用手机接听和拨打电话就属于人与 手机交互的经常行为,在设计手机按键 时相应的控制按钮应便于识别和操作。
交互设计简介
(1)
1.1 引言
• “交互”源于英文“interaction”和 “interactive”,泛指人与自然界一切事物 的信息交流过程,表示二者间的互相作用 和影响,与汉语中“交互”的原意 “互 相”或“交替”有所不同。 • 从使用产品的角度, “交互”可以认为 是作为服务使用者的用户与服务提供者的 产品以及环境之间的互动及信息交换过程。

交互设计外文翻译

交互设计外文翻译

交互设计外文翻译交互设计是什么?交互设计是指在设计过程中,通过人与计算机之间的互动,实现人机界面的设计。

在现代科技的发展中,我们已经离不开计算机和互联网。

交互设计可以让人们更加方便地使用计算机和互联网,提高人们的工作效率和生活品质。

在过去,人们使用的机械设备,如电动机械、无线电广播、机构连接、机械部件等,都是以直接的方式展现。

例如,当我们转动拨号盘时,我们的指尖和肌肉都会有所感受。

但是随着电脑的发展,我们可以通过键盘在电脑屏幕里输入所想的信息,也可以从电脑屏幕中得知外面所发生的一切。

这样,我们可以更直接地了解信息。

但是,我们的物质世界和电脑的虚拟世界相比相差很大。

在这个时期,我们需要一种清晰的思维模式为我们所用。

例如,早期使用脚本系统的苹果电脑,有一个很完整的系统模式,就像是堆积起来的卡片。

这种模式可以精确地模拟需要完成的工作,并计划项目的运作。

同时,对用户来说,这种模式就像是在翻阅卡片,可以得到更直观的使用。

因此,完整的思维模式对于交互设计至关重要。

但是,由于各种原因,这种方式没有被广泛应用于更多的应用程序中。

良好的设计系统体现在可以得到有效的反馈,以便知道我们所做的一切都确实做到了。

例如,当我们在键盘上输入时,我们不仅能够看到字符出现在屏幕上,还能感觉到键盘的敲打,以及听见键盘所发出的滴答声。

听觉反馈的速度要比视觉反馈的速度快,因此,良好的设计系统需要考虑到这一点。

仔细查看电脑的每一部分是必不可少的,特别是在屏幕上的一些图标。

我们需要知道我们在哪个界面,在那里我们能做些什么,怎样到下一层面,以及怎样返回。

XXX电脑在这方面具有很好的影响力:菜单在屏幕顶端勾画出所有的可能性,清楚地告诉你怎样进入和提示你将要做什么。

这样,用户可以更加方便地使用电脑。

同样重要的是一致性。

在系统中的一个命令应该和系统的其他部分具有相同的效果。

举个例子,苹果工具之一的第一综合办公程序苹果II在黑色银幕上只有非常有限的功能,但它仍然很优秀和令人满意。

交互设计中英文对照外文翻译文献

交互设计中英文对照外文翻译文献

交互设计中英文对照外文翻译文献(文档含英文原文和中文翻译)译文:交互设计是什么?像电动机械、无线电广播、机构连接、机械部件等,都是相对于电子元件以直接的方式展现。

当我们转动拨号盘,我们的指尖和肌肉都会有所感受。

自从有了电脑,无论距离有多远,都可以联系在一起。

它可以体现在两个方面:一方面,通过键盘就可以在电脑屏幕里输入所想的信息,另一方面,也可以从电脑屏幕中得知外面所发生的一切。

所以有了电脑,我们可以更直接的了解讯息。

但是我们的物质世界和电脑的虚拟世界相比相差很大。

在这个时期,我们需要一种清晰的思维模式为我们所用,举一个实例,早期使用脚本系统的苹果电脑,有一个很完整的系统模式,就像是堆积起来的卡片:对需要完成的工作都有一个精确地模拟,以及如何计划这个项目的运作。

同时,对用户来说就像是在翻阅卡片,可以得到更直观的使用。

所以完整的思维模式所起到的作用是显而易见的。

但是,由于种种原因这种方式没有使用到更多的应用程序中。

良好的设计系统体现在可以得到有效的反馈,以便知道我们所做的一切都确实做到了。

举一个例子,当我们在键盘上输入时,我们做到的不仅仅是字符出现在屏幕上,同时我们也能感觉到键盘的敲打,以及听见键盘所发出的滴答声。

早期的时候我经常使用命令处理器去做一些重复的事情,或者做一个键入命令的序列“tetick,tick,tick-tick;tetick,tick,tick-tick.”如果它变成了“tick,tetick,tock”我就知道我做错了。

对于我来说,听觉反馈的速度要比视觉反馈的速度快。

仔细查看电脑的每一部分是必不可少的,特别是在屏幕上的一些图标。

你需要知道你在哪个界面,在那里你能做些什么,怎样到下一层面,以及怎样返回。

麦金塔电脑在这方面具有很好的影响力:菜单在屏幕顶端勾画出所有的可能性,清楚的告诉你怎样进入和提示你将要做什么。

同样重要的就是一致性。

在系统中的一个命令应该和系统的其他部分具有同样的效果。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

中文2658字毕业论文(设计)外文翻译题目:交互设计是什么?系部名称:机械工程系专业班级:工设081 学生姓名:学号:200780714107 指导教师:教师职称:讲师2012年4月5日交互设计是什么?像电动机械、无线电广播、机构连接、机械部件等,都是相对于电子元件以直接的方式展现。

当我们转动拨号盘,我们的指尖和肌肉都会有所感受。

自从有了电脑,无论距离有多远,都可以联系在一起。

它可以体现在两个方面:一方面,通过键盘就可以在电脑屏幕里输入所想的信息,另一方面,也可以从电脑屏幕中得知外面所发生的一切。

所以有了电脑,我们可以更直接的了解讯息。

但是我们的物质世界和电脑的虚拟世界相比相差很大。

在这个时期,我们需要一种清晰的思维模式为我们所用,举一个实例,早期使用脚本系统的苹果电脑,有一个很完整的系统模式,就像是堆积起来的卡片:对需要完成的工作都有一个精确地模拟,以及如何计划这个项目的运作。

同时,对用户来说就像是在翻阅卡片,可以得到更直观的使用。

所以完整的思维模式所起到的作用是显而易见的。

但是,由于种种原因这种方式没有使用到更多的应用程序中。

良好的设计系统体现在可以得到有效的反馈,以便知道我们所做的一切都确实做到了。

举一个例子,当我们在键盘上输入时,我们做到的不仅仅是字符出现在屏幕上,同时我们也能感觉到键盘的敲打,以及听见键盘所发出的滴答声。

早期的时候我经常使用命令处理器去做一些重复的事情,或者做一个键入命令的序列“tetick,tick,tick-tick;tetick,tick,tick-tick.”如果它变成了“tick,tetick,tock”我就知道我做错了。

对于我来说,听觉反馈的速度要比视觉反馈的速度快。

仔细查看电脑的每一部分是必不可少的,特别是在屏幕上的一些图标。

你需要知道你在哪个界面,在那里你能做些什么,怎样到下一层面,以及怎样返回。

麦金塔电脑在这方面具有很好的影响力:菜单在屏幕顶端勾画出所有的可能性,清楚的告诉你怎样进入和提示你将要做什么。

同样重要的就是一致性。

在系统中的一个命令应该和系统的其他部分具有同样的效果。

举一个例如,不久前,苹果工具之一的第一综合办公程序苹果II,那些“ransom-note”字符在黑色的银幕上只有非常局限的功能。

但苹果工具还是一直很优秀的,令人满意的。

例如:你能精确地知道你做了什么。

一个命令可以在数据库中做完全相同的文字处理,无论你在哪里,退出键都可以带你返回上一层面,你不会迷失和较多的犯错误。

与现代“整合”的应用程序相比较,这种形式的一致性是令人满意的,但也是较难实现的。

当我们与日常生活中的产品交互时,例如一辆汽车,我们不需要花太多的时间去考虑互动,我们应该想一想我们的交互设计,我们想做的事情。

直观的交互能减少负担对意识思维的影响,使意识更好的操作于某个系统,让我们把精力集中在我们的目标。

一个很好的例子就是夸克软件,可以让你在不知不觉中放大图象,按住两个键并且点击就可以看清你想看的了,这就像是在移动你的目光,你不必再到处寻找正确的工具了。

但较多的系统仍然要求保持较高的注意力,就如不称职的老板,时刻把注意力放在我们得工作上。

当我们设计了一个计算机系统或者是设备,我们要设计的不仅仅是它的样子,而是它如何运转,品质如何,以及它们之间的相互作用。

这就是交互设计师所应具备的技能,它的部分反映有:当你移动你的鼠标,比如:感觉它迟钝、凛冽或明快?当你操作你的iPod表盘,结合声音和感觉,就像告诉你正在做什么,这些都是微妙和令人满意的。

我们可以设计互动的品质,与我们所看到的,我们所听到的,或有相同的感觉的相结合。

但是,互动的品质必须有适当的环境。

一个冒险游戏需要一个互动微妙的氛围和有趣的具有挑战性的导航栏,中央控制系统提供了这些品质。

当新技术出现时,我们一般都会想到熟悉的场景。

当电影开始的时候,人们会认为它是用摄影机对着戏院舞台,而声音是与之分离的。

只到语言的彻底利用,电影独一无二的品质才彰显出来。

然而旧的模式从未逝去它的有效性:电影继续使用着戏剧和小说,它们只是增添了新的语言形式。

我认为交互设计与早期的影片有着相似的阶段。

到目前为止,我们还没有充分发展语言的交互技术。

所以我们仍需要借鉴前面创造的语言模式。

因为它可以帮助这些语言进行分类,根据他们的“标准”::一维、平面、立体、四维。

一维包括单词和诗歌。

例如:他们在情景的表达中能否精确的运用词汇?这些词汇是否具有连贯性?同时与你所想象的“语气”相比,是否他们有太多的唐突、傲慢,或者不健谈?二维交互设计的语言可以借用包括绘画、排版、图形和图表。

当我们看到一幅画,即使它不是代表性的,但它也不难解释为一个透视空间。

我们可以使用这样的成分更深层次的表现当前重要的元素。

我们可以用我们熟知的、惯用的技术运用到屏幕的结构中去。

同时以时间的不同来区分音色和语言的意义。

我们也可以利用语言的图表和信息的搜集来说明错综复杂的事物,从而让人更好的理解。

另一种二维交互设计的语言是运用计算机接口,以图标的形式让事物微小简化,从而阐述一个较大的概念或事物的立场。

三维语言是以物体、雕塑的形式。

一个动态的产品设计,是以“产品语义学”探索人们如何理解不同的要素在产品中的表现。

如果事情有一个机会,例如,我们知道我们是为了抓住它,或者遇到比它的顶点还要大的基地,经验表明我们应该重力保持基地的下跌。

设计师使用这门语言将事情弄清楚,但有时也可以抱有期望,插入一些惊喜与原本的智慧,否侧可能都是平凡无奇的。

第四维度是时间。

四维语言包括声音、影视和动画。

在20世纪80年代比尔Gaver6设计了优美的音乐界面--无线电声波,提升了苹果桌面:当你丢弃了一个文件夹,它会变成另外一种颜色,同时发出了根据其内存大小声音。

这样提供了很好的反馈,不仅听起来很好,而且还适合他们的目的。

另一个重要的四维语言是电影:在二十秒一个的电视广告里,就能告诉我们一个复杂的故事,而且内容能被每个人所了解。

一个多世纪以来动画的发展较快,他们通过有限的手段表达情节、情感、期望和行动。

我们正在设计一个公众能够理解的丰富的但同时又不同于这些的语言:对话框、图形、印刷和三维形态、音、影视和动画。

这使得事情变得困难,因为没有人能流利的掌握这些语言。

我们必须联同那些有其他技能和经验的设计师,使交互设计师永远不可能成为一个隐士。

然而,经历二十年多年的绘画到现有的表现语言,我们现在需要发展一个独立的交互语言与智能系统和设备,一个真实的语言计算中心,网络媒介和电信。

从感性心理学,我们开始明白在人与设备或系统功能范围内的互动:响应速度,也就是说,一个小范围的交际能力。

但是在象征性的水平,情绪,社交能力和文明的意义,我们还没有达到惊人的创新。

本书讲述了一些交互设计师的故事,都是非常有意义和快乐的,然而,重要的是这本书建议我们,要用自己的方式来探索交互设计。

本文摘译自《What Is Interaction Design》What Is Interaction DesignAn electromechanical object, a radio say, links its physical mechanical components to its electronic elements in a fairly direct way.When we turn the dial, our fingertips and muscles can almost “feel” the stations being scanned. With computers, however, the distance between, on one hand, keystrokes andscreen image, and, on the other, what’s happening inside the computer, is usually much less direct. Our physical world and the computer’s virtual world seem miles apart.In this (historically unprecedented) situation we need a clear mental model of what we’re interacting with. HyperCard,5 for instance, an early scripting system on the Apple, had a very clear mental model, a stack of cards: a precise analogy of what and how the program worked. It was obvious to its users that in effect they were flipping through a stack of cards: everything about the design reinforced this metaphor. Sadly, the same can’t be said of many other applications.A well-designed system has reassuring feedback, so that we know what we’ve done when we’ve done it. On a keyboard, for example, we can tell what we’ve just done because not only do characters appear on the screen but we can the feel the travel of the key itself and hear the little click it makes. Using an early word processor to do something repetitive, I often had to do a sequence of key commands that went “tetick, tick, tick-tick; tetick, tick, tick-tick.” If it went “tick, tetick, tock,” I’d know I’d made a mistake.The aural feedback let me go fas ter than if I’d relied just on my eyes.Navigability is also essential, particularly with things that are primarily on screen. You need to know where you are in the system, what you can do there, where you can go next, and how to get back. The Star and Macintosh interfaces were very influential in this way.The menu at the top of the screen lays out all the possibilities; it’s clear how you access them and what will happen when you do.Equally crucial is consistency.A certain command in one part of the system should have the same effect in another part. An example, again from some time ago, was Appleworks, one of the first integrated office programs on the Apple II. Those were the days of green “ransom-note” characters on a black screen, and very limited functionality. But Appleworks was beautifully, satisfyingly, consistent.You knew exactly what to do.A command in the database did exactly the same in the wordprocessor; wherever you were, the escape key took you back up a level.You never got lost and rarely made a mistake. Compare that with modern “integrated” applications. Consistency, like all forms of satisfying simplicity, is very difficult to achieve.When we interact with everyday artifacts, like a car, we don’t spend too much time thinking about the interaction: we think about where we’re heading and what we want to do. Intuitive interaction minimizes the burden of conscious thought needed to operate the system, leaving us to concentrate on our goals. A good example was Quark Express, which let you almost unconsciously zoom in on your image by holding down two keys and clicking on what you wanted to see better. It was like shifting your gaze: you didn’t have to march off somewhere to find the right tool. But too many systems still keep demanding too much attention, like incompetent bosses, distracting us from getting on with the job.When we design a computer-based system or device, we’re designing not just what it looks like but how it behaves. We’re designing the quality of how we and it interact.This is the skill of the interaction designer. It’s partly responsiveness: when you move your mouse, for instance, does it feel sluggish, or nippy and sprightly? When you manipulate your iPod dial, the combination of sound and feel, as well as telling you what yo u’re doing, is subtle and satisfying.We can design those qualities of interaction, relating what we see to what we hear or feel with the same refinement with which typographers adjust the spacing of type, or product designers the radius of a curve.But the qualities of interaction must be appropriate to the context. An adventure game needs an interaction offering subtlety of atmosphere and intriguingly challenging navigation; central-heating control systems offering these qualities, however, would be as welcome as a fire alarm with a snoozebutton.When new technologies are born, we tend to think of the new in terms of the familiar. When cinema started, people thought of it as pointing a camera at a theater stage, and divided silent films with “chapter headings” as if they were books. New “languages” eventually emerged that were true to, and fullyexploited, the unique qualities of cinema itself—Eisenstein’s language of montage, for instance. But the old analogies never lose their validity: films continue to use the conventions of the theater and the novel. They are just augmented by the new languages.I believe that interaction design is still in the equivalent of the early stages of cinema. As yet, we have no fully developed language unique to interactive technology. So we are still drawing on the language of previous creative modes. It may help to categorize these languages according to their “dimensions”: 1-D, 2-D, 3-D, and 4-D.1-D includes words and poetry. Are the words in a menu the most accurate encapsulations of the action they denote? Are they used consistently? And the “tone of voice” of the dialog boxes in your system: Are they too abrupt and imperious, or too cloyingly conversational?The 2-D languages that interaction design can borrow from include painting, typography, diagrams, and icons. When we look at a painting, even if it’s not representational, it’s difficult not to interpret it as a perspectival space; we can use such compositional tropes to layer the screen in apparent depth or to foreground its currently most important element.We can use the familiar hierarchical conventions of typography to structure the screen, and our shared sensitivity to minute differences in letter forms to add distinctions of tone and meaning. We can also use the language of diagrams and information graphics to communicate a complexity which can’t be intelligibly rendered in standard text, particularly on a small screen. Another specialist 2-D language, much used in computer interfaces, is of course that of icons: tiny simplified images that stand for a larger idea or a thing.3-D languages are those of physical, sculptural form. One movement in product design, “product semantics,” explores how people understand what the different elements of a product represent. If something has a handle, for example, we know we are meant to grab it; if something has a base bigger than its apex, our experience of gravity suggests that we should keep the base downward. Designers use this language to make things clear, but sometimes also to play with expectations, inserting an element of surprise and wit in what otherwise might have been mundane.The fourth dimension is time. The 4-D languages include sound, film, and animation. In the 1980s Bill Gaver6 designed a beautiful sonic interface, the SonicFinder, an augmentation of the Apple Desktop: when you dropped a folder into another folder, it made a sound according to its size: an almost-empty folder went “pink,” a fuller one “plonk.” It gave good feedback,but the sounds were also poetic and appropriate for their purpose. Another important 4-D language is film: in twenty seconds a TV advertisement can tell a complex story understood by everyone. And animators have been developing their spare language formore than a century, so that with very limited means they can express plot, emotion, anticipation, and action.We’re designing for a public that understands the richness of all these different languages: dialog, graphics, typography, 3-D form, sound, film, and animation. This makes things difficult because nobody can be fluent in all these languages.We must collaborate with those who have other skills and experience.An interaction designer can never be a hermit.However, after twenty years of drawing on existing expressive languages, we now need to develop an independent language of interaction with “smart systems and devices, a language true to the medium of computation, networks, and telecommunications. In terms of perceptual psychology, we’re starting to understand the functional limits of interaction between people and devices or systems: speed of response, say, or the communicative capacity of a small screen. But at the symbolic level of mood and meaning, of sociability and civility, we haven’t quite achie ved the breathtaking innovativeness, the subtlety and intuitive “rightness,” of Eisenstein’s language of montage.By telling the stories of those who have been committed to making interactive products useful, meaningful and joyful, however, this important book nevertheless suggests that we are on our way.《What Is Interaction Design》。

相关文档
最新文档