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