首页 >

众包知识 >

网站建设  >

网页设计

交互页面设计
交互页面设计
以用户为中心的设计流程,关注用户的使用流畅度和方便性,符合用户使用习惯的解决方案。交互不一定需要很华丽的界面,但是使用过程肯定是很人性化,减少用户思考返回的次数。下面是时间财富网为您整理的交互页面设计相关知识,希望对您有所帮助。
1交互页面设计是什么?
    交互设计的思维方法建构于工业设计以用户为中心的方法,同时加以发展,更多地面向行为和过程,把产品看作一个事件,强调过程性思考的能力,流程图与状态转换图和故事板等成为重要设计表现手段,更重要的是掌握软件和硬件的原型实现的技巧方法和评估技术 。

    交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。

    在我们还比较小的时候使用的DOS操作系统,或者任何你能够记起来的那些敲入执行命令才能运作的界面系统,它们都属于人机交互的较初级阶段。

    这种交互手段要求惊人的记忆和大量的训练,并且容易出错,对初学者来说非常不友好,但操作过程比较灵活和高效,适合于专业人员使用。

    这是当前用户界面设计的主流,广泛应用于计算机和携带式屏幕显示功能的电子设备,其中包括大量的手持移动设备。比如我们熟知的Apple的Macintosh、Microsoft的Windows、Sony的PSP等。

.......


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

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

    同理心是用户体验设计的基础,只有这样设计师才会对用户需求把握的越透彻,设计出越贴心的产品。当我们的用户看到产品时会说:“这就是我想要的”,我想这应该就是最好的用户体验设计了。

    同时需要说明的是同理心不是万能的,也不都是准确的,更灵活的运用和效果的产出,一方面需要设计师长期的产品设计经验的积累和对用户长期深入的接触和理解;另一方面需要设计师对用户数据和用户行为的分析再加上相关的用户研究的方法的使用。

    简洁不等于简单,泪雪之前的一些文章也就简单的提及,它是在设计师深刻理解用户需求的基础上,根据用户的操作行为、信息架构等因素深思熟虑后的用户交互界面,界面不是产品功能的简单

.......


查看全文 >>
3交互页面设计规范包含的内容
    本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。页面命名每个页面都要有与之模块对应的名称。

    页面兼容性页面大小兼容自适应1366*768px及以上的分辨率,默认窗口设置下,不应出现水平滚动条,避免出现垂直滚动条(当内容过多时允许滚动条)

    弹窗、弹页要保证768高度的分辨率显示正常,同时能移动查看弹出框内容。弹出框高度为不超过450px,且显示在内容页面相对水平、垂直相居中位置。

    浏览器兼容,兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。

    文字文字用系统自带的常规字体,且分一级标题、二级标题、主内容文字、次内容文字、辅助文字(说明或引导性文字,提醒性文字),分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。

.......


查看全文 >>
4交互页面设计有哪些流程?
    需求分析:对于一个产品来说,必然有对用户需求的分析内容,

    更多的是从MRD与PRD获得,或者从产品需求评审会议上得到需求分析的内容,当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话,那么用户需求就是本次设计的出发点。

    用户场景模拟:好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要,了解产品的现有交互以及用户使用产品习惯等,但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户,这里我会需要什么。

    竞品分析(聆听用户心声):竞争产品能够上市并且被UI设计者知道,必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性,看到别人的设计会有触类旁通的好处。当市场上存在竞品时,去听听用户的评论,哪怕是骂声都好,别沉迷于自己的设计中,让真正的用户说话。

    设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟,模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计,一个提示框,一个提交按钮……这类都是对事件驱动的设计。面向对象,产品面向的用户不同对于产品的设计要求不同,不同年龄层的用户对于产品的要求不同,产品的用户定位将对UI设计师影响因素。

.......


查看全文 >>
5交互页面设计技巧
    你在网页设计所学到的大多数教训都来自工作经验。学习是一个反复持续的过程,并且没有比犯错更好的方式来获得知识(从错误中学习)。在本文中,我们将讨论10个重要并常规的技巧,这是每位网页设计师新手都应该知道。

    优化图片,获得更好的页面加载速度,学习如何通过选择正确的格式,来优化网页图片,并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带,但仍然有人是拨号上网。此外,虽然移动装置技术的普及,但移动装置却不一定支持像宽频一样的速度,图片文件的大小可能还是会延长网页的加载时间,有可能把用户赶走的。

    保持干净和简单(即:简洁)一个好的网页设计不光只是看起来好看而已,还要是用户友好型的。通常来说,一个干净、简单的网页设计最终会成为一个可用性高的网页设计,因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时,将会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的。

    此外,尽管它可能是一个超酷的新概念或界面设计模式,但你还是要确保对你的用户而言该设计仍然是方便和直观的。人们习惯于通用性的交互模式、网站功能、和网络接口,如果你的设计的确很独特,确保它不是太模糊和晦涩。 要有创意,但还要保持简单。

.......


查看全文 >>

相关成功案例

网页设计方案
免费预约
相关知识
网页生成静态好处静态网页生成过程静态网页生成技术静态网页生成系统怎样生成静态网页?动态网页制作技术动态网页制作教程动态网页制作软件动态网页制作步骤动态网页制作是什么?