找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1429|回复: 0

[杂谈] 手机网页设计的八点注意事项

[复制链接]
发表于 2016-12-22 10:20:40 | 显示全部楼层 |阅读模式 来自 中国–河北–石家庄
  现在,大家都喜欢在手机上查询、看新闻、看视频,所以,企业在做网的时候,想要抓住移动端的用户,就要把手机网站也要做出来。手机网页设计的时候,除了需要和pc端网站保持一致外,还需要注意手机端的设计要求,适合手机用户的使用习惯。
  下面分享手机网页设计的八点注意事项:
  1、logo位置
  每个公司或应用都有不同风格的品牌元素,塑造品牌的关键是设计元素比如logo、字体和颜色等等要能代表该品牌。对于手机网页设计来说,这一点至关重要。Logo的位置可能与电脑版本有所不同,甚至可能只在移动端应用的主视图呈现,所以配色方案很重要。
  2、导航设计
  在移动设备上获取信息实际上是有趣的体验,因此,令用户在使用过程中感到愉快很有必要,简单地删除屏幕上的链接并不能达到用户友好体验的目的。导航应该包含用户需要的内容,并提供明确的路径。如果用户知道跳转的具体页面,就会进行点击。
  3、页面排版
  手机网站页面排版有三个事项:一是为了易于用户阅读,要尽量避免使用大量的文字,将这些文本重新调整为小图标或小条目是不错的做法;二是不要简单地删除你认为“不重要”的内容,应该重新调整这些内容的布局;三是用引语、线条或其他设计元素隔开大段的文字,使这些板块显得更美观。
  4、简短,聚焦
  无论何时都不能期望用户在使用应用之前乐于阅读说明性质的内容。人们打开应用不是为了花时间学习怎样使用UI,而是为了在最短的时间内以最小的成本解决他们手头的问题。其实这也是个悖论,因为一旦学会更有效率的使用UI,用户倒是可以为自己节省更多的时间。我们都知道,移动端用户不愿阅读文字的习惯是出了名的,而移动用户在这方面则有过之而无不及,因为在移动情境中,人机会话时间更加有限,注意力更容易分散。
  5、信息反馈
  信息反馈是设计中很关键的一个部分,特别是手机网页,用户反馈显得尤为重要。移动设备不存在鼠标悬停和动画,而且大多数设备都是在被触摸时才有所显示,所以及时提供清晰的操作反馈信息是非常重要的。在移动设备上,视觉反馈最为关键。
  6、避免一连串的提示
  有些时候,一个界面里会有多个功能点需要被讲解。然而通过一次一个的方式接二连三的蹦出浮层进行说明,则会使用户更加不耐烦的关掉这些说明,而不管它们是不是真的有用。
  接连不断的展示引导信息不仅会产生短期记忆方面的问题,而且会让新用户觉得你的应用过于复杂,望而生畏。记住,在实际当中,这样的初体验足以使他们关掉你的应用,然后去寻找其他的替换方案。
  7、尽量使用图形元素
  使用图文并茂的形式,而不只是干巴巴的文字,这将能使用户在最短的时间里对信息产生大致的了解。
  对于前面提到的多步骤说明,可以尝试将每一步内容浓缩为“恰当的图形元素+简短的文字”,并整合到一个展示层面上;这种方式即有利于用户阅读,也可以使多步骤的流程更直观、易懂、易记忆。
  8、不要和实际界面混淆
  必须使引导提示在外观上与实际界面元素有着明确的区分,否则引导提示就是在干扰实际界面,用户也会迷茫,甚至会把教学内容当做功能界面,试着与其交互。
  总之,在设计手机网页的时候,考虑手机界面的操作习惯、用户习惯,不合适使用负责的界面和特效,需要简洁、便捷。金色方向-石家庄网页设计:http://www.hbjsfx.com

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 15:05 , Processed in 0.041207 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表