场景拆解

场景拆解

把一个页面拆成导航、正文和操作入口三个层次后,很多点击问题都会更容易理解。这页只讲位置和用途,不演示任何结果。

麻将胡了页面场景示意

顶部区域负责找栏目

电脑端使用顶部主导航与第二行内容索引;手机端则隐藏横向导航,改用左侧抽屉,避免小屏文字挤在一起。

正文区域负责读内容

正文里的文字链接负责关联不同主题,图片本身不叠加功能按钮。这样可以减少误触,也让关闭脚本时内容仍可阅读。

底部区域负责手机快速跳转

手机底部快捷提供首页、导读、试玩和服务四个常用入口。关闭抽屉后,遮罩应立即消失,正文恢复点击。

↑