用户体验设计师需要懂得技术“暗语”

2 评论 5508 浏览 59 收藏 10 分钟

编辑导语:作为用户体验设计师上要承接产品和运营方的设计需求,下要和开发沟通设计落地效果,保证最后设计呈现效果;那么作为整个产品设计流程中的中下游,如何能够提高沟通效率,了解一些必要的技术“暗语”对我们工作是非常必要的;本文作者介绍了技术“暗语”,我们一起来看一下。

设计了解一定开发技术,首先可以提高沟通和工作的效率;其次可以了解开发技术的边界,让设计稿在展现设计理念的同时,不要太“放飞”,导致无法落地或者落地成本过高而被飞机。

目录:

  • Web APP和native APP
  • Android和iOS技术特点
  • 什么是接口(API)
  • 什么是“写死”和“做活”
  • 什么是缓存

一、都有什么样的App?

一般可大概分为三种:Web App(网站应用)、Native App(原生应用)、Hybrid App(混合应用)。

1. Web APP

Web App是无需安装,通过XHTML、CSS和JavaScrip等网站技术实现的可以在任意浏览器中执行功能的网站类应用。

随着HTML5等技术的不断普及和应用使得Web App能够具Native App相似的界面和交互效果;通过网页Web技术,实现客户端产品,具备轻量化、易扩展的特点。

2. Web APP 设计特点

  • 每次进入页面需要单独加载,对网络依赖性强;
  • 更新不需要重新安装,没有版本兼容问题;
  • 只需要开发一套就可以适配到不同平台;
  • 适合运营模块、内容变化频率高的功能。

3. Native APP

Native(原生)应用:通过各移动平台(iOS、android、Windows Phone)技术实现的客户端产品,具备体验好、功能丰富的特点。

4. Native的特定

  • 体验顺畅,API稳定;
  • 更新需要发布新的安装包,并等待运用市场审核;
  • 针对不同端需要单独开发,开发周期长;
  • 适合使用频率高、流程相对固定变化较少,对体验要求高的功能。

5. Hybrid App

Hybrid App(混合应用),顾名思义就是以上两种的结合——就是在Native App里面内置浏览器,以将合适的功能页面以网页的形式呈现。

目前有很多的App开始采用这种方式,比如微信中的订阅号内容就是采用Web网页的形式呈现,淘宝大促活动的各类主题会场等。

二、Android和iOS技术特点

现在工作中绝大部分都是设计都是一稿适配,以iOS设计规范为主去适配安卓手机,对于安卓并不做另外的设计处理。

所以有的时候我们出设计稿的时候,经常会被安卓开发说“这个我们做不了”、“这个安卓做不到”;了解不同开发平台的技术特点,也有利于我们根据实际情况修改设计方案。

1. iOS技术特点

  • 安装文件扩展名为.ipa;
  • 手机尺寸相对单一,适配工作适中;
  • 系统闭源,不可定制化系统;
  • 官方指定应用市场,单一渠道;
  • 手机硬件差异小,应用会视情况统一。

2. Android技术特点

  • 安装文件扩展名为.apk;
  • 手机尺寸多样化,适配工作量大;
  • 系统开源,可定制化系统;
  • 应用市场碎片化严重,多渠道发布。

三、什么是接口(API)

1. 含义

API(Application Programming Interface)是应用程序编程接口,是一个通讯协议,约定客户端和服务端之间数据传输格式和访问地址。

API需要包含2个元素:url地址、数据参数。

举个例子:比如说你要实现一个手机登录的功能,那么相应地后台工程师就需要提供一个手机登录的接口,前端开发人员将用户名、密码、token等字段加密后通过接口发送给服务端校验,需要返回验证结果后,登录成功;在调用接口实现功能的时候,只需按照既定的规则进行请求即可,不需要去理解该功能的实现逻辑。

四、什么是“写死”和“做活”

1. 写死

我们在和产品以及开发人员开会或者对接需求的时候,经常听到“这个地方是不是写死?”这句话。

刚开始工作时,听到这种话,真的是一面懵逼,脑海中一堆问题:“写死?怎么写死,谁写死,咋还死了呢?”

程序员所说的“写死”是指对一些参数或配置写死;写死意味着除非发下一个版本,否则这个数据不可更改;比如微信下面的四个TAB,就是写死的,因为这四个TAB永远不会变。

在程序实现的时候,程序员问是否要写死,其实是探求这里是否会变化;如果不变,那就写死。

2. 做活

做活了,其实就是不写死,意味着这个数据是变化的,可运营的;那这个运营数据应该在服务器端进行配置,再由客户端拉取下来,然后运行时启用新的配置数据,多出的成本是需要设计一条协议拉取这项配置或参数,然后应用到程序中;如果已经有这样的运营配置协议,那直接配置即可。

比如我们常见的,电商淘宝、京东在做大促的时候,整个首页都焕然一新,设计的非常抓人眼球。

其实整个首页很多模块就是做活了,比如图片中的首页的背景、金刚区域的icon、底部tabbar都是可配置的;根据实际运营需求,可以修改图片,字体颜色,背景颜色等等,套用我们产品经理常说的一句话:“把它做活了”。

致于什么时候我们要写死,什么时候我们要做活,可以根据实际产品的需求来定义规则。

五、什么是缓存

1. 含义

APP中显示的数据除了从服务器获取,还有一个数据来源就是本地数据库(缓存),缓存是一种临时存储机制,目的是用来提升数据加载过程中的速度和使用体验。

2. 意义

在向服务器请求新的数据时,我们让用户看到什么?

  • 漂亮的等待加载页面;
  • 缓存的内容。

对于第二种,用户可以对页面进行操作,等待新数据时可以查看旧数据,更具有“可操作性”与“可用性”;从而减轻了从服务器获取数据这一动作的大小和时间长短,增强了用户体验。

另一方面,如果内容更新的间隔较长或者用户刷新的间隔较短,在没有缓存的情况下,很多数据我们会多次重复的向服务器获取,增加了成本。

针对一些页面,网络状态不好,或者无网络的时候,以及一些不需要网络也可以使用的更能进行缓存,可以提高获取信息的时间,提升实际的用户体验。

 

本文由 @Sevenmoon 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 笔者漏掉了一个很重要的区别吧,Web App优点是灵活发版;Native App的缺点是发版不灵活

    来自北京 回复
  2. 👍

    回复