Posts tagged with 线框图


在 线框图基础Part1 中,我们了解了线框图的定义、线框图的类型,用户体验设计的5个层级等等。 在 线框图基础Part2 中,我们细致的介绍了一些重要的点,像是F型模式,“动作引导”,自解释性等等。 在“线框图基础系列”的最后一篇文章中,我们来看看关于线框图的更多信息。 线框图的重要性 有效表达概念和想法 易于创作,足够及时 支持前期的可用性测试 易于迭代和改变 线框图的关注点 内容, UI元素 的识别和整理 __信息和动作__的识别在应用程序中如何表现 以可以加快理解的方式来__放置和组织__信息 屏幕 / 页面导航:用户在使用应用程序时,…

在 线框图基础 - Part 1 中,我们了解了线框图的定义,种类,以及用户体验设计的5个层次等。在这篇文章中,我们将在开始线框图工作之前,先了解一些重要的原则。 1. F形模式 人们任何阅读网页?不,他们不阅读。 —— Jacob Nielsen 人们 扫视 网页。 F形模式描述了大部分用户在面对块状内容时的视点热区。 重点: 使网页文本易于被用户扫视。 使用粗体的标题和子标题。 当你想分开内容时,使用带圆点项目符号的列表。圆点项目符号易于扫视。 根据等级来决定内容的次序和位置。 2.行为引导(Call to Action)…

这是__线框图基础__系列的第一篇文章,在这一系列文章中,我们将学习线框图基础、设计原则,以及线框图的重要性等等。那么,让我们从理解 '线框图'开始吧。 线框图 线框图是页面的二维草图,它展示了信息等级,功能,以及页面的内容。 相较之于概念笔记(Concept Note),线框图是展示解决方案(想法和概念)的更好方式。 线框图包含的内容 主要元素以及他们的位置(header, footer, 导航, 内容等)、成组的信息(菜单链接,内容)、内容标识(导航链接标识,内容标识)、占位符,内容文本(…