技术想法

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

小程序设计开发的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

文章没有获得帮助?
可以尝试和开发者聊一聊

添加微信获取报价

特别声明:以上内容(如有图片或视频亦包括在内)如有侵权请及时与我们取得联系,我们将第一时间进行撤销处理,提供内容仅供参考。
The above content (including pictures or videos) may infringe on your rights. Please contact us in a timely manner and we will revoke it immediately. The content provided is for reference only.