Adobe购物车的“反常识”设计有多牛?—解读跨境产品本地化设计的底层依据!
版权声明
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
产品参赵:跨境产品本地化交互设计
前言:在设计跨境产品时,需要考虑本地化原则、用户习惯和业务场景。例如,京东在伊斯兰国家将吉祥物由小狗改为小马以尊重当地宗教习惗。不同国家对图标设计和色彩的偏好也有所不同,例如香港、日本、泰国和马来西亚,因而理解这些差异对于交互设计至关重要。
01 反常识的购物车布局
海外网站的购物车界面设计通常与国内不同,多数将支付信息放在左侧,商品信息在右侧。这种布局符合“F”型阅读视觉动线,即人们在阅读时倾向于先水平再垂直扫视,形成一个“F”字形,这种模式在博客和新闻类网站中较为常见。
02 F型阅读视觉动线
研究表明,用户的阅读行为在不同网站和任务中相当一致,遵循F型模式。了解用户的阅读模式对于设计者来说是重要的,以便帮助用户快速获取信息。F型布局模式适用于信息量大的网站,它遵循从上至下、从左至右的阅读习惯。
03 古登堡结构(Gutenberg Rule)
古登堡结构是一个将页面分为四个部分的模型,包括主视觉区、最终视觉区、强闲置区和弱闲置区。设计时,读者的视线会自然地从左上角扫到右下角。这一行为习惯可以作为网页设计的参考标准。
04 Z视觉模型
Z视觉模型认为网页访客在浏览网页内容时,会按照Z字形浏览。设计时应该在顶部放置醒目内容,在对角线介绍主要内容,并在底部引导用户执行动作。Z型布局遵循人眼扫描页面的自然路线。
后记
跨境产品的本地化交互设计需要在交互设计基础上进一步优化,并结合目标地区的用户习惯进行设计。产品经理应通过调研和AB测试来验证页面布局的合理性,而不是盲目套用常见布局模型。
产品参赵
还在用多套工具管项目?
一个平台搞定产品、项目、质量与效能,告别整合之苦,实现全流程闭环。
白皮书上线