欢迎来到淘文阁 - 分享文档赚钱的网站! | 帮助中心 好文档才是您的得力助手!
淘文阁 - 分享文档赚钱的网站
全部分类
  • 研究报告>
  • 管理文献>
  • 标准材料>
  • 技术资料>
  • 教育专区>
  • 应用文书>
  • 生活休闲>
  • 考试试题>
  • pptx模板>
  • 工商注册>
  • 期刊短文>
  • 图片设计>
  • ImageVerifierCode 换一换

    交互设计师常用的web设计模式.doc

    • 资源ID:35108500       资源大小:16KB        全文页数:5页
    • 资源格式: DOC        下载积分:10金币
    快捷下载 游客一键下载
    会员登录下载
    微信登录下载
    三方登录下载: 微信开放平台登录   QQ登录  
    二维码
    微信扫一扫登录
    下载资源需要10金币
    邮箱/手机:
    温馨提示:
    快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。
    如填写123,账号就是123,密码也是123。
    支付方式: 支付宝    微信支付   
    验证码:   换一换

     
    账号:
    密码:
    验证码:   换一换
      忘记密码?
        
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
    5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。

    交互设计师常用的web设计模式.doc

    交互设计师常用的web设计模式 交互设计师在设计线框图原型时,熟知常见的web设计模式很有帮助,做到“心中有数才能创造出符合需求,用户易学易用的界面来。所谓“没有必要重复创造轮子,模式往往容易解决常见问题,正确的模式能帮用户熟悉界面、提高效率。 常见的UI设计模式如以下图:下面分别进展具体分析,遇到不同需求的时候就可以选择适宜UI设计模式。01.主体/细节Master/Detail模式主体/细节模式可以分为横向与纵向两种。如果想让用户在同一页面下,引导他们在类目下高效地切换,这无疑是一种理想的方式。如果主体信息对于用户来说更重要,最好选择横向布局。或是主体局部不仅条目多而且包含信息也多,那也该选择这种横向布局。举例来说:Windows窗口属于纵向排布Mac mail的横向排布分栏浏览分栏浏览也分为横向与纵向两种。用户可以通过它,选择不同的类别点进并逐步引导用户找到需要的信息。举例:Outlook采用逐级分栏的界面,用户可以选择进入“收件箱>“某封收件>“具体邮件内容搜索/结果搜索屏幕模式对于想快速、直接看到具体结果的用户来说非常便捷。从很简单的到非常复杂的都有。Gmail采用简单搜索而对于google学术的用户,高级搜索限定更复杂的搜索条件会提炼出用户更期望得到的信息。过滤数据组分为横向与纵向。开场定义一些信息,之后通过限定条件对搜索后的结果进展再过滤。51job用户在使用简单搜索输入所需职位后,纵向布局的左边面板提供诸如“发布时间、薪金等条件,进一步优化信息以京东为例,多数电子商务网站在用户初步模糊搜索后,提供进一步优化的过滤条件。上图中,京东采用的是横向排列方式表单表单类型众多,也是最能表达用户体验是否良好的地方。其中包含很多内容,推荐专门介绍表单的书:?Web Form Design: Filling in the Blanks?。注册信息一般使用表单调色盘/画布调色盘/画布虽然不算最常见模式,但它对于创造图形类文档有着不可替代的优势:比方设计线性或非线性图;流程图;页面布局;制定物理大小的设计/图表或控制布局。对于设计师来说调色盘/画布这种模式并不陌生,常用软件,例如:Axure、ps都是采用这种方式。仪表盘一个设计完善的仪表盘应提供:一目了然的关键信息,实时数据,易读的图形与操作,清晰的入口与浏览。理论上讲,在一个屏幕下展示复杂的数据本身就很难。之前我用水晶易表为苏宁电器做的实时监控各个地区门店销售系统仪表盘电子表格方便用户快速浏览,编辑大板块信息的理想模式。电子表格需要提供以下功能:标准的表格诸如分类,隐藏/显示 栏目,重列栏目,分组如果可以,全局撤销/重做,增加/插入/删除排,键盘导航,导入与导出。淘宝购物车选择使用电子表格,可以让用户对已选商品进展快速编辑增加/减少数量,删除等向导对于复杂的或是不常见的流程,向导/快速启动屏幕模式可以有效地导航。京东上使用wizard快速引导不熟悉流程的顾客完成付款0.10.Q&AQ&A模式是指用户通过选取相符条件,从而自主找到适合自己的解决方案。Q&A不同于搜索模式,它通常需要了解用户根底上,通过提问来帮助用户弄清他们缺乏经历的在哪里比方安康保险,抵押,方案,购置有哪些可供的选择或建议。上海移动资费导购系统可以让用户通过答复几个问题,可以建议用户选择哪种话费套餐0.11.平行面板平行面板屏幕模式可以收起一次只显示一个,也可以展开同时显示全部。这种模式适合组织大量类似或相互影响的信息,让用户在同一页面更高效的获得信息。最正确应用在:需要申请者需要填写各种没有顺序的类别目录。0.12.交互模型交互模型屏幕模式应用在很多交互要素需要与关键工程比方日历、地图、图标、画布等进展交互的时候。是一种用户体验更贴近用户心智模型的模式。在日历、地图、线状图、预设可能场景分析包括计算器,所见即所得编辑器包括图片处理时应用效果非常好。Google的calendar在日历上可以直接编辑提示内容附加:13.空白状态空白状态指在任何数据输入或进入系统前,应用的自然状态。Getting real 一书曾说空白状态的屏幕使得用户更期待。通过给用户一种预览来降低担忧、沮丧与犹豫。空白状态屏幕包括:视频,快速教程,帮助提示,安装后的截图。Wufoo是一个在线表单设计网站,初始后会引导用户建立表单还有两种广泛使用但在企业软件很少使用的模式。- 门户:如果你是市场调研专家,商业需求分析师与用户反应调研员设计门户,可以参考控制面板的设计标准与案例。- Tabs:其实Tab是一种部件,不是一种模式。它为在多种同语境下的数据提供多项选择一选择。如果数据构造导致你的设计tab显得很多。有两个小建议:第一,重新考虑架构。通过使用卡片分类或请教一名专业的信息架构师;第二,可以参考平行面板的标准与案例。参考文献:?Designing interfaces?and ?Designing web interfaces?第 5 页

    注意事项

    本文(交互设计师常用的web设计模式.doc)为本站会员(叶***)主动上传,淘文阁 - 分享文档赚钱的网站仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知淘文阁 - 分享文档赚钱的网站(点击联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




    关于淘文阁 - 版权申诉 - 用户使用规则 - 积分规则 - 联系我们

    本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

    工信部备案号:黑ICP备15003705号 © 2020-2023 www.taowenge.com 淘文阁 

    收起
    展开