`
Jacular
  • 浏览: 182734 次
  • 性别: Icon_minigender_1
  • 来自: 云南
社区版块
存档分类
最新评论

手机产品设计禁忌

 
阅读更多
在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉。

▣ 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这种竖高的机器,甚至需要重新设计。

作为手机产品交互设计师,利用设计规避问题,提升产品用户体验,把体验转化成价值,是我们所追求的境界。手机产品设计禁忌,是笔者遇到的一些设计问题,欢迎各路高手协同补充遇到的问题,共同避免重复发明轮子
分享到:
评论

相关推荐

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

    在做手机产品设计的过程中,遇到很多看似很小且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。本文介绍了一些经验,供大家参考。一般按钮会有四态:不可点击效果、可点击...

    【产品设计】移动端体验设计6大禁.docx

    但是不要调出手机的浏览器,这样会导致用户失去方向并无法返回原先的应用程序。 6. 不要在用户下载应用程序后立即要求评分 避免打断用户,让这些最近才下载app或者只用过寥寥几次的用户为你的应用程序评分。相反,...

    GUI设计与案例分析

    本主题围绕“GUI设计与案例分析”,我们将深入探讨GUI设计的基本原则、常见禁忌以及手机软件界面设计的实例。 首先,GUI设计的原则是指导设计师进行有效创作的基石。这些原则包括但不限于: 1. **一致性**:保持...

    UI与交互设计(整理).pdf

    - **书籍推荐**:《GUI设计禁忌2.0》、《Photoshop CS——UI设计完全攻略》等。 - **网站资源**:ChinaUI.com、Lemoons.com、UIRSS.com等网站提供了丰富的学习资料和行业动态,是UI设计师们交流经验和获取灵感的好...

    安卓应用-健康医疗-哈药码上有最新手机版 v1.1.6.0037.zip

    哈药码上的最新手机版 v1.1.6.0037,便是这样一款专为安卓用户设计的健康医疗应用,旨在为用户提供全方位的健康服务体验。 哈药码上作为一款安卓应用,首先,它充分利用了移动设备的便携性,使得用户无论何时何地都...

    基于手持移动设备的中医针灸app的界面设计.pdf

    通过对已有的针灸APP进行比较,以便找出设计的优势和不足,进一步优化产品。 这款针灸3DAPP包含了解剖、穴位、书籍、病案、交流和养生六个功能模块。解剖部分以西医视角解析人体结构;穴位模块则结合3D人体模型,使...

    mp3的pcb电路板的设计经验

    布线过程中,作者面临了电源、地、模拟和数字信号线的布局,以及各种设计禁忌,如避免在晶振和芯片下方走线。尽管最终在芯片下方设置了过孔,但这也带来了潜在的干扰风险。为优化信号完整性和减少干扰,作者在设计时...

    铝合金及工艺表面处理技术阳极氧化工艺械加工108个文档资料合集.zip

    机械设计禁忌500例.doc 水转印介绍.doc 水转印技术.ppt 消费类电子产品表面处理及装饰件工艺概论.pdf 滚花刀.pdf 热处理工艺对6061铝合金显微组织及力学性能的影响.pdf 电泳.ppt 电镀、电铸、电泳、溅镀及阳极处理的...

    医药网.zip

    1. **页面结构**:模板通常包含多个预设的页面,如首页、产品展示页、药品详情页、在线咨询页等,这些页面都遵循医药行业的设计规范,确保信息清晰、专业。 2. **UI设计**:医药行业的颜色搭配、图标选择以及字体...

    智能睡眠枕设计方案—孙易泽1

    - 用户体验友好:产品支持移动电源供电,低功耗设计,数据可通过蓝牙轻松同步到手机,便于用户随时查看睡眠情况。 - 操作简便:用户能在短时间内掌握其操作,方便快捷。 4. 市场分析: - 目标客户群:初期主要...

    百度-Feeds视频制作,从一个好的剧本开始.pdf

    总结,制作有效的Feeds视频广告需要从剧本创作开始,通过精心设计的分镜、组织良好的拍摄和精细的后期制作,将产品特点与消费者需求紧密结合,最终实现广告的高效传播和用户转化。同时,根据行业特性调整营销策略,...

    礼仪考试题目及答案.doc

    10. 仪态修养的禁忌包括不当使用手机、随地吐痰、乱扔垃圾等不文明行为,以及不恰当的肢体动作。 11. 用语礼仪强调使用敬语、雅语和礼貌语,选择合适的话题,避免非议他人的言论,不讨论低俗或私人话题。 12. 倾听...

    447药源购物网站.zip

    6. **移动适配**:随着移动设备的普及,网站需具有响应式设计,能适应手机和平板等不同屏幕尺寸。 7. **API接口**:可能需要与其他系统如库存管理系统、物流服务商、支付平台等进行数据交换,需要设计和实现相应的...

    SearchMyMedicines

    6. **响应式设计**:为了适应不同设备的用户,应用可能采用了响应式设计,确保在手机、平板电脑和桌面设备上都能良好运行。 7. **测试**:全面的测试是保证产品质量的关键,可能包括单元测试、集成测试和端到端测试...

    千元机大数据洞察报告1

    随着手机市场的发展,高端旗舰机型的更新迭代速度加快,价格也水涨船高,然而,千元机市场并未因此而被忽视。这份《千元机大数据洞察报告1》揭示了在这一价位段,品牌如何通过精细化运营、提升产品力以及借助品牌...

    SRA2021-G14-用例文档 V0.1.92

    这样的文档对于软件开发团队来说,是指导开发、测试和项目管理的重要依据,有助于确保软件产品的质量和满足用户需求。 总结来说,《优团App用例文档》全面涵盖了社区团购App的核心功能,通过严谨的用例描述和清晰的...

    数据库作业2-20181

    5. **Axure RP快速原型设计**:Axure RP是一种用于创建交互式原型的设计工具,用于产品经理和设计师快速构建线框图、原型和规格说明。通过学习和使用,可以为所选业务场景设计用户界面,展示数据如何以直观的方式...

    第46章【直通车简介】.pptx

    淘宝直通车是一款专为淘宝网卖家设计的精准营销产品,其核心特点是按照点击付费(Pay Per Click, PPC),即只有当潜在客户点击了商家的广告后才会产生费用。这样的模式确保了商家的广告投入更加高效,避免了无效曝光...

    PDF操作指南1

    2002年,WPS Office 2002发布,增加了电子邮件客户端,并保持与主流办公产品的界面兼容性,降低了用户从其他软件转换的成本。 在PDF操作方面,Kingsoft Office可能提供了对PDF文件的读取、编辑和创建功能。用户可以...

Global site tag (gtag.js) - Google Analytics