[地铁通]丝滑不辣眼睛版-v0.4.1

2019-07-29 08:56:59 +08:00
 BruceWolf

26 号我在“分享发现”节点发了一个小程序“地铁通”,当时版本是 v0.4.0。本来的目的是想得瑟一下地图的丝滑,没想到是实际结果是多名 v 友反馈被辣到了眼睛,甚至绝望,真的很抱歉。。然而,这个惨痛的事实也给本人造成了一定的心理阴影面积,大概这么大 (双手比划

本着能力范围内能抢救就尽量抢救的原则,本人火速修改( hotfix🤣)了一下整体的配色,最辣眼睛的那个绿色按钮已经被大部分被替换掉。现在 v0.4.1 终于审核通过了,可以打开体验一下区别。原帖的截图已更新(地址附在帖子最后),强制刷新(Ctrl + F5)可以看到新版 UI 截图。近期打开过地铁通小程序的话可能需要打开一次之后等一会儿再打开才会看到新 UI,对!不辣眼睛的那种,不然就还是旧版本,没更新上最新的。如果是第一次打开地铁通小程序的 v 友,那看到的就是新 UI。

感谢 @TomatoYuyuko 的建议,红配绿的问题大部分已经修改,整体极简风格会在下一个版统一(尽量统一。。
感谢 @joiejia 专业的指导。
其他 v 友的热心反馈对我帮助很大,感谢大家。

这是个通告贴,因为原帖被管理员移动到“微信”节点后就沉了 (双手再次比划。原帖我会继续回复,毕竟是地铁通小程序的成长过程。后续可能会继续保持这种通告的方式,汇报一下版本更新,日常讨论还是在原帖。欢迎大家反馈、吐槽~


八卦一下:
这几天用户的一级流量基本上来自于 v2ex
26 号的男女比例是高精度的 3:1
27 号的男女比例是大致的 6:1
28 号的男女比例是惊人的 4:3

28 号高龄用户(30~49)偏多,看来起来是分享给了朋友或者亲戚。大家赶紧找女朋友啊,,顺便推荐一下我的小程序,还不是女朋友的给她推荐一下,可能潜在目标就成女朋友了哇(掩面,,


v0.4.1 更新:

  1. 适配长宽比过高的设备,比如 iPhone X 及后续设备大地图底部会直接显示出始终点输入框
  2. 增加地图尺寸切换功能,默认是大尺寸,可以手动选择小尺寸
  3. 城市列表的按钮绿色换成了白色,线路显示更清晰
  4. 站名搜索的站点列表按钮绿色换成了白色
  5. 地图显示线路时使乳白色的半透明遮罩层
  6. 修复 Android 的点击地图时将点击识别成移动导致不能正确获取站点的 bug
  7. 修复 Android 缩放跳动幅度过大的 bug

v0.4.1 是紧急的 bug fix,没有什么新特性。下一版将会是 v0.5.0,会有一些小的特性加入。


这么丝滑的小程序,不考虑给女朋友推荐一下嘛? 😏
https://www.v2ex.com/t/586461

3553 次点击
所在节点    微信
15 条回复
joiejia
2019-07-29 10:23:52 +08:00
个人感受,大红色的 title 跟 [出发] 按钮还是太亮眼了……建议饱和度减 50%,得到#bf4040,r191,g64,b64。如果想要颜色深一点,就调低明度,浅一点就调高。
adobe 官方有个在线配色库,可以参考一下。
对眼睛友好一点很重要……
BruceWolf
2019-07-29 10:47:38 +08:00
红色是公司产品系统一的主色,就像小程序 icon 里的红色。当年专业设计师配的色就是不一样,都是红色,设计师弄出来就显得大气,在我这就辣眼睛了。

那个按钮着实辣眼睛,下一版我去把那个按钮颜色换成和城市列表里的颜色一样吧,微信按钮的默认颜色。。

ps: 才发现我的红色和设计师的色号不一样,之前的 app 的图稿里设计师弄的是 #fe4a4b。羡慕设计师,厉害~哈哈哈哈~

感谢指教:)
BruceWolf
2019-07-29 10:50:05 +08:00
@joiejia 给你回复,刚才忘了 @ 你。。

帮忙看一下即时修改的效果么,到小程序的设置页面给客服发消息(也就是我。。),把你添加到测试人员😄
TomatoYuyuko
2019-07-29 10:57:47 +08:00
啊被点名了..
其实可以参考下:“广州地铁乘车码”那个小程序 同样是红色,相对护眼一点
底下填写目的地的板块是 bug...为啥可以直接把他直接拖上来...不应该是点击按钮弹入弹出效果吗
marcong95
2019-07-29 11:04:13 +08:00
我这边滑动缩放的时候,那些点会抖动,而且不动的时候也错位。OnePlus 7 Pro、Android 9.0、WeChat 7.0.5

https://i.loli.net/2019/07/29/5d3e60d92fa2656720.jpg

此外,如截图所示,广州地铁,林和西是 3 号线、APM 线出闸换乘站,所以再在线路图上是有两个点的。然而你画的线路画在了两个点之间,可能需要特殊处理一下。

我觉得如图的路线,还是画在 3 号线那边比较好。如果需要在该站换乘,就画两个圆点或者一个跑道型的点,另外可以加个“出闸换乘”的提示啥的。
BruceWolf
2019-07-29 11:15:59 +08:00
@TomatoYuyuko 我去换成 #fe4a4b 试试,目测还行,柔和了很多。出发的按钮换成白色算了。

ps: 才发现这位朋友果然很壕啊,,虽然 20 铜币微不足道,感谢还是要有的,谢谢支持!
BruceWolf
2019-07-29 11:18:51 +08:00
@marcong95 你的图片地址打不开,不确定是不是最新版的。v0.4.0 的 Android 是跳动得厉害,v0.4.1 试着修复了一下,在 HTC M8d 上表现还行,虽然缩放有迟滞感,但是不跳。

地图我会和设计师反馈,等下一版地图更新的时候加上。
BruceWolf
2019-07-29 11:28:44 +08:00
@marcong95 你说的是缩放线路图的时候站点的 dot 有抖动啊,这个暂时我还没想到解决方案,我得再思考一下,有点伤脑筋,哈哈哈哈。放大看是有点错位,下次发版的时候重新取一下站点的坐标。

看到图了,一个站分两个得改一下基础数据,我看看怎么弄。出站换乘的提示也得想一下怎么加,想好之后我再给设计反馈。
ifoolish
2019-07-29 11:45:41 +08:00
还是不如我手机上的黄色背景黑色 M 字母图标的地铁图 APP
BruceWolf
2019-07-29 11:48:59 +08:00
@ifoolish 萝卜白菜,各有所爱。正常的哈~

M 字头也可以说代表了之前小程序的最高水平了,欢迎感兴趣的朋友去对比体验一下。

@ifoolish 可以把全称发出来,免得我意会错了,那就尴尬了。
santom
2019-07-29 11:52:40 +08:00
可以尝试添加 获取地理位置权限 自动定位 到所在城市 所在站点 ,因为 看其他城市的地铁相对频率还是很低的吧
BruceWolf
2019-07-29 11:57:17 +08:00
@santom 嗯,这个稍后会加上的。就像你说的,这个操作是低频操作,看其他城市相对频率比较低,至少短时间内是频率很低的。所以排期会稍后,正在开发的这一版正在添加首末车时间,在一个城市内也会相对高频的使用到。
ifoolish
2019-07-29 12:05:12 +08:00
@BruceWolf #10 是个 APP,就叫地铁通,因为 AppStore 上不止一个叫地铁通,所以我描述了一下图标,这个之前一直是个离线 APP,后来才加上了联网更新数据
BruceWolf
2019-07-29 12:18:02 +08:00
@ifoolish #13 app 就和 app 去比拼么,我们 iOS 也有 app,就叫地铁通,常年 “ AppStore 精华”,搜“地铁通”第一个就是我们。

竞争是好的,能给用户带来更好的产品体验。我们的小程序虽然来得晚,但是确实引起了新的竞争,不是么~😏
BruceWolf
2019-07-29 16:24:27 +08:00
@TomatoYuyuko 弹出的操作已加,点击城市信息 /站点信息那一栏的空白就能收器地图,弹出站点录入界面。等下一版发布就有了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/587007

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX