关于 WebCity 界面的一些想法

这个话题在前边已经写过一些, 看豆瓣上关于 WebCity 一些新的想法
中间一些想法酝酿了比较长时间了, 这次也当作是一个整理吧
这篇文章在界面设计方面写一点, 配图也是网上的, 没有经过加工, 需要点想象啊
由于我没有足够的设计能力, 相关技术也不成熟, 因此 Demo 暂时不会有

双十一网页

双十一没有买东西, 网页没有细看, 只是扫了一眼淘宝京东跟蘑菇街
京东加强了导航难看实用, 蘑菇街设定了区分明确的板块风格清晰.. 兴趣不大
天猫做了个地图, 这一点我觉得很有意思, 某种程度上也 WebCity 有点像
当 Web 上内容更加丰富, 怎样呈现才是更友好的? 至少不能用机械化的列表!
我想这是一个网站朝着类似方向发展的另一个征兆

界面特点

WebCity 并不是一个只是为了桌面上方便人查找网站而设想的页面
特别因为线上社区大量增多, 桌面电脑大小的屏幕通常是不够的
WebCity 设想的场景是地铁广告那么大的屏幕, 支持手势语音直接操作
当然出于各种原因, 一定是基于桌面版开发和兼容的

我设想达到的是这样一些目标:

索引

现在网站越来越多, 以搜索作为入口是不够优化的, 也不够友好
我猜想人们喜闻乐见的还是在页面上平铺开来, 还有按照分类分开多个页面
所以简单理解就是会有非常多网页, 每个网页上有很多卡片式的入口同向站外

但是就像人们无论去哪里都先上街一样, WebCity 当中的"通道"的概念必不可少
同时街道的作用也可以标记位置, 因此人们不需要记忆各个建筑的经纬度
同时街道直接相互联通, 作为在建筑直接切换的途径, 也可以说是引导
因此作为索引, 一方面收录网站, 一方面建立网站之间的关联

装饰

上边是最初觉得适合 WebCity 用的一个样式, 因为这个排列显得美观
美观的界面才有可能被人用在桌面, 或者广告, 或者用来装饰墙体
试想未来城市里到处是屏幕, 也许全都会显示可交互的广告
而这样的界面除了美观, 也对应了人们熟悉的网上一个经常光顾的场所
这个网络和现实产生关联的感觉, 比起海报或者广告片也挺有趣的

我倾向于和现在的网站一样采用卡片的简单结构, 将装饰放到配色和背景上
这样的界面易于使用算法进行堆积和调整, 每个单元能相对一致得受到关注
极端的情况比如广告颜色太多, 卡片也能通过间距一起降低相互的干扰
而图中卡片的倾斜, 纯粹是为了在视觉上避免单调

关联

前面已经提到了"通道"的概念, 作为一种手段, 展现出网站的关联
用另外一个角度理解, WebCity 就是为网上那么多的网站创造一些关联
假设人们因为一些需求通过 WebCity 去访问一些网站极其相关信息,
那么, 将有巨大的流量, 一方面要更快满足流量需求, 一方面激发更多的需求
找个比喻就像植物的根系, 伸向土壤中的养分, 同时让土壤更活跃

于是这些卡片组成是连贯的整体, 即便切换位置, 也会加有用意的专场动画
原来展示, 两个位置是互联网地理上相关联的, 那是这一边, 这是在这一边
所以卡片之间会留一些入口, 提供游客停下交流的地方, 对, 就像阿尔法城的聊天
当然我期待的是还有其他的互动方式, 相对到那时候自然而然会冒出来
而这些是模仿现实中的城市, 一个地方, 就有一个地方人们留下来的氛围