用户首先会阅读最突出的内容(即最具视觉重量的内容)。因此,一定要凸显重要内容的视觉重量。可以通过字体排版来体现文本的重要性,比如高亮文本关键词;也可以通过各种颜色突显某些按钮。 每个段落只覆盖一个观点,并尽可能多地使用项目符号(即本条左边的小黑圆点)。 将最重要的内容(比如行为召唤相关的内容)放置在页面左右两端,这也是用户横向扫视的起始两端。当他们继续往下扫视至下一横向内容时,刚好有几秒时间,可以让他们稍作思考。 4. 好好利用工具栏 工具栏可以让人们进一步参与交互,好好利用工具栏,可以进一步提高用户参与度。 让希望用户点击的任何元素显得更有特色,尽管它可能和页面主要内容「迥然不同」,比如广告,相关文章列表,社交媒体小组件等等。 把它定义为用户寻找特定内容(比如目录列表,标签群,热门文章小组件等等)的工具。 Medium 在工具栏中加入了二级导航 5. 避免视觉疲劳 「F 型扫视」模式最大的缺点,是可能存在的视觉疲劳。要让用户觉得无聊,其实并不难,比如在页面加入重复和相似的内容。如果用户真觉得无聊了,那你也不会得到什么好处。所以,不妨试试在人们扫视范围内加入「出人意料」的元素,从而保持用户的参与度。 这个「打破预期」的页面布局技巧,在有长篇幅内容的页面上特别适用。试想,如果人们浏览类似页面时,尽是沉闷或无聊的内容,那他们很快就会「想吐」…… 下图页面的上半部分,页面的任务宣言(即图中 This is a headline … 该句)置于页面顶端,可以在短时间内向用户传达该页面的功能。 此外,将页面拆分为左右两栏——左栏为主要信息,右栏为辅助信息(工具栏),可以进一步保持用户的参与度。 图片来源:tutsplus 整个界面布局设计简单,但核心元素都体现了出来。人们打开页面,能够清晰了解页面主要功能,工具栏中也有目录列表导航,用户也可以直观地看到相关内容。 通过页面左端方形卡片和引人注目的标题,可以吸引用户关注。尽管用户可能对这些内容不感兴趣,但至少发现有趣内容的机会是存在的。 顺着字母「F」的第二横,再加入一些「出人意料」的元素,比如图片或行为召唤相关的内容,从而进一步保持用户的参与度。 结束语 「F 型扫视」模式是人眼阅读的自然轨迹。设计页面时,结合该模式可以进一步优化页面设计。但值得注意的是,最好不要死板地运用这个模式,毕竟它只能算作设计的指导原则,而非设计模板。它是死的,而人是活的。 谢谢! 译者:Jorri (责任编辑:admin) |