网页设计模式中的六要素

发表日期:2015-08-14   资讯来源:佰牛科技   浏览:141

要想更好地理解模式,我们不妨看看在一份标准的设计模式描述文档中都包含些什么。如果是一些想建网站的外行,或者是想做个自己企业网站的老板,刚刚接触这些东西,对于这些名词之类都不怎么懂,感到很生涩,没关系的,您经常来看我们佰牛网络【深圳网站建设】的文章就是了,看完我们的这些文章,你也会成为一个非常了解网站建设的行内人的。下面正式介绍网页设计的六要素了。
     
第一要素.模式名称
     
如果我们正在讨论一个元素,它使用户能进入到网站受密码保护的区域,那么我们也许会称呼它为'用户名和密码控件”、'两行式登录元素”或者'登录元素”。
     
模式名称的选择务必要小心谨慎。在此之前,设计中出现了太多的无名元素,以至于在讨论中经常会有类似'那些我们常常放在左边的小方块”这样的说法。而之所以有模式名称,其目的就是为了促进清晰的交流和沟通,这样在会议、设计文档或者其他地方我们就能明确地称呼某个具体元素。
     
我们发现,为模式命名需要技巧、创造力以及一点点运气。APP开发团队往往在一开始为某个模式起了名字,过了一阵子发现大家经常使用的却是另一个名字。
     
第二要素.描述
     
描述对于一个好的模式来说至关重要。通过描述,那些对该元素不太熟悉的团队成员就能准确地理解大家正在讨论的内容。
      
由于一图胜千言,界面截图也非常有价值。如果某个模式在同一个网站中有多种表现形式,那么各来一张截图会有极大帮助。
     
比如,一个登录元素可能会有如下描述(伴随着合适的界面截图):一个两行的表单元素,用于采集用户的 ID 和密码,从而使他们能够进入网站内受密码保护的区域。
     
描述无需像文学作品那样精雕细琢,但它应当包含足够的信息来解释该元素存在的理由,并说明如何将它和网站上的其他元素进行区分。
      
第三要素.上下文情境
     
与一般的设计指南或样式参考文档相比,设计模式的主要优点之一在于它强调了每一种模式所使用的模式库中的上下文情境。在构思新设计的时候,设计师们可以利用上下文描述来确定该模式是否运用得当。
      
例如我们的登录元素,有关它的上下文情境可能会是如下描述:
     
无论何时,只要网站中的某位用户希望从公有区域转向访问私密信息,我们将使用登录元素。在面向公众的页面中,只要有足够 155 像素 ×210 像素的空间,就可以显示该模式。
       
当然,在这里还需要包括在不使用登录元素时的描述:
       
如果在某些面向公众的页面中,垂直方向无法提供足够的空间,我们将在页首的 banner 横幅处使用单行的登录元素。或者在网站受密码保护的区域中,不使用登录元素。
     
上下文情境是不断变化的。当开发电商网站团队加入了更多元素,开发新的应用程序,发现新的用户需求时,都需要对'上下文情境”一项进行频繁的更新。理想的情况是,在某个模式生命周期的任何一个阶段,设计师都能通过阅读此项而迅速了解该元素是否适用于手头的工作。
      
第四要素.曾于何处使用
     '
曾于何处使用”是模式文档中另一个不断变化的部分,它列出了那些使用过这一模式的实例。模式每一次将其转化为生产系统时,都应当对此项进行更新。开发团队成员可以查看已经实现出来的成品,了解某个模式的运转情况。
     
第五要素.工作方式
      
开发团队在这里将描述该元素技术层面的内容:
     
用 户 在 标 记 有 User Name 的 输 入 框 中 键 入 他 们 的 用 户 ID, 在 标 记 有Password 的输入框中键入密码(密码内容会被遮盖)。如果他们愿意,可以点击 Remember Me 复选框,以便在重复访问时系统能预先为其填写User Name 输入框。当就绪后,用户点击标记有 Log in 的按钮。如果用户名和密码有效,则显示该用户的个人页面。如果无效,则显示错误页面(参见'登录错误”模式)。
       
需要的细节数量取决于控件的复杂级别,以及团队成员对它的熟悉程度(如果是他们自己经常使用的元素,就不需要像不常见元素那样进行详尽的描述)。曾有一个可用性团队向我们展示了利用视频捕捉来创建演示短片,他们通过这种方式来描述元素的运作机能。
     
与该元素产生交互的其他模式也会提及,此举能帮助设计师更为全面地考虑问题,便于在最后对设计进行整合。
     
第六要素.其他必备模式
      
很少有能完全独立存在的模式。一个模式的出现,通常都意味着设计师还需要考虑其他模式来支持它。
     
比如说,如果一个设计需要'登录元素”模式,那么它很可能还需要下面
     
这些:

创建新用户 ID 的模式; 

修改密码的模式;

重新获得密码的模式;
     ·
从网站的受密码保护区域退出的模式;
     ·
当输入的用户名或密码不正确时,显示错误信息的模式。
     
所有这些模式都会列在'必备模式”项中,并附有它们为什么'必备”的相关解释(如果不是很明显的话)。

设计模式的文档中还可以包括竞争性举措、模式历史、可用性测试结果、用户反馈和讨论记录,等等。

这六大要素给了我们一个系统的网页设计思路,有头有尾,这样可以极大的提高我们做事的效率。

 
内容标签:
网页设计模式
互点宝seo优化软件
seo与网络营销
深圳网站建设
{ solution_title }
相关资讯

【签约】深圳目路教育官网网站建设项目

目路SEEPATHS专注于为学生家庭提供教育升学的定制服务。团队持续运营超过8年,目前已经发展成为一家以升学结果为导向,多元化道路与学生背景条件相结合的高端专业、实现学生个性化升学规划的服务机构。

日期:2020-09-24    浏览:116

【签约】深圳中浩建设官网建设项目

深圳中浩建设实业有限公司成立于2000年,是一家专业从事沥青路面施工,集工程投资管理,沥青路面,彩色沥青路面,路面养护维修为一体的公司。

日期:2018-07-12    浏览:116

【签约】深圳财阜集团APP开发项目

财阜集团的是一家扎根香港,并专注于为所有客户和会员提供一站式海外资产配置及服务的综合集团。

日期:2019-05-03    浏览:111

【签约】大可智能教育信息网平台网站建设项目

大可智能教育信息网面向全国一线教师和学生,提供高考、留学、考级考试以及 各年级相关备课、迎考的专业资源。

日期:2017-09-20    浏览:111

【签约】深圳活石学院教育平台项目

活石学院,源自香港,提供DSE课程学习,留学权威,服务全球,以及服务香港本地中小幼升学,规划香港及海外大学本科留学,是业内首屈一指的香港教育专家。

日期:2018-11-03    浏览:109

网站长尾关键词优化的六大法宝

长尾关键词,按字面理解就是搜索长度长,有2至3个词组成的词语,而用户有可能会用的这些词进行搜索。那么,对于已经存在的长尾词需要怎么优化呢?接下来分享长尾词优化的六大法宝。

日期:2018-07-05    浏览:163

用户粘性提高才能够保证网站良性发展

网站优化都有很多公司来说都是非常重要的,因为如果你的网站上要是有更多的客户的话,那么势必要在网站优化上下一些功夫,如果网站是比较好的话,那么这种网站它的用户粘性相对来说应该是比较高的,因为用户粘性对于我们建站的人来说是非常的重要的,因为只有用户粘性能够提高的话,才能够保证我们的网站运营中能够良性发展。

日期:2018-07-05    浏览:154

这些网站图片优化小技巧十分受用

图片优化是网站要进行优化的一个十分重要的方面,传统意义上的优化仅仅只是图片要加alt标签或是仅仅压缩。但这样太过粗陋,以下带来详细技巧。

日期:2018-07-05    浏览:122