手机产品设计中的15大禁忌

本文列举了手机产品设计过程中易犯的15个错误,如按钮状态不清、菜单层次过深、文字处理不当等问题,这些问题虽小却能严重影响用户体验。
在做手机产品设计的过程中,遇到很多看似很小且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。本文介绍了一些经验,供大家参考。




1.没有不可点击的效果
      一般按钮会有四态:不可点击效果、可点击效果、聚焦状态、按下状态。如果你的按钮此时处于不可用状态,那么一定要灰掉,或者拿掉按钮,否则会给用户误导。

2.菜单层次太深
      菜单项以5~7个为宜,如果有二级菜单,就要注意合理的菜单分类,不能有太多层级的菜单,否则很难预期,也很难找到,寻找和返回都会变得很麻烦。

3.文字长度不加以限制
      手机界面很小,寸土寸金,一页只能显示下6~10个列表,一行只能显示下10~16个字,标题栏的字数以5个以内为宜,标签栏也以2~3个为宜,那么这时候出现文字过长的情况,一定要定义一下处理方式,如果是选择型的,一般是截断或者打点缩略;如果是内容阅读型的,可以折行。但最合理的方式还是精简文字内容,缩短文字长度。

4.文字表意不明
      由于手机是碎片时间、片段式阅读,所以手机界面上的文字表意性要求的更高,更苛刻,一定要在用户瞟到的瞬间,准确的传达信息。除了表意清晰之外,还要求语言精简,避免啰嗦,使用用户的语言而不是程序的语言,产品文案体现产品性格。

5.交互流程分支太多
      做交互的时候一定要有一个任务流程的概念贯穿始终,用户是为了完成某个任务而使用软件的,交互设计师除了关注界面元素、跳转逻辑和交互反馈之外,还要关注用户任务,分得清主要任务和次要人物,给主要任务一个畅通无阻的清晰流程,不要给予太多可能的分支,干扰主要流程。

6.相关的选项离得很远
      相关选项一定要具有操作上的延续性,虽然手机屏幕看起来比电脑屏幕要小的多,但是手机在屏幕上移动的代价,却要比鼠标在电脑上移动的代价大的多,如果手机上相关选项离得很远的话,用户一是容易迷失,找不到下一步操作,二是需要移动手指,到屏幕另一端触发操作。

7.一次载入太多的数据
      流量、电量、速度和稳定性是手机产品的四个硬指标,如果你的应用不能合理的帮助用户节约流量、电量,提升浏览速度和浏览体验,保证应用的稳定性能,就不要谈什么用户体验。你可以利用预加载缓存、批量载入、动态刷新、服务端数据压缩等方式来保证省、快、稳基础体验。

8.按钮可点击范围比看起来小
      我们都知道移动端有个神器的数字“44”,根据食指最小点触距离7mm、拇指最小点触距离9mm,可以推导出做设计的时候,最小的点触距离是44*32 px。你可以设计一个精美的小图标,但是在定义它的点触大小的时候,却可以做放大处理,但你千万不要设计一个傻大的图标,点触范围却比图标要小,这样会给用户带来明显的误操作挫败感。

9.标签页跟内容没有从属关系
      标签页跟内容需要有很好的联动关系,一般一个界面内有二级标签就足够复杂了,千万不要再有三级标签、四级标签。每个标签页都有自己特有的内容,当切换标签的时候,内容跟着切换。标签页如果是点击切换,内容部分可以整体刷新,标签页如果是滑动切换,内容页也要跟着滑动切换,千万不要一个点、一个滑。

10.把所有的操作都暴露出来
      手机产品交互设计要经历缩减、隐藏、附加、组织的过程,千万不要妄图把什么功能、什么操作都暴露出来,以彰显强大。你需要把自己应用的所有功能所有操作做个优先级设定,那些常用的20%的功能,放在界面的主要位置上,其他80%的操作,放在次要位置或合理归类组织后,隐藏起来就可以了。

11.没有空数据界面设计
      我们在做设计的时候,往往是提供理想化的场景,用户已经进来了,他们怎么玩。但是,应用刚推出的时候,往往是没有用户的,甚至当应用有了一定用户基础的时候,新进来的用户打开应用的时候,应用仍然可能是一种没有数据的状态,这些情况下,用户都可能遇到空数据的界面。新手设计师往往不加设计,这时候用户就会看到一个空白界面,茫然失措。有经验的做法就是,提供一个情感化的界面,告诉用户当前没有内容;更具引导性的做法,就是引导用户去执行操作。

12.用户引导的滥用
      去年就预言用户引导将要泛滥,很明显设计部门都喜欢用漂亮的引导界面告诉用户新增的功能或隐藏的应用,但不是所有的应用、所有的功能都需要花哨的引导的。如果是通用的功能、非重点的模块,根本就不需要引导;如果是功能告知,只需要轻量级的引导;如果是版本更新说明,可以采用说明书式的引导,但是要言简意赅。

13.无加载中状态
      手机产品只要是需要联网,需要交换数据,都需要提供一个加载中状态的,无论是圆环状还是Toast还是对话框,你需要给开发人员一个全局的定义,并且要告知加载中是模态(前台加载)的还是非模态的(后台加载)。且要考虑到加载时间过长、网络开关没有打开、网络不通等情况分别怎么去处理。

14.未定义Back的逻辑
      在为Android做设计的时候,会涉及到硬件交互,其中Back键的使用,是一门学问,Android官方有一些指导原则可以借鉴,但是具体开发的时候,还是会有很多特殊情况,比如单一实例的替换、键盘及一些中间状态,这种情况下,Back可能需要被定义一下,该回到前一个实例(那就需要变成多实例了)还是该回到初始状态(清空输入内容或恢复初始状态)。

15.无横屏模式的设计
      由于横屏模式下,纵向空间变得格外宝贵,导航栏、标签栏、键盘都需要被压扁,横盘模式一定要考虑是简单拉伸适配还是重新设计,如果你的应用不适合在横屏模式下使用,就屏蔽横盘,如果你的应用包括应用widget都需要支持横盘模式(甚至是带侧滑键盘的横屏机器),就需要提供设计方案。如果是S60V5这种竖高的机器,甚至需要重新设计。

      作为手机产品交互设计师,利用设计规避问题,提升产品用户体验,把体验转化成价值,是我们所追求的境界。
根据原作 https://pan.quark.cn/s/459657bcfd45 的源码改编 Classic-ML-Methods-Algo 引言 建立这个项目,是为了梳理和总结传统机器学习(Machine Learning)方法(methods)或者算法(algo),和各位同仁相互学习交流. 现在的深度学习本质上来自于传统的神经网络模型,很程度上是传统机器学习的延续,同时也在不少时候需要结合传统方法来实现. 任何机器学习方法基本的流程结构都是通用的;使用的评价方法也基本通用;使用的一些数学知识也是通用的. 本文在梳理传统机器学习方法算法的同时也会顺便补充这些流程,数学上的知识以供参考. 机器学习 机器学习是人工智能(Artificial Intelligence)的一个分支,也是实现人工智能最重要的手段.区别于传统的基于规则(rule-based)的算法,机器学习可以从数据中获取知识,从而实现规定的任务[Ian Goodfellow and Yoshua Bengio and Aaron Courville的Deep Learning].这些知识可以分为四种: 总结(summarization) 预测(prediction) 估计(estimation) 假想验证(hypothesis testing) 机器学习主要关心的是预测[Varian在Big Data : New Tricks for Econometrics],预测的可以是连续性的输出变量,分类,聚类或者物品之间的有趣关联. 机器学习分类 根据数据配置(setting,是否有标签,可以是连续的也可以是离散的)和任务目标,我们可以将机器学习方法分为四种: 无监督(unsupervised) 训练数据没有给定...
本系统采用微信小程序作为前端交互界面,结合Spring Boot与Vue.js框架实现后端服务及管理后台的构建,形成一套完整的电子商务解决方案。该系统架构支持单一商户独立运营,亦兼容多商户入驻的平台模式,具备高度的灵活性与扩展性。 在技术实现上,后端以Java语言为核心,依托Spring Boot框架提供稳定的业务逻辑处理与数据接口服务;管理后台采用Vue.js进行开发,实现了直观高效的操作界面;前端微信小程序则为用户提供了便捷的移动端购物体验。整套系统各模块间紧密协作,功能链路完整闭环,已通过严格测试与优化,符合商业应用的标准要求。 系统设计注重业务场景的全面覆盖,不仅包含商品展示、交易流程、订单处理等核心电商功能,还集成了会员管理、营销工具、数据统计等辅助模块,能够满足不同规模商户的日常运营需求。其多店铺支持机制允许平台方对入驻商户进行统一管理,同时保障各店铺在品牌展示、商品销售及客户服务方面的独立运作空间。 该解决方案强调代码结构的规范性与可维护性,遵循企业级开发标准,确保了系统的长期稳定运行与后续功能迭代的可行性。整体而言,这是一套技术选型成熟、架构清晰、功能完备且可直接投入商用的电商平台系统。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值