400-844-5354
大多数页面都涉及到交互。简单地说，交互需要用户点击，然后进入下一步，因此交互将直接影响用户体验。那么，在特定的页面交互设计中应该注意什么呢？本文将介绍页面交互设计原则和移动交互设计原则。
一.页面交互设计原则
1.简洁就好
简单不等于简单，泪雪之前的一些文章简单提到，它是基于设计师对用户需求的深刻理解，根据用户的操作行为.经过深思熟虑，信息架构等因素的用户交互界面不是简单的产品功能“堆砌”以及界面信息的混乱“摆放”；是满足用户特定需求的一种.操作流畅.赏心悦目的界面。
简单是好的，本质上是让设计师知道一般用户只有一个主要任务和主要过程，所以不要使用其他次要因素或复杂的视觉元素来干扰他的视觉注意力，干扰他的判断，越简单，用户体验越好，对用户体验很好。
2.同理心
所谓地说，同理心就是同理心。设计师在设计产品时，要能够同理心，体验用户的立场和感受，从用户的角度思考和处理问题，把自己置于相关的用户场景中，了解用户的行为特征和差异。
同理心
强调设计师的同理心.换位思维能力要求设计师更加注重用户体验的积累，熟练使用自己的产品，模拟用户的相关操作，经常让设计师出去邀请用户等渠道和用户研究手段，让设计师全面深入了解用户需求。让我们的设计师非常客观.对用户及相关需求有深入全面的了解，避免了依靠自身经验和主观门造车。
3.帮助用户做一些事情
当用户使用网站时，我们可以在很多地方帮助用户完成一些事情，这可以让用户更担心，更有效地实现他们需要带来的目标。与传统行业的用户相比，网站更容易收集用户的相关数据和用户使用网站的行为轨迹。这将帮助我们了解用户，并帮助他们做一些事情。但是帮助用户必须有一定的程度，不能太多或太少。
4.将决定权还给用户
让用户知道产品的决策权掌握在用户自己手中，不要与用户争夺控制权，小心帮助用户做出一些决定，大多数时候或让用户判断和操作。
将决策权返还给用户反映了对用户的尊重，让用户知道产品掌握在用户手中，产品只是帮助用户完成他之前设定的目标或任务，只有这样才能给用户带来尊重.安全感，给产品带来良好的使用体验。
5.用户也在不断增长
随着互联网体验也将随着互联网行业和网站的发展而发展，用户体验也在不断积累，但也不断接受新事物和新的互动方式。所以不要静止地看待用户，不要认为用户太愚蠢，也不要认为用户太聪明。
同样，也不要认为用户非常专业和聪明。网页技术人员通常认为网页代码.服务器和其他技术问题非常熟悉，所以理所当然地认为用户也知道这些技术。当用户输入错误的网站时，页面将显示404页，这对普通用户非常困惑，用户不知道这代表了什么错误，这意味着什么。你会猜测网络是否有故障，页面是否有问题。如果我们这样做，“404”错误，换成“页面不存在”解释后，用户可以清楚地理解出现了什么问题。这样的例子充分说明用户不容易想得太聪明，都是互联网资深用户。
二.移动交互设计原则
1.移动屏幕尺寸分为物理尺寸和显示分辨率
NOKIA，N78的物理尺寸为2.显示分辨率为240英寸*320像素；HTCT7278的物理尺寸为2.显示分辨率为480英寸*640像素*这两款移动上看到100像素大小的图片效果也不一样，同样大小的图片在这两款移动上看到的效果也不一样，HTCT7278看起来要比NOKIAN78小的多。
分辨率类型(不完全统计):
软件很难适应所有分辨率的移动，因此必须首先选择主流分辨率进行设计，并在此基础上适应其他分辨率的移动。鉴于2010年QVGA(240*320)屏幕的市场份额将达到70%，可以QVGA移动作为主要设计对象。
在大多数情况下，当浏览者看电脑屏幕时，他们会情不自禁地它“Ｆ”形状模式阅读网页，移动屏幕很小，显示能力有限，屏幕内容全景，自上而下阅读文本，信息的重要性也从上到下排列。
2.“F”模型阅读
移动屏幕的显示能力有限。使用物理按钮时，无法跳转到电脑或触摸屏。必须依次切换控制器的焦点，如移动界面中的翻页程序。用户使用最多的是“下一页”，将“下一页”放置为第一个控件，方便用户操作。
界面简洁方式：
简洁要求简洁，但也要充分利用移动屏幕上唯一的显示空间。iPhone搜索栏，搜索框用于内容搜索，点击后显示虚拟键盘，除了左边默认的搜索图标外，搜索栏还包含其他元素。
当一个任务需要多步操作时，任务可以分为多个子任务，每个界面可以完成一个子任务。如果逻辑清晰，用户操作流畅，可以适当增加页面跳转次数和点击次数。如果使用电子指向客户端购买电影票，任务包括:查询电影→选择放映次数→选座→确定订单→支付。
关于页面交互设计，本文重点介绍了页面交互设计原则和移动交互设计原则。简而言之，交互设计应该从用户体验开始。在设计之前，我们应该考虑什么样的交互可以让用户更方便，也可以让用户更理解。设计页面交互需要分析行业非常用户的特点，记住完全根据主管的意愿，这样就有可能脱离实际的用户需求。
2024-10-15
2023-08-22
2023-05-07
2023-05-18
2024-05-09
2023-05-22
2024-10-26
2023-10-17
2024-05-23
2023-05-14
返回列表
返回顶部