- 浏览: 7343464 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (1546)
- 企业中间件 (236)
- 企业应用面临的问题 (236)
- 小布Oracle学习笔记汇总 (36)
- Spring 开发应用 (54)
- IBatis开发应用 (16)
- Oracle基础学习 (23)
- struts2.0 (41)
- JVM&ClassLoader&GC (16)
- JQuery的开发应用 (17)
- WebService的开发应用 (21)
- Java&Socket (44)
- 开源组件的应用 (254)
- 常用Javascript的开发应用 (28)
- J2EE开发技术指南 (163)
- EJB3开发应用 (11)
- GIS&Mobile&MAP (36)
- SWT-GEF-RCP (52)
- 算法&数据结构 (6)
- Apache开源组件研究 (62)
- Hibernate 学习应用 (57)
- java并发编程 (59)
- MySQL&Mongodb&MS/SQL (15)
- Oracle数据库实验室 (55)
- 搜索引擎的开发应用 (34)
- 软件工程师笔试经典 (14)
- 其他杂项 (10)
- AndroidPn& MQTT&C2DM&推技术 (29)
- ActiveMQ学习和研究 (38)
- Google技术应用开发和API分析 (11)
- flex的学习总结 (59)
- 项目中一点总结 (20)
- java疑惑 java面向对象编程 (28)
- Android 开发学习 (133)
- linux和UNIX的总结 (37)
- Titanium学习总结 (20)
- JQueryMobile学习总结 (34)
- Phonegap学习总结 (32)
- HTML5学习总结 (41)
- JeeCMS研究和理解分析 (9)
最新评论
-
lgh1992314:
[u][i][b][flash=200,200][url][i ...
看看mybatis 源代码 -
尼古拉斯.fwp:
图片根本就不出来好吧。。。。。。
Android文件图片上传的详细讲解(一)HTTP multipart/form-data 上传报文格式实现手机端上传 -
ln94223:
第一个应该用排它网关吧 怎么是并行网关, 并行网关是所有exe ...
工作流Activiti的学习总结(八)Activiti自动执行的应用 -
ZY199266:
获取不到任何消息信息,请问这是什么原因呢?
ActiveMQ 通过JMX监控Connection,Queue,Topic的信息 -
xiaoyao霄:
DestinationSourceMonitor 报错 应该导 ...
ActiveMQ 通过JMX监控Connection,Queue,Topic的信息
在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉。
▣ 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这种竖高的机器,甚至需要重新设计。
作为手机产品交互设计师,利用设计规避问题,提升产品用户体验,把体验转化成价值,是我们所追求的境界。手机产品设计禁忌,是笔者遇到的一些设计问题,欢迎各路高手协同补充遇到的问题
发表评论
-
TestNG简单的学习(十三)TestNG中Junit的实现
2013-12-04 09:00 3357TestNG和junit的整合 ... -
TestNG简单的学习(十二)TestNG运行
2013-12-03 09:08 51598文档来自官方地址: ... -
TestNG简单的学习(十一)TestNG学习总结
2013-12-03 09:08 14208最近一直在学习关于TestNG方面的知识,根 ... -
TestNG简单的学习(十)TestNG @Listeners 的使用
2013-12-03 09:07 8698TestNG官方网站: http://testng.or ... -
TestNG简单的学习(九)TestNG Method Interceptors 的使用
2013-12-03 09:07 2717TestNG官方网站: http://testng ... -
TestNG简单的学习(八)TestNG Annotation Transformers 的使用
2013-12-03 09:07 2815TestNG官方网站: http://testng.or ... -
TestNG简单的学习(七)TestNG编程方式运行
2013-12-02 09:22 2459TestNG官方网站: http://testng.or ... -
TestNG简单的学习(六)测试工厂注释的使用
2013-12-02 09:22 2791TestNG官方网站: http://testng.or ... -
TestNG简单的学习(五)参数化测试数据的定制
2013-12-02 09:22 2705TestNG官方网站: http://testng.or ... -
TestNG简单的学习(四)测试方法通过名称名称依赖实现
2013-12-02 09:21 2085TestNG官方网站: http://testng.or ... -
TestNG简单的学习(三)测试方法通过测试分组依赖实现
2013-12-02 09:21 2835TestNG官方网站: http://testng.or ... -
TestNG简单的学习(二)参数化测试并发且多方法测试方法判定
2013-11-29 15:35 3705TestNG官方网站: http://testng.or ... -
TestNG简单的学习(一)类和方法级别@Test的区别
2013-11-29 15:31 9428TestNG官方文档的地址: http://testng ... -
Feed4Junit的简单使用(七)Feed4TestNg
2013-11-29 13:35 6135在Feed4Junit主要针对junit实现的 ... -
Feed4Junit的简单使用(六)数据来特定格式文件
2013-11-29 12:29 2769Feed4Junit官方地址: http://da ... -
Feed4Junit的简单使用(五)数据来自动态约束数据
2013-11-29 12:29 2633Feed4Junit官方地址: http://datab ... -
Feed4Junit的简单使用(四)数据来自定义数据源
2013-11-28 14:09 3107Feed4Junit官方地址: http://databe ... -
Feed4Junit的简单使用(三)数据源来自数据库
2013-11-28 13:58 3171Feed4Junit官方地址: http://databe ... -
Feed4Junit的简单使用(二)数据源来自文件
2013-11-28 13:50 4573Feed4Junit官方地址: http://datab ... -
Feed4Junit的简单使用(一)
2013-11-28 13:47 2218Feed4Junit官方地址: http://databe ...
相关推荐
在做手机产品设计的过程中,遇到很多看似很小且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。本文介绍了一些经验,供大家参考。一般按钮会有四态:不可点击效果、可点击...
以下是移动端体验设计中应避免的六大禁忌,以助于开发人员和设计师设计出更为完善的应用。 首先,移动应用设计中的一大禁忌是在不同平台上盲目模仿其他平台的UI元素和字体。由于iOS和Android平台的用户界面和交互...
本主题围绕“GUI设计与案例分析”,我们将深入探讨GUI设计的基本原则、常见禁忌以及手机软件界面设计的实例。 首先,GUI设计的原则是指导设计师进行有效创作的基石。这些原则包括但不限于: 1. **一致性**:保持...
- **书籍推荐**:《GUI设计禁忌2.0》、《Photoshop CS——UI设计完全攻略》等。 - **网站资源**:ChinaUI.com、Lemoons.com、UIRSS.com等网站提供了丰富的学习资料和行业动态,是UI设计师们交流经验和获取灵感的好...
哈药码上的最新手机版 v1.1.6.0037,便是这样一款专为安卓用户设计的健康医疗应用,旨在为用户提供全方位的健康服务体验。 哈药码上作为一款安卓应用,首先,它充分利用了移动设备的便携性,使得用户无论何时何地都...
机械设计禁忌500例.doc 水转印介绍.doc 水转印技术.ppt 消费类电子产品表面处理及装饰件工艺概论.pdf 滚花刀.pdf 热处理工艺对6061铝合金显微组织及力学性能的影响.pdf 电泳.ppt 电镀、电铸、电泳、溅镀及阳极处理的...
布线过程中,作者面临了电源、地、模拟和数字信号线的布局,以及各种设计禁忌,如避免在晶振和芯片下方走线。尽管最终在芯片下方设置了过孔,但这也带来了潜在的干扰风险。为优化信号完整性和减少干扰,作者在设计时...
1. **页面结构**:模板通常包含多个预设的页面,如首页、产品展示页、药品详情页、在线咨询页等,这些页面都遵循医药行业的设计规范,确保信息清晰、专业。 2. **UI设计**:医药行业的颜色搭配、图标选择以及字体...
其次是用户体验友好,该产品支持移动电源供电,保证了低功耗运行,且数据同步至手机的过程简便快捷,极大地方便了用户的使用。最后,智能睡眠枕的操作界面简单易懂,即便是技术新手也能在短时间内轻松上手。 从市场...
总结,制作有效的Feeds视频广告需要从剧本创作开始,通过精心设计的分镜、组织良好的拍摄和精细的后期制作,将产品特点与消费者需求紧密结合,最终实现广告的高效传播和用户转化。同时,根据行业特性调整营销策略,...
10. 仪态修养的禁忌包括不当使用手机、随地吐痰、乱扔垃圾等不文明行为,以及不恰当的肢体动作。 11. 用语礼仪强调使用敬语、雅语和礼貌语,选择合适的话题,避免非议他人的言论,不讨论低俗或私人话题。 12. 倾听...
6. **移动适配**:随着移动设备的普及,网站需具有响应式设计,能适应手机和平板等不同屏幕尺寸。 7. **API接口**:可能需要与其他系统如库存管理系统、物流服务商、支付平台等进行数据交换,需要设计和实现相应的...
2002年,WPS Office 2002发布,增加了电子邮件客户端,并保持与主流办公产品的界面兼容性,降低了用户从其他软件转换的成本。 在PDF操作方面,Kingsoft Office可能提供了对PDF文件的读取、编辑和创建功能。用户可以...
6. **响应式设计**:为了适应不同设备的用户,应用可能采用了响应式设计,确保在手机、平板电脑和桌面设备上都能良好运行。 7. **测试**:全面的测试是保证产品质量的关键,可能包括单元测试、集成测试和端到端测试...
随着手机市场的发展,高端旗舰机型的更新迭代速度加快,价格也水涨船高,然而,千元机市场并未因此而被忽视。这份《千元机大数据洞察报告1》揭示了在这一价位段,品牌如何通过精细化运营、提升产品力以及借助品牌...
这样的文档对于软件开发团队来说,是指导开发、测试和项目管理的重要依据,有助于确保软件产品的质量和满足用户需求。 总结来说,《优团App用例文档》全面涵盖了社区团购App的核心功能,通过严谨的用例描述和清晰的...
5. **Axure RP快速原型设计**:Axure RP是一种用于创建交互式原型的设计工具,用于产品经理和设计师快速构建线框图、原型和规格说明。通过学习和使用,可以为所选业务场景设计用户界面,展示数据如何以直观的方式...
淘宝直通车是一款专为淘宝网卖家设计的精准营销产品,其核心特点是按照点击付费(Pay Per Click, PPC),即只有当潜在客户点击了商家的广告后才会产生费用。这样的模式确保了商家的广告投入更加高效,避免了无效曝光...