移动交互设计的基本原则是什么?一般要遵守哪些原则?(下)
继续给大家介绍一些交互设计的基本原则,都是交互设计师必须掌握的,也是我个人的一些工作总结,下面就一起看看!
5.文本内容应该是清晰易读的
与电脑相比较起来,手机的屏幕是很小的,这也意味着移动端设计的一个难点在于如何在这么小的界面上去展示内容信息。你可能想过把内容信息缩小之后尽可能多的显示在屏幕上,千万不要这么干。
一条移动端设计的经验标准:文本字体大小至少11磅,这样在我们一贯的观看距离下才不需要缩放就可以轻松阅读。
增加行间距或者字间距来提高易读性。大量的留白可以使混乱的界面看起来更加怡人和简洁。
6.确保界面上的元素是清晰可见的
你可以使用不同的颜色和对比度来帮助用户阅读或者解释说明你的内容。选择主色调、辅助色和强调色来保证APP的易用性。确保界面上的元素之间都拥有足够的色彩对比,让那些视力不好或有视觉障碍的人可以看得清和正常使用。
确保字体颜色和背景色有足够的对比度使文字能够清晰易读。
小字号的文本颜色与背景色的对比度至少4.5:1。
大字号的文本颜色(大于14磅的粗体或者大于18磅的常规体)与背景色的对比度至少是3:1。
对于移动端设计来说,足够的对比度是极其重要的:用户在户外的的时候可能会因为光线的问题使得原本的对比度降低。
7.根据手的位置来设计控件位置
Steven Hoober在关于移动设备使用方式的研究中发现,49%的用户在使用手机的时候仅仅依赖于一只手的拇指来进行操作。下图中,手机屏幕上用颜色表示了仅使用拇指时能触碰及进行交互的区域。
用户可以很轻松的触碰到绿色区域;黄色区域需要伸展手指才能碰到;红色区域需要用户改变手持设备的方式才能触碰到。
8.减少输入
在移动端进行字段的输入是一个缓慢且易错的过程。因此最好尽可能的减少在移动端的输入工作。
去除不必要的字段,保持输入表格尽可能的少和简单。
9.测试你的设计
通常在电脑的大屏幕上看你的设计都是很棒的,但是当它真正在手机上运行时可能就没那么好了。甚至当它投放到市场上之后,可能一些你煞费苦心设计出来交互方式会出现一些之前完全没有考虑到的错误。这就是为什么让真实的用户在各种各样的移动端设备上来对你的APP进行测评是很重要的。你应该邀请真实的用户去完成一些常规任务,这样你才能看见你的设计的真实表现。
把你的APP当做一个在不断进化的个体,利用数据分析和用户反馈来不断的提高体验。
关于交互设计的一些基本原则就介绍到这里了,内容有点多,大家一定要耐心看完,相信你会有所收获。
以上就是“移动交互设计的基本原则是什么?一般要遵守哪些原则?(下)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
5.文本内容应该是清晰易读的
与电脑相比较起来,手机的屏幕是很小的,这也意味着移动端设计的一个难点在于如何在这么小的界面上去展示内容信息。你可能想过把内容信息缩小之后尽可能多的显示在屏幕上,千万不要这么干。
一条移动端设计的经验标准:文本字体大小至少11磅,这样在我们一贯的观看距离下才不需要缩放就可以轻松阅读。
增加行间距或者字间距来提高易读性。大量的留白可以使混乱的界面看起来更加怡人和简洁。
6.确保界面上的元素是清晰可见的
你可以使用不同的颜色和对比度来帮助用户阅读或者解释说明你的内容。选择主色调、辅助色和强调色来保证APP的易用性。确保界面上的元素之间都拥有足够的色彩对比,让那些视力不好或有视觉障碍的人可以看得清和正常使用。
确保字体颜色和背景色有足够的对比度使文字能够清晰易读。
小字号的文本颜色与背景色的对比度至少4.5:1。
大字号的文本颜色(大于14磅的粗体或者大于18磅的常规体)与背景色的对比度至少是3:1。
对于移动端设计来说,足够的对比度是极其重要的:用户在户外的的时候可能会因为光线的问题使得原本的对比度降低。
7.根据手的位置来设计控件位置
Steven Hoober在关于移动设备使用方式的研究中发现,49%的用户在使用手机的时候仅仅依赖于一只手的拇指来进行操作。下图中,手机屏幕上用颜色表示了仅使用拇指时能触碰及进行交互的区域。
用户可以很轻松的触碰到绿色区域;黄色区域需要伸展手指才能碰到;红色区域需要用户改变手持设备的方式才能触碰到。
8.减少输入
在移动端进行字段的输入是一个缓慢且易错的过程。因此最好尽可能的减少在移动端的输入工作。
去除不必要的字段,保持输入表格尽可能的少和简单。
9.测试你的设计
通常在电脑的大屏幕上看你的设计都是很棒的,但是当它真正在手机上运行时可能就没那么好了。甚至当它投放到市场上之后,可能一些你煞费苦心设计出来交互方式会出现一些之前完全没有考虑到的错误。这就是为什么让真实的用户在各种各样的移动端设备上来对你的APP进行测评是很重要的。你应该邀请真实的用户去完成一些常规任务,这样你才能看见你的设计的真实表现。
把你的APP当做一个在不断进化的个体,利用数据分析和用户反馈来不断的提高体验。
关于交互设计的一些基本原则就介绍到这里了,内容有点多,大家一定要耐心看完,相信你会有所收获。
以上就是“移动交互设计的基本原则是什么?一般要遵守哪些原则?(下)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。