老板说界面不好用怎么改?从这5个方面入手!优设网

用户觉得软件不好用通常是由于操作界面不符合常识,交互逻辑出人意料导致的。这里我们要引入三个模型的概念:实现模型,心理模型和呈现模型。实现模型是软件的内部运行原理,用户无需关心。心理模型是用户期望中完成任务的方式,呈现模型则是软件被设计来完成任务的方式。呈现模型越是接近用户的心理预期,用户的学习成本越低,也就会觉得这款软件很好用。

有个很恰当的比喻:用户不是需要一把电钻,而是墙上要有个洞。后来的研究理论更进一步:还得搞明白为什么用户需要在墙上打洞,他要连接什么东西?能不能做成无线的?等等。

接到需求后产品经理一般会在PRD评审时向设计侧讲解需求背景和功能逻辑,在这个阶段我们可以了解到产品经理规划中的用户流程和使用方式。产品原型呈现的只是无数解决方案中的一种,了解了业务诉求再回顾原型方案,经常可以带来全新的视野,并由此推导设计方案。下面我们就看下如何从组件,结构,功能,状态几个层面解决设计问题。

1.信达雅的文案

详细教程看这篇:

2.视觉线索(功能可见性)

图形用户界面诞生之初,界面元素对物理世界的模拟是为了便于用户将现实中的常识套用到虚拟界面上;拟物化通过质感暗示用户界面的交互方式;在扁平化时代,提供视觉线索仍然是必要的原则。拿拖拽操作来说,首先可以拖动的组件上要有把手,暗示可以被捡起。组件被拿起来时要明显扩大的投影样式描绘高度,并在列表中显示一条瞄准线便于用户精确定位。

再比如卡片式设计,和现实中的卡片相同,它可以明确地划分出功能和信息的关系。要注意的是,视觉分区越多,页面复杂度越高,设计时需要控制平衡。

3.熟悉的组件

用户点击下拉选择器的时候,自然会期望在周围弹开一个选项浮层,因为他们用过的所有软件交互都是这样。这个就是习惯用法范式的应用[注],尽可能套用常规的交互方式让软件的操作容易预测,用户理解成本低。

然而在常规组件无法承载实际需求时,有必要跳出惯用范式,通过差异的视觉样式给用户思想准备。例如一些原型图中的选择器使用了下拉的样式,触发的却是选择抽屉或者弹窗。这种意外的发生或多或少会降低用户使用时的信心,因为他们再也不确定点击下拉后会发生什么。通过特殊与常规的区分,其实也维护了惯用范式的一致性。

你一定遇到过这种棘手的原型:页面导航又多又深,林林总总地铺洒在导航区和功能区,信息密度堪比柯林斯英汉辞典。页面导航是界面的基本框架,处理系统的导航方式是页面设计早期就需要完成的工作。

1.几种反例

2.控制一级导航深度

一级导航过深时,有必要进行降级。顶栏导航可以向边栏导航卸载。边栏导航是一级时,可将最低级的导航放到内容区吸顶;若层级仍然不够用或导航条目较多,可以再增加一个纵向导航。

3.平衡内容区导航

吸顶导航会占用内容区的纵向空间,但可以随时跳转。内容区内的导航性质更类似于筛选,能够随内容滚动,不便于随时切换。页签类型区别大或是需要切换对比时,可以将导航吸顶;页签下内容形式近似或需要更多浏览空间时,可以将导航放在内容区。

4.减少空间浪费

很多原型会习惯性地在页面顶部配置一个顶栏。实际上里面的商标,账户信息,设置等功能可以整合到边栏中,这样内容区上方会多一些纵向空间。

1.分级展示功能

比如一些的图表类页面主要用于浏览而不是编辑,这种情况下将操作隐藏到省略号或者汉堡菜单中,不仅可以减少信息干扰,还能避免误操作。

高级功能的隐藏很好理解,比如macOS的网络配置只显示基础的连接功能,DNS配置等高级操作被整理到了一个按钮中。你可以想象如果所有的配置项都展示一个页面,对于用户日常联网操作会有多么不友好。

2.拆分功能

除了分级,当页面或区域内的功能过于集中时,可以进行拆分以降低信息压力。

分离检索与查看:列表同时兼具浏览与管理的功能,但在字段众多,空间有限的情况下,可以选择其中有代表性的字段在单元行中显示,便于快速扫描和管理,完整的单元行信息放到下一个层级显示。

分离表单区块:当表单存在区块表单时,可以只在表单中显示区块的预览,将区块的新增和配置放到抽屉中进行,由此减少功能堆积。

3.数据的编辑

查看模式:带查看模式的页面视觉效果整齐,信息干扰最小,且不会误操作。但需要进入编辑模式修改页面内容。

直接编辑模式:用户到达页面时,数据就可以被修改生效。常见于设置类页面。该模式使用效率最高。但由于容易误操作且视觉信息冗杂,不太适合大型表单。

行内编辑模式:页面样式类似查看模式,当鼠标悬停在数据上,界面会提示用户此处可以编辑,用户点击后可以快速针对局部数据做修改。该模式只适用表单项少的情况。

实时保存:页面长期处于编辑模式,系统会自动保存用户的操作。常见于线上文档工具。该模式误操作风险最高,需要提供版本控制和操作撤回功能。

4.减轻视觉压力

业务层面上无法避免单页出现大量表单时,可以在视觉上分节。注意!和真正的分步不同,这里的只是从视觉层面对页面信息进行处理,没有流程先后的概念,所以尽可能不要拆分页面。以下图为例,通过视觉上的划分,即使在同一个页面显示同样数量的表单,版面空间的呼吸给予了用户喘歇的余地。锚点导航是个锦上添花的控件,空间允许时可以加上。

5.定制化交互

3DSMax的四元菜单是一个很有代表性的设计,在视口右键时会围绕光标弹出4个内容敏感菜单而不是一个,这四个菜单显示的工具甚至可以自定义。普通系统在处理此类问题时,要么采用需要滚动的长菜单,要么用联级选择器分类。而这个设计的优越性在于,通过分类并同时显示四个面板,用户点击次数少,光标的移动距离短,大大提高了工作效率。

再比如Spotify底栏的探索页签,点击会进入音乐探索页面(顶部有搜索框),双击会直接进入搜索框,长按则会激活语音助手。这些定制化交互的特点在于,它们巧妙地简化了操作流程,但是用户不知道也丝毫不影响使用。

1.空状态引导

一个列表出现空状态的可能性有:

虽然后果一样,但问题本质不同,解决方式自然也不同,此时需要分别给出对应的引导。

2.异常引导

再没有什么比一行“操作失败”的提示更让人绝望,用户不知道哪出了问题,也不清楚如何解决。异常流程时有发生,此时系统的引导会起到至关重要的作用,它能够带用户走回正轨,减少无助感。

3.标明功能不可用的原因

该问题的重灾区是工具类软件,用着用着一些功能突然就灰掉了,只能慢慢摸索是哪里的问题。功能之所以不可用肯定有个原因,不论是直接显示还是鼠标悬停时显示,有必要要让用户明白原由或者如何解决,避免把用户困在死胡同。

4.提供帮助

图形界面的本质是人与机器交流的语言。与现实生活一样,我们倾向与礼貌体贴的对象沟通。所以下手设计时要尽最大可能从人类的本性出发,才能在业务和产品逻辑的限制下,为用户塑造更具亲和力的界面模型。

THE END
1.减少浪费的翻译是:Reducewaste中文翻译英文意思,翻译英语减少浪费 青云英语翻译 请在下面的文本框内输入文字,然后点击开始翻译按钮进行翻译,如果您看不到结果,请重新翻译! 翻译结果1翻译结果2翻译结果3翻译结果4翻译结果5 翻译结果1复制译文编辑译文朗读译文返回顶部 Reduce waste 翻译结果2复制译文编辑译文朗读译文返回顶部http://eyu.zaixian-fanyi.com/fan_yi_20901
2.勤俭节约杜绝浪费袖子(精选80句)勤俭节约杜绝浪费小句子(精选80句) 在学习、工作或生活中,说到句子,大家肯定都不陌生吧,句子的组成部分,包括主语、谓语、宾语、定语、状语、补语六种。你还在找寻优秀经典的句子吗?下面是小编整理的勤俭节约杜绝浪费小句子(精选80句),仅供参考,欢迎大家阅读。 https://www.ruiwen.com/wenxue/juzi/893147.html
3.减少资源浪费用英语怎么说翻译成英语waste 高考,考研,GRE 参考资料: 1.百度翻译:减少资源浪费 2.有道翻译:减少资源浪费获赞5次 声明:内容版权归作者所有,未经授权不得任意转载 本文标题和链接: 减少资源浪费用英语怎么说-翻译成英语 https://yingyu.xiediantong.com/en/1d80903c3e3e1f25/相关https://yingyu.xiediantong.com/en/1d80903c3e3e1f25/
4.减少纸张浪费英语怎么说水滴英语作文网减少纸张浪费英语怎么说 "Reduce paper waste" 是用英语表达减少纸张浪费的常用表达方式。 这个表达方式源自于英语中的 "reduce" 和 "paper waste" 两个词。"Reduce" 是动词,意思是减少,缩减。"Paper waste" 是名词短语,意思是纸张浪费。 下面是一些例句,可以帮助你理解这个表达方式的使用:https://www.adreep.cn/gz/ask-380190.html
5.不使用浪费资源污染环境的消费品。的英文翻译英语怎么说海词词典,最权威的学习词典,专业出版减少使用或者不使用浪费资源、污染环境的消费品。的英文,减少使用或者不使用浪费资源、污染环境的消费品。翻译,减少使用或者不使用浪费资源、污染环境的消费品。英语怎么说等详细讲解。海词词典:学习变容易,记忆很深刻。http://m.dict.cn/%E5%87%8F%E5%B0%91%E4%BD%BF%E7%94%A8%E6%88%96%E8%80%85%E4%B8%8D%E4%BD%BF%E7%94%A8%E6%B5%AA%E8%B4%B9%E8%B5%84%E6%BA%90%E3%80%81%E6%B1%A1%E6%9F%93%E7%8E%AF%E5%A2%83%E7%9A%84%E6%B6%88%E8%B4%B9%E5%93%81%E3%80%82
6.子网划分为什么能减少ip浪费为什么划分子网会节约ip地址子网划分为什么能减少ip浪费 学到子网划分时,书上说划分子网可以减少ip浪费,但一个主机同时只拥有一个ip,无论怎么分都是一一对应的啊,为什么会浪费呢? 网上说的是 若一个公司有500台主机,分c类网不够,那就分b类,分的话一个b类网络号可以有6万多主机号,会造成浪费。https://blog.csdn.net/Dvenke/article/details/126024517
7.5S试题库8、在生产过程中只要自己觉得使用方便就行,做5S是浪费时间。( × ) 解析:5S工作,是提高生产效率,减少浪费的一项活动,有一种浪费就是时间上的浪费,也就是我们常说的无用功。 9、打造傻瓜现场就是:即使是傻瓜都能够完成现场的工作。( √ ) 解析: http://www.360doc.com/document/22/1207/21/1433386_1059371988.shtml
8.张家口市发展和改革委员会—资源节约和环境保护领域政策法规清单3.我们所说的能源主要包括哪些种类? 答:《中华人民共和国节约能源法》所称能源是指煤炭、石油、天然气、生物质能和电力热力、热电以及其他直接或者通过加式工、转换而取得有用能的各种资源等。以上所指能源是不可再生的,从能源生产到消费的各个环节,降低能耗、减少损失和污染物排放、制止浪费、有效、合理地利用能源,https://www.zjk.gov.cn/content/bwbd/198467.html
9.新浪:温州大学智慧餐厅向食物浪费说再见“传统餐厅每天大概要产生100升的大垃圾桶2桶的餐余垃圾,主要是吃不完的饭菜;而现在的智慧餐厅全天的餐余垃圾仅有25升的小垃圾桶一桶。主要是食物的残渣,比如鸡骨头,虾壳等。”温州大学后勤管理处餐饮部负责人蔡加依老师说,今年五月份正式营业的温大智慧餐厅很好地解决了食物浪费问题,无感支付、菜量精准到克、自https://www.wzu.edu.cn/info/1320/28464.htm
10.极简深陷消费主义十年,开启极简生活环球旅行我对物品的执念比较重,不忍心浪费,就连一根棉签都不浪费,可以说极简以来大部分东西我都没有扔掉,实在用不上的以极低的价格挂到咸鱼和朋友圈卖掉(我是商家,有三个微信号朋友圈一万多人),小部分用干净的袋子装好放在垃圾桶边上,会有拾荒的奶奶爷爷拿走。推荐zfb的白鲸鱼,去年捐赠了几十公斤没有破损的衣服,很https://m.douban.com/note/791681957/
11.金牌班组长培训实务如何通过控制备品、备件减少浪费 实战训练:切铜管流程改造# 作业方法管理——作业指导书、异常 作业、作业标准化及目视管理 生产现场的管理、现场的关键管理 现场异常把握与问题处理 解决问题之技巧: 班组工作重点 班组的关键管理 现场中的异常管理 案例:你会如何处理这件事? 五、班组的高效率早会—http://www.hztbc.com/lesson/info_2737.html
12.A.降低生产成本.提高经济效益B.节约资源.减少浪费C.政策原因D10.一般来说,工业布局要考虑尽可能接近原料、燃料产地和消费市场,其主要目的是( ) A.降低生产成本,提高经济效益B.节约资源,减少浪费 C.政策原因D.利于环境保护 试题答案 在线课程 分析影响工业布局的因素有原料、资金、技术等. 解答解:工业布局要考虑尽可能接近原料、燃料产地和消费市场,其主要目的是减少运费,降低http://www.1010jiajiao.com/czdl/shiti_id_1a584b852e847c34eca5ad0b96fa0b30