学会站在设计的角度做开发
Upcoming SlideShare
Loading in...5
×
 

学会站在设计的角度做开发

on

  • 1,422 views

 

Statistics

Views

Total Views
1,422
Views on SlideShare
1,414
Embed Views
8

Actions

Likes
4
Downloads
37
Comments
0

1 Embed 8

http://fe.com 8

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

学会站在设计的角度做开发 学会站在设计的角度做开发 Presentation Transcript

  • 站在设计的角度做开发 王磊(伯约) ioldfish
  • topic 1设计 ≠ 交互设计
  • topic 2设计 =
  • Topic 1:架构设计的思考 信息架构
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考 accountModule bankCardModule creditCardModule cashCardModule debitCardModule ktModule
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考 bankCardModule creditCardModule accountModule cashCardModule debitCardModule ktModule
  • Topic 1:架构设计的思考 前端架构
  • Topic 1:架构设计的思考 框架、设计模式、部署、规范... 《随感协作开发的JS设计模式》 h"p://www.ioldfish.cn/?p=314 《再议构建UI组件设计新思路》 h"p://www.ioldfish.cn/?p=334
  • Topic 1:架构设计的思考 选择 确认 结果 高耦合
  • Topic 1:架构设计的思考 选择 渠道确认1 结果 渠道确认2 渠道确认3 渠道确认4 一定的冗余
  • Topic 1:架构设计的思考 系统架构
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考 综合案例
  • Topic 1:架构设计的思考
  • Topic 1:架构设计的思考
  • (体验)交互设计: A页面    B页面 完成付款 默认选中余额功能
  • (服务端)系统设计: cashier cashier 1 1 payCore
  • (前端)业务组件接口设计:AP.widget.accountModule  ={    init:funcEon(){          //实现业务初始化,此处省略业务代码N行    },    bindEvent:funcEon(){          //...    }}
  • topic 3凭什么听你的?
  • 先娱乐一下
  • 熊掉陷阱 陷阱深19.617米 下落时间正好2秒 求熊的颜色和种类? A:白色,北极熊 B:棕色,棕熊 C:黑色,黑熊 D:黑棕色,马来熊 E:灰色,灰熊
  • g=9.832g=9.8085 北纬44 g=9.780
  • 最受伤的是 我
  • topic 4让数据说话
  • click1
  • click2
  • click3
  • click4
  • click5
  • click6
  • 近80%的用户存在这种操作轨迹《用户行为分析解决方案-tracker&session》 h"p://www.ioldfish.cn/?p=363
  • 问题在哪里?
  • 支付体验不爽 不必 务 组件 计 端业 接口设 前 的 要系统不必要的性能开销
  • (体验)交互设计: 去掉选中余额功能 A页面    B页面默认选中余额功能
  • (服务端)系统设计: cashier cashier 2 2 1 1 payCore
  • (前端)业务组件接口设计:AP.widget.accountModule  ={    init:funcEon(){          //实现业务初始化,此处省略业务代码N行 精简接口    },    bindEvent:funcEon(){          //...    }}
  • 结束 Q&A