声笔顶功打字方案官网 焕新

我设计开发声笔官网焕新,旨在以浅显易懂的方式让你对声笔有初步的认知

如果无法访问网页或加载速度慢慢慢,请看视频版:

发个暴论:太丑,没有往下翻的欲望。

是自己纯手写的网页吗?

手机上看字太小了。原来是图片,为啥不用文字呢。

1 个赞

先解决有无,再迭代

实际上这是原型预览,直接展示设计稿,看看反响关于描述和展示过程的逻辑上有没有问题

再后续改进,直到完稿,再考虑真正网页开发

主页全图片,加载又慢,没有看下去的欲望

参考一下其他输入方案的官网吧,想推广一个新东西,至少得把人拉进屋里,再拉卷帘门,不要一开始就把卷帘门拉下来让顾客拉上去啊。

新的输入方案明显是有学习成本的,至少要花一个下午的时间才能上手,两天才能流畅。如果没有很好的说服力,对于用户而言直接可以归类到“双拼”里面,“哦,又是一个’双拼’方案”,多平台的快速开箱即用的支持,也就是一个小众方案而已。

对于一个想找一个新的输入法方案的我来说,先让我看看有什么有点(简单几句话说完),是否全平台支持(我可不想手机一个方案,电脑上一个方案),安装配置是否简单(至少你得让我知道,确定->确定->完成就可以使用了),键位图(除了全拼其他的输入方案都需要这个吧。),或者有一个可以在线的网页来让体验一下输入那就更好了。

(以上的言论来自我快速游览后的想法,没有更进一步的了解,上面出现的“双拼”,此“双拼”非彼“双拼”,只是一个比喻。)

我一分钟几百亿,搁那慢慢翻吗?
三秒留住用户,十五秒让用户决定点击某个链接

网站搬新家,已更换链接

感谢此前点击访问过的 20 名朋友

如果说此前直连只是加载慢,但终究还能访问。这回应该彻底无法访问。我这里测试直连无法访问。

目前正在尽力解决访问问题,但 Gitee 是不可能碰的,所以路数不多,希望不大。

但请相信美好事情即将发生

试试在 Vercel 绑定个自己的域名,不要用它提供的域名。

感谢建议,看中的域名价格超出承载预期,目前无计划添置。

后续将改为发布会视频形式重新以更好的载体让大家知道声笔

再搬新家

这回我这里测试直连速度飞起,无法访问或加载慢的问题得到有效解决

古有孟母三迁,今有 Poto 三迁

再焕新

感谢 余 朋友的意见。

现在我去掉原来的首末链接,改为右下角「一键直达」悬浮按钮

以下是旧版设计稿



耐着性子勉强看完了……

首先翻了半天都没明白你的“声笔”到底是什么形式的输入法,作为一个官网,应该在打开的第一时间告诉访客你是什么,你能干什么,不然访客哪来的兴趣继续看下去,得先拉住用户才有机会告诉用户你的优势

其次,我能理解你打算先调整好画面再制作web的想法,但是一个基础的html框架是很容易的事情吧,功能介绍部分换成动图才能更好的展示功能(包括开头的顶功介绍,我第二遍返回来看才反应过来是什么功能),你不能指望用户一个字一个字读你的长篇大论,现在的字又多又乱,一眼望过去都不知道该看哪儿。

介绍可以再精简一些,比如开头的一大段“单字性能……方案”,就只表达了“简单高效”四个字而已,所谓“顶功”在不了解的人(比如我)看来完全不知道是什么功能,不如后续再介绍。

其实还有蛮多槽点的,但一一提没有什么意义,我的建议是和楼上一个评论一样,去看看别家网页怎么做的,借鉴一下,效果会好很多的。

这种描述,是你想要看到的吗?

并不容易,反而是最麻烦的,特别是设计还没定稿,可能面临多次调整的前提。

前端的麻烦在于琐碎,比如不同屏幕尺寸的单独测试和适配。

怎么都会比我现在直接拿设计稿发布,所需的工时长数倍

我肯定要兼顾开发效率、成本和效果的平衡

比如我现在直接用设计稿,我要改动,改完了直接就能上线

还有个一箭三雕的好处。

比如针对大龄用户老花眼,在电脑上看字体很大,就轻松些。但也带来了对年轻人而言观感差、丑和不好看等差评;

解决响应式网页设计问题,电脑上看只是大得怪异,但能看。手机上需要频繁缩放,但至少也能凑和着看;

社区共创,听取反馈快速迭代优化用户体验设计

这是一个兴趣之作,本身也没什么资源,像今天才解决网页访问的速度问题。我的定位是先上线,再根据反馈迭代,类似公测。

加上我也不想套模板

自然不能像商业化那样打磨好才上线,上线观感就很好,各维度体验都在线。

可以试试 docsify 和 VuePress,这样就不用自己适配了。我刚上 Cloudflare Radar 看过去一年全球用户的数据,移动设备已经占 56.3%,桌面设备 43.6%。

我还遇到了一些难以言表的用户反馈情况,均为他们访问时遇到的拦路虎问题

可以试试用类似screenshot-to-code之类的项目轻松实现 图片->html 的转换

况且我的意思并不是让你现在就做的多好,只是至少拆开来,能把动图放两张进去

至于这个

其实现在的布局只需要基础的div布局就能写出来,优点也不少

  • 每个元素对应一个块,修改迭代都很快
  • div布局只需要考虑横竖两个尺寸基本就够用了,本身就有自适应的能力
  • 自适应的缺点没有了,大龄用户可以放大,普通用户也能正常看,手机上也不用频繁缩放

说实话我不太懂你现在到底是在一个什么状态

如果你现在还没到要花精力制作官网的时候,那大可以不用把精力放在处理服务器啊,网页啊这些东西上面呐,有的是成熟的产品可以完成你要分享的目的,各种在线文档,甚至bento都可以曲线救国做出漂亮的页面。

如果你现在已经到了制作官网的时候了,那就该花精力去做了呀,你说等用户反馈迭代,那这些不就是反馈嘛,对于html页面的反馈怎么想都要写html才能做出来呀。

如果你说等用户反馈等的时“声笔”的反馈迭代,我觉得临时分享完全够用,这个官网看的云里雾里完全不如直接小众的帖子来的直观,而且官网这种近乎一次性的东西就是为了撑起门面、为了好看来的,如果PC看着丑,手机看着累,那还要它干嘛呢对吧。

对了,如果你的目的是

我觉得类似于MyKeymap这种官网可以看看,又好做又好用,现在这种风格注定不能做信息量太大的页面,字一放多立马就显得乱了。

当然以上存粹是个人见解就是了 :melting_face:

话说这个做法让我想起初中html作业,当时还学的DW,还在用表格布局,难搞的一批,就干脆先用PS做好页面直接图片扔进去,用区域点击的链接做按钮,成功成为看起来最美观的作业 :smiley_cat:

在没有解决访问障碍之前,用最小原型做一次可行性验证。

是目前的状态

包括目前的链接,我也在观察多数地区能否正常访问

在没有验证访问可行性之前,用原型试试水是明智的

技术不是问题,问题在于多数用户能不能直连访问

现在得到可行性验证,再 Web 开发

感觉 Poto 大佬的一些兴趣还是很有意思的,感觉未来你会自己diy输入法了

比如?

VuePress 里面这么说

Docsify / Docute

这两个项目同样都是基于 Vue,然而它们都是完全的运行时驱动,因此对 SEO 不够友好。如果你并不关注 SEO,同时也不想安装大量依赖,它们仍然是非常好的选择!

似乎 VuePress 更好些


是的,我这里接收到的反馈基本以移动端为主

我已经着手重新设计,并优先设计移动端,移动和桌面分别设计

文本描述大部分推倒重来