[B·G – 23] Using – Universe Website Builder

相对于 Wix 和 Squarespace 等产品,Universe 更专注于移动端网站的搭建,并且其移动端的可视化网格效果展示的很清晰明了,值得看看。而前两者中 Wix 更偏向内容的编辑,Squarespace 则因未知原因在登录-注册的流程中不断循环而无法正常使用。

虽然专注于移动端网站,但显然桌面上也可以显示
虽然专注于移动端网站,显然桌面端也可以

引导

一段(非广告)开屏动画,再加上一段加载时间,来到了第一个页面:给你的网站起个标题。

看来 Universe 默认认为下载本 App 的用户都是知道自己是什么定位,所以没有任何 App 内部的说明引导。我不清楚这样做的实际转化效果如何,但先验性这种东西很容易在设计开发阶段就开始引起问题。

同样我也没有第一时间看出下方的虹色色带代表着什么,只有现在做复盘时才能看出原来是上方网站首页出现的颜色,那么这里确实不如直接放置一个 App Icon 上的标识为好。右下方的“帮助”图标也不是很起眼,下方是有足够的空间去容纳这些元素的。而作为一名新用户,一般还没定下来网站叫什么名字,或者是只有一个项目代号,那么这里也缺乏一些类似“site name 可更改”等辅助说明。

所以这里直接 Skip 这个页面。到下一步又出现了付费信息(上一步其实是让你选域名,包含在付费服务内)。我不清楚做建站这行是不是竞争如此激烈,但明显可以看出 Universe 还是很急的

选择挑选模板,种类繁多。拉到底部有个“其他”,本以为是自定义的(上一级的空白模板),点按后弹出对话框询问你想要的分类。嗯,保持开放性总是好的。

底部询问 Site Title ,看来这次不填写无法进行到下一步。但值得注意的是,当前页面的状态已经进入了一种类似“编辑状态”的氛围——起码感受起来是这样的。这跟之前开幕即问产生的结果并不一样。

我输入了中文标题,顺便看看字体的兼容性。而底部开始莫名弹出了域名服务提示,这问题大了:首先 6div 这个二级域名自动生成的,非用户(我)本意,现在直接把这种前缀套上顶级域名服务的逻辑是行不通的。

点击 Fine 后,选择了图片,一键加上了“信封”图标,又自动帮你加上了订阅输入框(编辑细节后面讲),完成 Set Up 时却自动帮你发布了……我差点要关闭 App 来终止这种操作。然后接着因未知原因而出现了产品付费宣传片,不知道在加载什么导致左上方的关闭被一层半透明灰色蒙版盖住而无法退出。

 

主页

不知道发生了什么最终我终于回到了 App 的主页。普遍而来的是更多的详细引导,让人哭笑不得为什么这些不提前置入流程。到这里的 Universe 终于像个正经 App 了,结构清晰,引导瞩目。Pages 的下方是更多更多的分类引导,这里不再截图。中间的 Pages、Audience 和 Pro 不用看都知道还有大量的付费信息包含在里面,同样它们也不是本文的重点,略过。

我很在意设置页面,建站这类 SaaS 产品需要在自由度和友好度之间找到一个协调的关系,所以特意多截了一个图。 Site Info 应该是每个此类产品必备的选项。Email 算是定制化,自定义菜单样式和域名服务则又是绕到了付费上。以移动端网站的体量来说,算是够用。但后续的页面让我感到,可能“我还可以不必付费”的想法也就停留在此时了。

点击顶部右侧的星球图标,果不其然这里是其他用户的优质案例。那个绿色圆圈的标识我也不知道代表什么,Online?点开其中一个案例,和 twitter 一样调用的是 Safari 的 Kit,好用也省事,不像国内某些 App。从这些案例看 Universe 用户群感觉和 Ins artist 类型比较相似,对比桌面端可能更偏靠 Cargo 的受众。

点击顶部左侧的笑脸图标是你的 profile 页面。默认只获取的你邮箱,所以头像和昵称都是占位状态,Universe 没有强迫用户去完善信息,也可能是后续付费流程中需要填写,不过我当然不打算付费(?)所以这里也不在多说。有意思的是点击当中的 About 你可以看到 Universe 团队成员。这点做的比较棒,起码这说明了团队成员在使用自己的产品

 

编辑

虽然前面 Universe 有不少拉胯的地方,到了编辑部分还是可以学习一下的:

以网格为单位的编辑界面我们已经屡见不鲜了,从 Android 的桌面控件到 CSS 中的 grid- 布局都有体现过其规整、自由的自适应排版。如左一图所示,点击一个网格后下方显示可以插入很多元素,并用灯箱的方式凸显选中状态。但是除了文字和图片外其他都是收费的。网格可以在下方常驻的黑色面板进行增删,并设置网格密度、背景和主题颜色。你也可以下拉顶部来向上增加网格(如右二图),并长按滑动批量选择网格进行添加或删除。这一些系列交互很好的体现了移动端网页的特点,纵轴方向滑动所带来的可能性。

基本每个控件都可以分为三种设置:内容、样式和行为,并通过长按来移动和控制区域大小,比较符合第一直觉。但在一些细节的地方还有所欠缺,比如当前居中在网格底部的文字想让它垂直居左的话,就要点击同一个按钮很多次直到出现在想要的位置,而不是直接给出选项。再者像右图二的 Photo 形状一样充满“异样”,无关用户体验,只是觉得有些滑稽。

按钮的样式出奇得多,甚至自带了一些点击动画。当然,作为网页最重要的控件之一,它也是收费服务。到这里我觉得基本就可以分辨出 Universe 这款产品到底是不是你想要的了。Universe 在编辑阶段虽然会有付费提示但不会阻拦你使用,直到你提交页面后才会提示充钱,这也算是付费产品的常见“套路”。

最后,对于这个我依然找不到怎么关闭访问的试用站点,我选择了删除:

 

后话

这期做 Universe 主要是想起了自己之前的一个概念设计——如何直接在手机上进行移动端的界面设计。

后来我想了想,本质上这不就是这些建站网站做的事情吗?然后因没有找到更满意的交互方式而暂停,理由是在取舍属性筛选器层级时,对受众用户群体产生了分歧与矛盾。

虽然 Universe 和我做的并不是一码事,整体体验也并不太出色,但它在页面的结构解构上做出了良好的范例,如之后碰到需要类似的项目,相信顺着这个方向继续摸索应该会轻松许多。在这点上,即使是 Notion 也差了点意思。

发表评论

Fill in your details below or click an icon to log in:

WordPress.com 徽标

您正在使用您的 WordPress.com 账号评论。 登出 /  更改 )

Google photo

您正在使用您的 Google 账号评论。 登出 /  更改 )

Twitter picture

您正在使用您的 Twitter 账号评论。 登出 /  更改 )

Facebook photo

您正在使用您的 Facebook 账号评论。 登出 /  更改 )

Connecting to %s

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理

%d 博主赞过:
search previous next tag category expand menu location phone mail time cart zoom edit close