搜索是网站也好,app 也好,最常见的需求之一。也是看起来最简单,实则很复杂的元素之一。 确定需求 做搜索之前,首先要问问自己:我们真的需要搜索吗? 搜索的优点和缺点 优点 发挥其独特的辅助导航功能,让用户在导航系统没法找到想要的东西的时候快速找到想要的。我们之所以在互联网上做设计,最主要的目的之一就是让人们便捷的找到他们想找到的信息。 那么什么情况下,最适合搜索引擎发挥他的功能呢? 大量数据。 数据不统一。比如由多部门维护的网站,数据格式不统一,架构也不一样,导航已无能为力。 数据具有动态性碎片性,无法逐一归纳到导航系统里。比如微博。 另一方面,搜索是极有用处的用研工具。它有助于你制定标签,制作受控词表,以及改进搜索本身的设计。 缺点 开发搜索引擎需要成本。如果时间很短,…
无论是设计网页还是 app, 在展示大量格式化数据时,表格、列表和卡片都是最常用的三种形式。但是在工作和学习过程中,常常看到这三种形式用的很奇怪的情况。所以来聊聊这个吧。 表格 在各种 web “管理系统”中,如果没有设计师,表格一般是大家的最爱。表格确实比较简单的映射了数据库的结构,而且别人都用,我们也用吧,可能还有从 Excel 转来的用户,简直零成本上手。于是造成了表格的泛滥。而且在 HTML 中,似乎表格也天然对应着这类格式化的数据,毕竟像 ul 和 li 的默认样式都是下面这样带着点的,给人一种这货不适合展示大量格式化数据的感觉。 浏览器默认的列表样式: 示例列表项1…
虚拟现实 (VR) 技术得到了大家的一致认可,然而,当我们做 VR 设计时,还是缺乏好的方法和实践。在我的学士项目中,我一直专注于研究虚拟现实技术所带来的用户界面(UI)和用户体验(UX)方面的问题以及机遇。 传统的数字界面,都是为了适应 2D 屏幕的硬件需求而设计的。设计师一直在让内容和导航适应显示的画面,把我们的现实世界转换成图标和其他的 UI 元素 (Bill Moggridge, 2007). 但是,充斥着 2D 元素的虚拟环境会破坏 VR 带来的沉浸感。 为 VR 环境设计,不是把…
或许是从“网站/网页”时代一路走来,我们仍然喜欢叫一个界面是“页面”。那时候的信息传递基本上是单项的,一个网站就好想是一本书,所以”网页“这个词也是一种文档或书籍的隐喻。我们设计导航就像是在设计书籍的目录,设计内容就好像是在排版。 然而时至今日,我们的设计对象大多已经不能和书籍联系起来。我们在设计应用。而无论网站也好,APP 也好,很多同学却仍然在使用页面的思路。大体是全局导航是什么,是个 tab 还是个 drawer, 还是网页上的一个横向菜单栏?然后每一个选项对应哪个页面,这个页面上的触发器(按钮、链接等等)又会产生什么页面。一路形成一个页面树。最后把它们之间的跳转关系用连线表达出来。 这样的做法,首先兜了一个圈子。…
在 线框图基础Part1 中,我们了解了线框图的定义、线框图的类型,用户体验设计的5个层级等等。 在 线框图基础Part2 中,我们细致的介绍了一些重要的点,像是F型模式,“动作引导”,自解释性等等。 在“线框图基础系列”的最后一篇文章中,我们来看看关于线框图的更多信息。 线框图的重要性 有效表达概念和想法 易于创作,足够及时 支持前期的可用性测试 易于迭代和改变 线框图的关注点 内容, UI元素 的识别和整理 __信息和动作__的识别在应用程序中如何表现 以可以加快理解的方式来__放置和组织__信息 屏幕 / 页面导航:用户在使用应用程序时,…