技术想法

用更新的技术,实现您更新的想法

小程序设计开发的8个原则

移动用户体验(UX)设计指的是在使用移动设备和可穿戴设备以及在这些设备上运行的应用程序或服务期间的积极体验的设计交互设计基础


1.提供简单的导航

简单的导航提供了一种在屏幕之间移动并找到所需项目的便捷方式,因为移动用户只能在一个窗口间进行切换,因此应用的导航要尽量简洁明了便于操作

1_-HkEXppuCELVU59BvcDdTA (1).gif

2.提供更大的点击区域与空间

提供更大的点击区域,再开发过程中,因为开发设备均为电脑,很多时候设计和开发人员会忽略再真实设备上的点击情况,所以再ux设计阶段应该提供更大的点击区域,让控件更容易被点击

1_bWdnguoMYAP_TQXydz93zA.gif


3.减少非必要内容的呈现,合理收起内容

由于手机设备中,屏幕空间有限,所以应该尽量再关键区域展示重要信息,非必要性信息可以做必要的收起操作,或者设计出合理的tab切换方式(这也是app,小程序设计中常见的问题)

1_8bHceuhuvL3fDcwFBb94xQ.gif

4.尽量显示大一点字体

在小程序的开发设计过程中,虽然一般的讲,小字体能够更好的体现设计感(画面大,字小一点),但是实际用户体验过程中,更大的字体更容易阅读,尤其在早期的网页设计中,一般应用12px的字体的网页特别多,转到手机端开发的时候,很多设计和开发人员仍延用这个标准就有点太过教条了,在合理的空间内,还是尽量大一些的显示字体,毕竟内容的可读性也是非常重要的。

1_IedNe8CIFgZ5WOnSH2uZFA.png

5.合理应用触控技术

有些设计组件,在网页开发设计过程中,通常通过轮滚来完成,但是换到手机上的时候,这个操作就需要触控滚动来完成,所以我们在设计小程序的组件过程中,尽量应用这个特性去做开发,以便于用户有更好的用户体验

1_Znf3By5X-sRzA2qajcObjQ.gif

6.更简单的表格设计

小程序的交互设计中,Form表单基本是绕不过去的核心组件设计,表单的填写应该根据表单内容进行合理的优化调整,例如多选,单选,进度,多行文本录入(需要注意输入状态和静态表现)

1_IGqiY-m1jSXzYSVUU5BD8A.png

7.注意虚拟键盘唤起状态

在文字录入的过程中,小程序端会唤起虚拟键盘,那么我们需要在这个唤起状态下特别注意页面结构呈现和交互组件的应用,使得用户有更好的交互体验

1_pIBDfqPGKJys1aLtxhF1PA.gif

8.注意pc端和手机端的兼容

对没错,因为小程序目前也有很多场景是在pc端进行展示的(微信pc版本的时候也可以应用小程序),因此如果预算允许,还是要考虑下pc的兼容事宜

1_0uBMCmgz_d9r6HS7MmwjAQ.png

快速稳定且高性价比,让您的创意想法完美落地

*提交后1小时内获得反馈,免费赠送技术实施方案

10年经验的售前工程师
微信直接聊需求

*收到您的需求后,我们郑重承诺:

1,保护您的隐私,未获取您的同意,不会添加您的微信,不会进行通话骚扰,不会进行邮件骚扰

2,在收集您的需求后,进行详尽的需求及方案分析,并签订保密协议(NDA),不会将您创意泄漏给第三方。

3,提交报价方案,技术实施方案,售后服务方案,可提供北京/上海/天津/全国各省市面对面疑问解答。

4,如您有意向签约,将签订开发合同,售后合同,约束条款等严苛的协议保障您的权益。