易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

网站设计要从建页面到组织架构

来源:网站建设行业资讯网
添加时间:2021-11-26
网站制作成功后,我们应该开始做网站的哪些工作了呢?那就是网站的推广和运营,大家都知道网站是用来做我们产品的推广的,所以首页必须我们得把网站推广出去。
  网页页面是每个网站最基本的独立要素,而且每一个页面都有特定的任务,这些页面就像串联的一个链条一样,构成了整个网站。每个页面主要提供两个基本任务构建整个链。
  1.帮助用户完成当前页面的主要任务
  2.提供任务链中的下一个环的访问
  目前WEB上的页面主要可供完成的任务有:
  1.导航页面;让用户找到他们想要的东西,并提供访问途径
  2.详细页面;用户看到想要知道的详细内容
  3.交互页面;允许用户输入和管理数据
  这三种最终可以任意组合构成混合页面类型。如Google地图的页面:
  在网站设计时,应当把用户任务与适当的页面类型相匹配。如用户查看一篇文章,需要有导航和详细页面;如果用户想查看包含某关键词的文章或网页,就要有交互、导航和详细页面。
  在设计时,首先假想某个特定的场景,并列出详细场景可能需要完成的任务,对任务进行分析的,任务主要有三个类型;导航、消费(查看详细)、交互;然后将同类型的任务组合排列,并根据情况想象要构建的页面;导航需要一组链接,详细页面需要大的页面模块;交互需要一个表单按钮。组织页面模块时,每个页面都应当关注一个独立任务,但是如果有多个独立的类似的子任务,就要考虑能够把他们组合在一起。
  决定一个任务要创建多少个页面时,要考虑一下因素:
  1.用户的技术水平
  2.用户的带宽
  3.页面上信息量
  4.用户要完成任务
  5.用户要完成任务的频率
  在界面设计时,有三种方法来完成交互任务组合;分别是向导(wizard)、控制面板(controlpanel)和工具条(toolbar)。这三个各有优缺点的,如安装软件时通常都是使用向导(wizard),让用户按照顺序,保证不会错过重要的步骤,当然也很乏味,一路“Next”下去,是很多人使用的惯用装软件方法。而控制面板也是使用比较多的,习惯之后使用起来很方便。工具条,就像office上面的那些工具一样,在WEB上并不多见,只在编辑文本的时候出现的比较多。
  当页面上有多个任务或者“下一步”出现时怎么办呢?
  要根据三个原则来做我们的SEO优化“下一步”的设计:
  1.这会帮助多少用户?
  2.发生的频率程度?
  3.对于用户,这个下一步有多重要?
  根据以上三个原则为任何建立优先级。根据优先级对含有多个页面任务或“下一步”的页面进行分区,重要的排在显眼的位置,一般是页面的左侧,右侧通常都是一些次要的内容。
  在网站任务多,交互比较复杂的情况下,就需要建立网站结构图。建立结构图之前要明确每一个页面重点表现的任务,以及页面之间的相互关系、交互关系以及其他方面(根据项目不同会有所差异)。而组织这些关系,就需要用到网站结构图(网站图)。
  网站图有哪几种形式呢?
  1.树状图;这个适合显示层次结构,但容易超出水瓶空间造成层次过深,可以与梳状图配合使用来避免这种情况。
  2.梳状图:这个在长工作区比较有用。如电子文档的目录导航。
  3.星形图:这种在层次机构不严格,而且组织不算太深的情况下使用比较合适。
  除网站图的形式外,还需对其中所有的对象建立一个词汇表(详见jessejamesgarrett创建的可视化词汇表visualvocabulary)很容易在白板和形式化文档中使用。也可以看一看流程图方面的书,比如UML。
  最后根据以上的组织内容,就可以在30秒内建立任何页面的低保真线框图了。线框图要记得标注,标注,再标注。其基本框架下的每个元素都要考虑如下的问题:
  1.内容来自哪里
  2.内容的实质是什么?
  3.元素是必要的还是可选的。
  4.元素是有条件的吗?
  5.默认或期望状态是什么?
  6.有哪些候选或错误的状态。
  所有这些要考虑的要素在以后不断学习中慢慢体会吧。

网站建设计最新案例赏析:


深圳华璨文化传播网站制作首页设计效果图
深圳华璨文化传播
深圳华力兴新材料股份网站制作首页设计效果图
深圳华力兴新材料股份
深圳捷益达电子网站制作首页设计效果图
深圳捷益达电子
东莞禾聚精密电子科技网站制作首页设计效果图
东莞禾聚精密电子科技
乐清乐鸟电气网站制作首页设计效果图
乐清乐鸟电气
青岛沃柏斯智能实验网站制作首页设计效果图
青岛沃柏斯智能实验
深圳信雅文化传播网站制作首页设计效果图
深圳信雅文化传播
西安天星塔钟工程网站制作首页设计效果图
西安天星塔钟工程
深圳共安智能科技网站制作首页设计效果图
深圳共安智能科技
广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
 

网站建设行业资讯推荐阅读:


网站建设时应如何设计最高端 很好的网站设计公司专业定制 告诉你网站建设的操作流程专业的网站制作怎样提高网站的排名方式有什么如何选择一个好的网站建设公司企业进行网站建设时如何节约成本一个高端的网站设计通常会有的方面深圳网站建设在网站制作的过程要注意那些问题做了这些工作对网站优化大有好处拯救12306的唯一方法是把网站交给马云电子商务网站建设的要点营销型网站基本建设必须遵照的基本要素处处实名制,域名解析也一样win7系统下如果让局域网内电脑可以通过IP访问到我的电脑如何做网站才能更大化的获取客户 效果好的网站设计模板制作联系方式 如何利用差别化来做网站排名深圳专业网站建设公司满足用户的多种需求科技分享网站优化事宜深圳网站推广的技巧深圳网站建设的目标是什么 很好的网站设计公司哪家不错 茂名网站建设-交换友情链接可以达到什么效果网站建设时站长要注意的几个问题做网站选用flash的优点和害处中小型企业建设网站需要注意哪些细节以便于提高浏览量Thinkphp的URL大小写敏感的解决方法了解营销型网站建设做法常见问题网站BNANER设计的方式有什么深圳网站制作告诉您网站建设对于网站排名的注意事项有哪些新手站长如何架构网站三大技法攻克品牌网站建设短板建设门户网站有哪些是需要知道的设计网站需求的方案有什么内容分享响应式WEB设计的9项基本原则软件定制开发差别大了解清楚再决定!网站设计使用创意布局设计的优势专业的网站建设有几大原则要注意网站设计中应该避免的几种糟糕用户体验网站建设的好处定制开发类网站和模板类网站哪一种建设模式更有利于优化呢什么是二级域名,二级域名对网站seo优化的影响网站建设几步曲让访客爱上你的网站2低13年元旦放假通知如何做好商城网站设计网站制作最重要的是什么政府网站建设纳入考核内容通过用户行为轨迹找准小程序的核心需求点深圳网站建设选择好域名的五大方法好的网站制作公司要符合什么条件 好口碑的网站设计公司专业定制 搜索引擎任务就是组织人类的知识网站建设对公司发展有何种意义2013年较佳WordPress插件今年网站建设价格一般多少钱教你完胜春晚支付宝现金红包攻略网站优化应该提升优化的思维和高度手机网站建设的五大要点简单易懂:解读“营销型网站建设”
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询