Spotagram 设计开发手记

Spotagram 是 2015 年课程中制作的地理位置社交应用，开发时间不到五天。用户可以匿名查看附近状态，在地图上点击标记进入详情；发布和评论需要登录。内容按位置组织，没有关注关系。这个取舍简化了实现，也让用户难以持续追踪朋友和回复。

三：设计

• 交互逻辑设计
  • 尽可能减少用户需要输入或者选择的地方，如果输入尽可能用选择代替，选择尽可能用默认选择这样减少完成一个操作所需要的交互次数
  • 保证设计语言的一致性，例如发送按钮就是以 fab 的形式出现，或者说其实所有的确认操作都尽量在屏幕的右下角，方便用户点击并且形成统一的使用习惯
  • 不去更改已经形成的交互习惯，比方说长按地图上的标记可以拖动微调位置，地图可以旋转放大缩小并且更新地址会有动画效果，就和使用原生地图的体验一样
  • 卡片式设计+详情页，不但可以兼容手机布局，平板布局同样可以单栏变双栏
  • 尽可能朴素简约不花哨，利用留白和合理的内容布局来形成统一的视觉效果
• 功能逻辑设计
  • 没有明显的登录页面，即使用户不登录，也可以查看附近的状态，方便匿名使用
  • 进阶功能（比方说发布和评论）需要登录，登录信息会保存在本地，方便下次使用
  • 发布状态可以添加图片，不过现在的限制是至多一张，算是给服务器设计减压
  • 没有关注被关注关系，一切都以地理位置为准

四：不足与遗憾

• 功能缺失
  • 没有帮助页面，界面逻辑代码也没有留出给用户熟悉操作的空间
  • 没有关注，这样不能看朋友都在哪里做了什么
  • 没有通知，即使有人评论了你的状态或者回复了你的评论也不会有提示
  • 没有分类，所有的状态统一颜色，没有什么区分度
  • 没有做过滤器，所有的状态都会显示，不能自定条件显示
  • 没有状态编辑功能，发了就发了，想删改都是不可以的
  • 地图控件和卡片状态的交互没有打通，地图标记没有自定义绘制比较单调
  • 不支持一对一聊天
  • 设置和个性化比较弱，也没有各种附加认证之类的功能
• 设计不足
  • 界面比较简陋，动画效果和页面切换效果不够自然
  • 控件美化不够，基本用得是默认样式
  • 一些交互方式比较生硬（例如评论）
  • 没有启动界面
• 遗憾
  • 没有单元测试
  • 一开始设计不够精细，后期改动很多
  • 没有太多时间细细打磨应用（英雄联盟百科迭代了一年才上了官方推荐，这个可能就做了不到五天）
  • 没有趁机学习把服务器部署在云端
  • 没有太多考究相似产品，以便借鉴和提高

五：思考

虽然开发时间很短，但是不断增加新功能改 bug 的过程还是很快乐的，依稀有当初在微软趁着实习之余不断『ship new features』的激动和热情。这个故事告诉我们做自己喜欢的事情是很重要的，这样即可以有动力把事情做好而且在真的把事情做好之后自己也会很开心。

另一个感悟就是想法当然是重要的，更重要的是到底能把这个想法做成什么样，还有很多东西需要学，还有很多东西需要去尝试，总而言之不要停下。