Y城生活 >设计行动装置网页(Mobile >

设计行动装置网页(Mobile

2020-08-06 05:37| 发布者: Y城生活| 查看: 867| 评论: {php} echo

设计行动装置网页(Mobile

设计行动装置网页(Mobile

网页的资讯很多?请记得用重点式,或主题式的呈现内容,跟第 6 点一样,将多栏的资料隐藏在重点/主题的条目下,让使用者轻鬆选取自己想看的资讯。另外记得用直式设计,不要让使用者还要左右行动画面才能看完一行字。

例子:Major League Baseball 的行动版网页:

设计行动装置网页(Mobile

网页设计者必须要清楚使用电脑时,滑鼠或 touch pad 可以按左键,右键,或者滑动轴,这些行动装置都没有。另外在将电脑版网页移植到行动装置时还有一个要点,就是电脑网页在做选取的功能时,可以将滑鼠游标移到按键上方但不一定要按下,但是行动装置只有点击的功能,所以重新设计或移植网页时必须要重新设计按键特性。

在电脑网页点击一个按钮时,都会看到按钮的颜色变化,这告诉使用者他已经成功点击该按钮,同样的,行动装置网页也建议做这样的设计,这种不起眼的小设计会影响到使用者的心情及反应。

另外一个视觉反馈的重点在网页载入的时候,在使用者做出点击/选取的动作后,网页会开始 loading,这个时候建议做出一些行动图案让使用者知道网页正在载入,避免使用者重複点击按钮,延误载入的时间。

网页完成后才是考验的开始,作为网页设计者,你能够确定你设计的网页在各个装置上都能运作吗?不可能,因为你不可能真的测试过每一台行动装置。

所以必须要测试软体的辅助,以及一些网页版的模拟器,Mike Brittain 的网站有提供一些测试网页的相关资料。


图文推荐

推荐阅读

文章排行

  • 阅读
  • 评论