如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
手机网页设计技巧手机网页设计技巧导语:如果你希望你的网页更好地适配移动设备,那么你必须解决网页在所有移动设备上的兼容性问题。下面是一些改进方法,欢迎参考!1.把搜索栏放在醒目的位置如果搜索是你网页里的一个主要的功能,那么就把它放在网页的主要位置,因为这是让有明确目的的用户找到他们想要东西的最快途径。用户在查找特定消息时,通常会选择搜索。所以,搜索栏应该是放在手机用户一下子就能看到的地方。你可以把你的网页搜索栏放置在接近主页顶部的位置,并附上搜索说明文字。2.设计好你的网页,不要让用户通过捏拉来缩放网页通过捏拉网页来查看文本或照片时,常常会使用户感到心累。如果用户不得不通过捏拉来查看网页,很可能会错过一些重要的细节信息。因此,你设计的网页应该是不需要调整大小才能使用的。Asos使用了合适的照片尺寸,但字体却不够大。在小而亮的屏幕中看这些小字体实在是会令用户头疼:3.只使用高质量的网页素材由于没有实体商品,所以你的照片、视频跟其他内容就是你呈现给用户的商品。因此,它们必须是高质量的,这样才能在用户浏览网页时,吸引他们的`眼球,使其点击网页查看更多信息。4.设计手指友好操作的图标如果你在设计一个手指操作友好的界面,那么你网页按钮的大小是要按恰当的尺寸设计的。据MIT触击实验室研究结果显示,人们手指指头的平均大小在10~14mm之间,指尖的大小在8~10mm之间,所以10mmX10mm大小的图标是最佳的最小尺寸图标。还有重要的一点是,你要考虑可点击元素间的相对距离。如果按钮间靠得太近,手机用户可能会不时按错按钮。为了处理这些错误并防止用户误操作,你必须确保按钮有恰当的尺寸和空间位置,这样才更好地适合手机用户操作。下图是手机网页中,按钮间最佳的最小距离。5.让用户探索完你的产品后,再让他们登入账户如果在用户没有看到你的网页内容前,就要求他们登录或注册的话,会有非常高的交互成本,并且也违反了互惠原则。过早地要求用户注册,可以导致超过85%的用户流失。Netflix提供了一个月的免费使用,但用户只有登录账户才能浏览网页内容。用户在登入个人信息前,通常会先浏览网站的内容,看看这个网站是干什么的(用户对于陌生的网站更会如此)。为了给用户提供一个无障碍浏览的体验,移动网页应该这样设计:不登录状态下,可浏览网页信息不登录状态下,可购买商品。