当前位置:沐风博客 / 网页设计 / 正文

页面交互设计原则,手机交互设计原则

发布时间:2021年11月22日 07:53:36 | 责任编辑 : 沐风 | 分类 : 网页设计 | 浏览: 4040次 | 评论 0

大部分页面会涉及到交互,交互简单说就是需要用户去点击的,点击后才进入到下一步,因此交互会直接影响到用户体验。那么具体页面交互设计需要注意什么问题呢?本文就给大家介绍下页面交互设计原则,以及手机交互设计原则。

一、页面交互设计原则

1、同理心

所谓的同理心通俗说法就是换位思考。设计师在设计产品时要能够做到换位思考,体会用户的立场和感受,并站在用户的角度思考和处理问题,把自己置身于相关的用户场景中,理解用户的行为特点和行为差异。

同理心

加强调设计师的同理心、换位思考能力,要求设计师在平时多注意积累用户经验,熟练的使用自己的产品,模拟用户进行相关操作,也会经常让设计师走出去把用户请进来等各个渠道和用户研究的手段让设计师可以全方位深入的了解用户需求。使得我们的设计师可以很客观、深入和全面的了解用户以及相关需求,也就避免了依赖自身经验和主观臆断的闭门造车。

2、简洁就好

简洁不等于简单,泪雪之前的一些文章也就简单的提及,它是在设计师深刻理解用户需求的基础上,根据用户的操作行为、信息架构等因素深思熟虑后的用户交互界面,界面不是产品功能的简单 “堆砌”和界面信息的杂乱“摆放”;是一个满足了用户特定需求、具有流畅操作、赏心悦目的界面。

简洁就是好的,本质上是让设计师了解一般用户在单个页面只会有一个主任务和主流程,因此不要用其它次要因素或是繁复的视觉元素来打扰他的视觉注意力,干扰他的判断,越简洁,用户的使用感受越佳,这样对于用户体验来说就是好的。

3、把决定权还给用户

要让用户知道产品的决定权是在用户自己手中的,不要和用户抢夺控制权,要谨慎的帮助用户做一些决定,很多时候还是要让用户自己进行判断,并进行操作。

把决定权还给用户,是体现了对用户的尊重,让用户知道产品是掌握在用户自己手中,产品只是辅助用户完成他之前设定需要完成的目标或任务,只有这样才是给用户带来尊重感、安全感,给产品带来很好的使用体验。

4、帮助用户做一些事情

在用户在使用网站的时候,很多地方我们是可以帮助用户完成一些事情,这个就可以让用户更省心更有效率的完成他需要带到目标。互联网用户相对于传统行业的用户来说,网站更容易收集用户的相关数据和用户使用网站的行为轨迹。这样就有助于我们了解用户,帮助用户做一些事情。但帮助用户必须有个度,不能过多也不能太少。

5、用户也在不断的成长

我们的用户的使用经验也会随着互联网行业和网站的发展而发展,用户的经验也是在不断的积累中,也在不断的接受的新的事物和新的交互方式。所以不要用静止的眼光看待用户,不要把用户想的太笨,也不要把用户想的太聪明。

同样也不要把用户想的很专业很聪明,网页技术人员通常对网页代码、服务器等技术问题非常熟悉,所以也想当然的认为用户也是同样知道这些技术。当用户输入了错误的网站时,页面会显示404页面,这个对于普通用户来说就会很困惑,用户不知道这个代表了什么错误,这个又意味着什么。会猜测是不是网络故障,是不是页面出现问题。这时如果我们把“404”错误,换成“该页面不存在”等说明,用户就可以清晰的明白出现了什么问题。这样实例充分说明了不好把用户想的太聪明,都是互联网资深用户。

二、手机交互设计原则

1、手机屏幕尺寸分为物理尺寸和显示分辨率

NOKIA,N78的物理尺寸为2.4英寸,显示分辨率为240*320像素;HTC T7278的物理尺寸为2.8英寸,显示分辨率为480*640像素。两款手机显示精度不同,同样100*100像素大小的图片在这两款手机上看到的效果也不同,同样大小的图片在HTC T7278看起来要比NOKIA N78小的多。

分辨率种类(不完全统计):

一款软件适配所有分辨率的手机难度较大,势必需要先挑选主流分辨率进行设计,在此基础上适配其他分辨率的手机。鉴于2010年QVGA(240*320)屏幕的市场占有率将达到70%,可将QVGA的手机当成主要的设计对象。

大多数情况下浏览者看电脑屏幕时都不由自主的以“F”形状的模式阅读网页,而手机屏幕很小,显示能力有限,屏幕上内容尽收眼底,阅读文字时自上而下,因而信息的重要性也是从上到下依次排列。

2、“F”形状的模式阅读

手机屏幕的显示能力有限,使用物理按键时,无法向电脑或者触摸屏那些跳跃式操作,必须依次切换控件的焦点,例如手机界面中的翻页程序,用户使用最多的就是“下一页”,将“下一页”放置为第一个控件便于用户操作。

界面简洁的途径:

简洁要求文字描述简练,但也要充分利用手机屏幕上仅有的显示空间。例如iPhone的搜索栏,搜索框用于内容搜索,点击之后会显示虚拟键盘,除了左边默认的搜索图标之外,搜索栏还包含其他元素。

当完成一个任务需要多步操作时,可将任务进行拆分成多个子任务,每个界面完成一个子任务。如逻辑清晰并保证用户操作的流畅性,可适当地增加页面跳转次数和点击的次数。如使用e指通客户端购买电影票的任务有:查询电影→选择放映场次→选座→确定订单→支付。

关于页面交互设计的问题,本文重点介绍了页面交互设计原则,以及手机交互设计原则。总之来说交互设计要从用户体验出发,在设计之前要考虑到,怎样的交互才能让用户更加方便,同时也能让用户更加明白。设计页面交互需要去分析行业很用户特点,切记完全根据自己的主管意愿来,这样就有可能脱离实际的用户需求了。


相关知识点
网页设计:网页设计(web design,又称为Web UI design,WUI design,WUI),是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

本站内容大部分由沐风博客原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!

扩展阅读