开发移动应用的7大设计要点

转载:http://www.youkuaiyun.com/article/2015-09-02/2825613-7-ui-design-tips-when-developing-mobile-apps

allowtransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?url=http%3A%2F%2Fwww.youkuaiyun.com%2Farticle%2F2015-09-02%2F2825613-7-ui-design-tips-when-developing-mobile-apps&type=3&count=&appkey=&title=%E5%9C%A8%E5%BC%80%E5%8F%91%E7%A7%BB%E5%8A%A8%E5%BA%94%E7%94%A8%E6%97%B6%EF%BC%8C%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E5%92%8C%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E6%98%AF%E4%B8%A4%E5%A4%A7%E9%87%8D%E7%82%B9%EF%BC%8C%E4%B8%8D%E5%AE%B9%E5%BF%BD%E8%A7%86%E3%80%82%E5%9C%A8%E8%BF%9B%E8%A1%8C%E4%BB%BB%E4%BD%95%E5%BA%94%E7%94%A8%E7%9A%84%E5%BC%80%E5%8F%91%E5%89%8D%EF%BC%8C%E6%8F%90%E5%89%8D%E7%90%86%E8%A7%A3%E7%9B%AE%E6%A0%87%E5%B8%82%E5%9C%BA%E7%9A%84%E8%A1%8C%E4%B8%BA%E6%A8%A1%E5%BC%8F%E9%9D%9E%E5%B8%B8%E5%BF%85%E8%A6%81%E3%80%82%E6%83%B3%E8%A6%81%E8%AE%BE%E8%AE%A1%E4%BD%93%E9%AA%8C%E6%9B%B4%E4%BD%B3%E7%9A%84%E5%BA%94%E7%94%A8%EF%BC%8C%E5%9C%A8%E8%AE%BE%E8%AE%A1%E5%BC%80%E5%8F%91%E7%A7%BB%E5%8A%A8%E5%BA%94%E7%94%A8%E6%97%B6%E5%BF%85%E9%A1%BB%E7%89%A2%E8%AE%B0%E5%B9%B6%E9%81%B5%E7%85%A77%E4%B8%AA%E8%A6%81%E7%82%B9%E3%80%82&pic=&ralateUid=&language=zh_cn&rnd=1441456930051" width="22" height="16"> 摘要:在开发移动应用时,用户体验和用户界面设计是两大重点,不容忽视。在进行任何应用的开发前,提前理解目标市场的行为模式非常必要。想要设计体验更佳的应用,在设计开发移动应用时必须牢记并遵照7个要点。

优快云移动将持续为您优选移动开发的精华内容,共同探讨移动开发的技术热点话题,涵盖移动应用、开发工具、移动游戏及引擎、智能硬件、物联网等方方面面。如果您想投稿、参与内容翻译工作,或寻求近匠报道,请发送邮件至tangxy#youkuaiyun.com(请把#改成@)。 


移动应用已成为获得全球潜在用户最为有力的便捷手段,企业主不应忽视一款设计抢眼、功能全面的商业移动应用的重要性。


在开发移动应用时,用户体验(UX)和用户界面设计(UI)是两大重点,不容忽视。在进行任何应用的开发前,提前理解目标市场的行为模式非常必要。如果不能专注于用户体验,无论设计时花了多少时间,都可能影响到应用的可信度。所谓的“不良用户体验”很可能是“不好的用户界面”所导致的。想要设计体验更佳的应用,在设计开发移动应用时必须牢记并遵照以下要点,这些设计要点在开发移动应用中至关重要:

1. 重视响应式设计的概念,这一点非常重要。

在为移动应用设计用户界面时,必须记得:这款应用应适用于各类设备与移动应用系统。无论是媒体库、JavaScript还是CSS,应当特别注意多设备平台的问题处理与显示情况。

2. 迭代式用户界面设计也是个很大的加分点

在设计应用时,想要完全吸引并留住目标用户的注意力,使用迭代式的界面设计是个好办法。别忘了,每个连续迭代的宝贵经验都会让你受益匪浅,并可以在下一个设计项目中重复使用。


3. UI设计还需要考虑到508法规遵从(方便残障人士的使用)与安全性问题。

一般来说,在移动应用的设计后期设计者才会考虑安全性与508法规遵从的问题,从而导致整体项目周期拖长。作为一名专业的UI人员,提前咨询后端团队与中介软件专家,以确保正确的数据组以最合适的方式提交是非常重要的。有效的UI设计会格外注重这一点:减少用户的学习难度。这样一来,整体的用户使用效果也会获得相当可观的提高。

4. 一名好的UI在保证面向终端用户的同时,遵守问题简单化原则

如今,大多数客户端在设计时对“问题简单化”这句话都有误解,采用极简风格的UI。但让问题简单化的真实含义并非如此,而是指:让应用的初次使用者无需阅读详细的介绍与说明,即可打开并使用应用。也就是说,一个简单的用户界面让用户可以通过最简单的步骤来完成多项操作。例如,有效地使用色彩可以让你的应用界面尽可能简单化,这将对鼓励用户下载并定期使用应用起到直接的促进作用。

5. 在评估移动应用的UI设计时,让真实用户参与进来。

如果你是一名UI设计师,让一名真实用户在评估不同的UI设计方案与观点时参与进来。在开发初期使用这一办法可以减少关于哪些功能应当包括在内,哪些应当去除的疑惑。也不再需要返工,从而节省了项目的经费与时间。


6. 让移动UI尽可能以图像显示会更有帮助

毫无疑问,外观吸引人的移动应用总是比一个由大量文本组成的设计要更受欢迎。无论是打算让用户使用,还是提醒他们定期重新打开应用,外观更吸引人的UI会更有效果。将丰富的视觉控制装置有效地结合起来,会让用户明白如何与应用进行交互。


7. 设计一款智能应用UI,遵照OS指南十分必要

在设计应用UI时,遵守目标平台OS的用户指南非常必要。强烈推荐尝试导航系统、触控手势与交互的创新。这样会使得你的UI设计风格有所提高,并允许你选择重要功能,放弃不想要的那些。在各大应用市场(苹果商店或者Google Play)上架前,应当严格而详细地进行检查。在提交应用前,花些时间研究一些上架的此类应用,应当阅读并遵守每款OS中创建应用UI的指南。

总结

一款移动应用的UI外观取决于你的目标市场。遵照标准指南来创建的UI使用起来容易理解也比较友好。随着应用开发持续发展,独特而富有直觉的UI会让你的应用鹤立鸡群。

(翻译/孙薇 审校/唐小引)

文章来源: Medium

运用HTML、CSS、JavaScript、jQuery等相关技术和DreamweaverCS6工具设计一个爱旅行旅游网站,要求网站具有用户登录验证、用户登陆后显示用户名,分为管理员、注册用户、游客三种访问权限,管理员可以修改后台信息、用户可以浏览和提交相关信息、游客可以浏览网站信息。网站具有图片轮播效果、鼠标对图片的进入和移出特效、点击小图放图片特效、文字超链接、图片超链接、锚链接、菜单栏、景点预定须知、景点简介、交通指南、用户点评功能、div分块、CSS样式、下拉菜单、景点门票预订、酒店预订,表单输入验证功能,提交后提示预定信息,导航栏功能、AJAX城市天气预报查询功能,网站界面美观,布局配色合理,方便和吸引用户的使用。包含10个以上自己设计的超链接页面。 具体要求为: (1) 网站主题为爱旅行旅游网站,网站标志语、界面主色调网站主题相匹配,界面布局设计美观、方、合理,要求用到HTML、CSS、JavaScript和jQuery网页特效、采用JavaScript和jQuery技术编程。 (2) 用户登陆后显示用户名,分为管理员、注册用户、游客三种访问权限,管理员可以修改后台信息、用户可以浏览和提交相关信息、游客可以浏览网站信息,网站具有图片轮播效果、鼠标对图片的进入和移出特效、点击小图放图片特效、淡入淡出特效、滑动特效、文字超链接、图片超链接、锚链接、菜单栏、景点预定须知、景点简介、交通指南、用户点评功能、div分块、CSS样式、下拉菜单、景点门票预订、酒店预订,表单输入验证功能,提交后提示预定信息,导航栏功能、AJAX城市天气预报查询功能,,10个以上自己设计的超链接页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值