蔓延
最近发现new york time的英文版(desktop版本)有两个有趣的小设计, 仔细思索一番后发现还是有可论之处。
其一:
右上角侧栏的sectons部分点击后展开的只是寻常的侧栏, 但是却采用了移动app设计中常见的drawer图标, 并且其处于顶层覆盖顶层工具条的行为也与移动端drawer的行 为相似。 显然采取drawer的方式收纳顶层的分类充分发挥其优势—— 高效利用有限的屏幕空间。 本来可能密布于导航栏的内容现在被轻易而有序的归于drawer 内,而且全部内容垂直分层次排列, 相当方便读者阅读搜寻感兴趣的模块并且进行快速跳转。
其二:
点击搜索按钮出现的搜索工具栏让人感到非常亲切, 这与ios系统原生默认的finder非常相似。 尽管搜索结果还是非常传统的网页站内搜索样式, 但是样式的改变却别有意味。其一就是那几乎是亘古不变的信条—— 站内搜索要放在足够显眼的位置,而且最好连带上输入框, 这种传统形式被无情抛弃。其二就是意味着, 站内搜索可能并不如想象中那么重要, 而且比起在右侧占据一整条的位置,不如与抽屉等按钮并行排放, 把珍贵的右侧空间留给社交分享按钮( 以往被置于文末的社交分享按钮跃然登上顶端工具栏, 可见世风之变人们再也不需要读完一篇文章才分享他们了....) 。
#移动向桌面的蔓延
以上两个设计之所以出现在nyt的desktop版有个重要的小 前提, 也就是他的目标受众已然对于移动端的这两种空间以及其交互方式非 常熟悉。 这种熟悉的背后不仅仅意味着移动端的设计会影响并出现在桌面端的 设计中, 更意味着从交互到用户行为和习惯上可能日趋以移动为中心。 这对于面向国内大众市场的用户的产品设计而言,尤为重要。 因为接入互联网终端的用户特别是新用户, 他们的起点可能是移动端(智能手机+移动web)。 因而对他们而言移动端的交互行为而非桌面端的交互行为更为亲切方 便。可想而知,在桌面端如果能恰当运用移动端的设计风格与控件, 能减少用户的学习成本与方便桌面端支持ipad甚至是手机web 版流式布局设计。
# place,place,place
drawer的妙用以及搜索按钮的出现不仅仅暗示了移动端的控件 使用,也意味着这是空间使用方式的改变。 移动端这两个控件的设计与行为移动端屏幕空间有限有关, 那么在桌面端使用也能延续这种节约空间的设计理念。 然而为何而节约?这样需要联系起NYT另外一个设计趋势( 实际上是medium最初开始玩这一套)—— 利用滚动时差与大图充分营造充满沉浸感的阅读氛围。 这种针对文章阅读页面的设计有一个小小的前提, 也就就是导航栏内各元素需要更加精简—— 最好占据尽可能少的空间最好能在往下滚动时全面搜索。 因而我们很容易得出结论, 采用drawer以及搜索按钮的或许能给我们带来某种启示: 学习移动端对于空间利用的方式能让桌面端的内容更为淋漓尽致的传 达。
#总结 why or why not?
毫无疑问桌面端与移动端在场景以及用户习惯和期待上都有着说不尽 的区别,但是本文并不打算集中讨论这些区别。 本文意图揭示桌面端设计与移动段设计之间的融合, 以及这些融合可能带来的优势。 设计中控件的取向以及运用可能仅仅属于术, 但是考虑用户习惯的场景,以及发挥自身优势充分展现的内容, 才是不变的道。
图挂啦
回复删除