移动网站建设交互设计原则:
1.移动屏幕尺寸分为物理尺寸和显示分辨率
NOKIA,N78的物理尺寸为2.显示分辨率为240英寸*320像素;HTCT7278的物理尺寸为2.显示分辨率为480英寸*640像素*这两款移动上看到100像素大小的图片效果也不一样,同样大小的图片在这两款移动上看到的效果也不一样,HTCT7278看起来要比NOKIAN78小的多。
分辨率类型(不完全统计):
软件很难适应所有分辨率的移动,因此必须首先选择主流分辨率进行设计,并在此基础上适应其他分辨率的移动。鉴于2010年QVGA(240*320)屏幕的市场份额将达到70%,可以QVGA移动作为主要设计对象。
在大多数情况下,当浏览者看电脑屏幕时,他们会情不自禁地它“F”形状模式阅读网页,移动屏幕很小,显示能力有限,屏幕内容全景,自上而下阅读文本,信息的重要性也从上到下排列。
2.“F”模型阅读
移动屏幕的显示能力有限。使用物理按钮时,无法跳转到电脑或触摸屏。必须依次切换控制器的焦点,如移动界面中的翻页程序。用户使用最多的是“下一页”,将“下一页”放置为第一个控件,方便用户操作。
界面简洁方式:
简洁要求简洁,但也要充分利用移动屏幕上唯一的显示空间。iPhone搜索栏,搜索框用于内容搜索,点击后显示虚拟键盘,除了左边默认的搜索图标外,搜索栏还包含其他元素。
当一个任务需要多步操作时,任务可以分为多个子任务,每个界面可以完成一个子任务。如果逻辑清晰,用户操作流畅,可以适当增加页面跳转次数和点击次数。如果使用电子指向客户端购买电影票,任务包括:查询电影→选择放映次数→选座→确定订单→支付。
关于页面交互设计,本文重点介绍了页面交互设计原则和移动交互设计原则。简而言之,交互设计应该从用户体验开始。在设计之前,我们应该考虑什么样的交互可以让用户更方便,也可以让用户更理解。设计页面交互需要分析行业非常用户的特点,记住完全根据主管的意愿,这样就有可能脱离实际的用户需求。