25

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

 4 years ago
source link: http://www.woshipm.com/pd/4182226.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

rQjE7vv.jpg!mobile

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

目录:

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

一、都有什么样的App?

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

3uyMJfy.jpg!mobile

1. Web APP

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

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

2. Web APP 设计特点

URZfqq.jpg!mobile

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

3. Native APP

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

4. Native的特定

z2yAneB.jpg!mobile

  • 体验顺畅,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地址、数据参数。

Ybeeqiu.png!mobile

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

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

1. 写死

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

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

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

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

ieeqemM.jpg!mobile

2. 做活

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

EFzEbq.jpg!mobile

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

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

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

五、什么是缓存

1. 含义

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

2. 意义

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

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

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

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

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

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

题图来自Unsplash,基于CC0协议


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK