童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

在网页设计中如何少让用户费脑筋,保持操作流畅

7月19日 夜如影投稿
  除了引导用户,还要减少他们的认知流程,以保持流畅状态。
  尽可能少让用户做计算
  千万别把计算这种事情丢给用户,让计算机来处理。
  显示剩余数量
  在界面内体现用户当前所处位置
  界面就像机场,如果没有“你在这里”的标记,用户会迷路,因此记得提供标记。
  在导航菜单上突出当前所选
  在复杂的界面中提供面包屑导航或步骤图示
  在页面标题前面部分放置描述性或有用的信息
  简化选择类任务
  做选择需要费脑筋,简化这类任务让用户少费神
  指明多数用户选择的选项
  提供常见搜索关键词列表
  下拉分类菜单置于相应导航菜单内
  使用常规的网页设计界面
  创新很好,但不要跟常规的设计方式偏离太远。用户习惯于某些布局、结构。常规设计之所以流行,是因为他们确实可行。
  使用常规的导航菜单
  把实用功能放在右上角
  每次交互动作后提供反馈
  用户跟界面进行互动后,需获得实时反馈。操作成功还是失败了?发生了什么变化?
  重要的交互动作后反馈提示成功消息
  显示当前鼠标停留在哪个项目上
  最小化等待的负面效果
  消灭所有不必要的等待。如果确实要用户等,则最小化该负面效果。
  加载动画效果使用冷色调减少对用户刺激
  蓝色减少刺激(提高放松程度),蓝色加载元素可让用户觉得加载更快(Gornetal。,2004)。
  长时间等待时保持用户活跃度(别人他们干等)
  防止用户上传不支持的文件
  实时统计显示任务进展
  尽可能减少用户对记忆的依赖
  别让用户去记住任何东西,将相关信息显示出来
  让表单标签保持一直可见
  避免用户点击后就消失的行内标签
  占位文本放到表单元素的外边
  为可移动输入添加复制按钮(AddCopyButtonstoMovableInput)
  尽量少用锯齿状视图模式
  减少用户眼睛来回移动的次数,让各项补充数据保持接近。
  合并相同的数据字段帮助用户进行对比
  让表单标签紧贴相应元素并对齐
  反馈显示哪些项目是可点击或交互的
  用户需要识别哪些元素是可交互的(并且知道如何交互)。
  使用3D特性设计按钮
  为可拖拽元素添加点状纹理
  使用图标和符号传达一个交互动作的意图
  你可以通过PowerPoint或Keynote的各种形状制作大部分图标
  用常见的文字和符合来沟通
  大多数情况下,清晰明确胜过创意和术语
  讲用户懂的语言,不讲程序语言
  出现外语时,提供翻译按钮
  颜色的选择要与语义保持一致
  当颜色跟语义不一致时,会增加用户处理信息的困扰。如meetup。com上使用红色确认出席,准确应该是用绿色。
  尽可能提高界面的可浏览性
  多数用户采用浏览扫读的方式处理内容,我们需要接受这种行为。
  设计界面时尽量适应这种泛读浏览方式。
  保持段落简短,高亮关键词组
  把重要信息放在列表的开头
  给表格添加交替的行条纹背景
  编写独立副标题(不要一篇文章就一个大标题)
  用视觉变化拆分文本
  尽可能提高文本的可读性
  很明显,文本需要让人易懂,有些技巧能让文本更具可读性。
  让文本和背景具有鲜明对比
  背景上显示文本需要注意,可能需要做一些叠加或模糊处理。(以作者照片为例)
  正文的主要部分采用左对齐
  界面设计风格保持一致
  风格不统一的话用户需要花更多时间学习界面。保持统一的布局和外观可以简化学习过程。
  制定一份前端风格指引
  制定一份稳定,总结界面各元素的设计规格说明
  其他元素包括:
  颜色
  网格和布局
  位置和定位
  大小和形状
  标签和语言
  导航
  表格
  列表
  链接
  声音和腔调
  需要灵感参考?看看Mailchimp的风格指引(http:ux。mailchimp。compatterns)
  导航菜单保持在相同位置
  通过视觉平衡实现设计美感
  美观的设计更加好用即美即好用效应原则(KKashimura,1995)。
  使用数学原理构造设计
  使用对比性字体
  挑选搭配字体时,有人喜欢使用相似的字体,但这种方式是错的,很多时候相似的看上去并不对。
  相反,应该精心挑选对比鲜明的字体,新手设计师可以选择serifvssansserif(英文字体),如上图
  未完待续
  
  译文来自:企业官网设计精选
  原文地址:nickkolenda
  
  
  【系列文章回顾】戳下面链接快速到达:
  1)在网页设计中帮助用户实现目标
  2)在网页设计中如何引导用户的注意力
  3)在网页设计中如何少让用户费脑筋,保持操作流畅
  4)在网页设计中兼顾所有用户和场景的3个技巧
  5)当用户操作错误时,如何在不影响用户体验的情况下快速处理好
  
投诉 评论 转载

微信竟然有这么多渣到爆的细节,再不知道你就OUT了1997年,“码农”张小龙靠一己之力写了Foxmail,但电邮软件是免费的,当时连《人民日报》都在为码农张小龙的生计感到担忧。时隔20年后,张小龙的名字在互联网领域几乎已经无人……产品原型设计之交互体验的思考过程(一)当我拿到产品或者界面功能结构图时,我首先会做以下三点考虑:该产品定位是什么,我希望用户拥有什么样的体验【至关重要,考虑到每一个细节问题】对界面逻辑功能分析,我需要和……在网页设计中如何少让用户费脑筋,保持操作流畅除了引导用户,还要减少他们的认知流程,以保持流畅状态。尽可能少让用户做计算千万别把计算这种事情丢给用户,让计算机来处理。显示剩余数量在界面内体现用户当前……UX设计师不得不掌握的心理学技巧我们常说,一百个人心中会有一百个哈姆雷特,同样的,一个用户体验设计的问题,在一百个UX设计师手上可能会有一百种解决方案。不得不承认,用户体验设计并不是一门精确的学科。每一……视觉设计不懂业务时如何着手设计?信很多视觉设计师会有这样经历,当接触到一个新的项目;如果是熟悉业务类型产品,设计起来轻松熟络,如果是一个陌生的业务类型,则需去摸索与尝试,找到合适的设计定位与视觉风格。当视觉对……交互设计的实质是行为塑造交互性是信息化和互联网时代工业设计的发展趋势之一,也是用户体验研究的重要范畴。交互作为一种行为动作的研究,旨在把握人体工程学和逻辑思维学的多方位系统工程的发展趋势,以实现用户对……在网页设计中帮助用户实现目标让常用功能和重要数据信息更接近用户预测用户的意图,让他们尽可能接近目标。筛选出或跳至用户正在搜索的条目将用户常选项目列为默认选项产品列表页上把重要数据信……用写文章的思路设计banner工作中接触了一些banner设计的工作,借着本次整理思路的机会顺便和大家分享下,不周之处欢迎沟通指正。从场景上来说,pc室内长时间相对沉溺,移动端随时随地随时可能离开碎片……如何辨别一个Banner的好坏?(附案例)平时经常会有人问我“什么样才算是好的Banner?”、“我这个Banner有什么问题呢?”之类的问题,还有时候大家会分享一些作品但是我觉得并不是特别好,所以就觉得要不写一篇“如……如何从头打造让用户真正信任的界面让人信任的网页到底是怎么样的?设计一个令人信任的网页应该是有迹可循的,几天文章当中的10个技巧,就是可行性相当高的手法,仔细看看,也许会让你获益匪浅。如何让你的网页设计作……在网页设计中如何引导用户的注意力在界面中突出强调一个聚焦点每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。UX策略1在页面标题部分添加视觉对比通过视觉的层次引导用户通过……浅谈视觉设计与用户体验的统一Dribbble,国内比较追捧的媒体。上面聚集了很多项目的视觉设计图,有的配色很漂亮,有的表现手法很新颖(一定程度上会激发我们灵感的火花),但我们在不了解设计场景、目标的情况下……
Axure教程:滑动进度条、圆形进度环的复杂交互效果实现方法使用Axure设计中,大型的后台系统原型总结(下篇)Axure原型:1个原型搞定工作知会我临摹了7款产品的原型,总结出这些原型图经验Axure豆瓣电影APP:滑屏切换和菜单顶部吸附结合的交互实产品原型三要素:产品老司机如何画原型?Axure之旅:高保真生成随机验证码原型制作Axure8。0:移动端菜单吸附PRD之道:活用Axure绘制高质量的业务流程图原型设计:APP下导航如何通过Axure画出来Axure:模拟豆瓣电影APP滑动点击切换主页Axure原型设计之吸附菜单
海贼王1032集:头最铁的飞六胞,乌尔缇惹怒两位最强的女人热 闻张隐直率范十九佑之游边寄之微笑,比什么都重要难忘的人为主题作文亚洲人气最旺的地方,日本新宿歌舞伎町,华人体验人间烟火气乌兹别克斯坦引进外资及其政策写杨树的作文三年级第六单元风景优美的地方17篇防潮小妙招帮你解决回南天家居烦恼员工体检工作总结生活上如何防御核辐射管理的本质之文化基因

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界