设计新网站前你需要考虑的60个问题_转载

是不是要在最新的网站版面上使用绿色阴影效果,该不该选择较为复杂的排版模式......选择正确的问题提问是网站设计师的必备技能之一。这篇文章里我们就来看看网站设计人才们在向公众推出网站前会问到自己的六十个问题。

  为什么要问自己这些问题?

  很多设计师会根据自己提前列出的清单逐条进行网站设计,还有些则在设计的不同阶段检查各种问题。虽然没有能够彻底避免遗漏某个设计要素的完美方法,但在设计过程中不断自我提问是必要的。有时候你需要回答的只是“这有效吗?”这样简单的问题,有时候则是更为技术性的问题。

  提问并不能减轻工作负担,也无法防止错误的决策,事实上没有哪一种方法可以彻底判断某项工作的需求或某个决定正确与否,但不断提问可以帮我们避免之后可能带来的问题。

  项目管理15问

  设计网站时的主要任务之一就是项目管理。设计一个新网站,就像给房子盖地基一样,需要注意的细节很多,因此事先计划和对后期任务进行持续管理是必需的。

  1. 和客户签订合同了吗?如果你是为客户开发网站,那么没有合同的工作风险将远远高于由合同保证的风险。

  2. 确定网站的最终样式了吗?行动之前做好计划可以让目标更清晰。

  3. 网站各版块的内容都准备好了吗?应该基于内容设计网站,而不是反过来。

  4. 网站需要预建方案吗?内容管理系统(比如WordPress)、脚本等工具可以让工作更简单;开始网站设计之前,可以先确定这些工具是否能够满足你的需要。

  5. 你了解你的竞争对手的服务吗?你的竞争对手往往会推出各种各样的新服务,了解他们提供的服务能让你进一步满足客户的需求。

  6. 截止日期现实吗?安排符合现实的截止日期和追踪项目进程都是设计中的重要步骤。

  7. 需要把额外费用计算在内吗?设计网站本身费用并不昂贵,你甚至可以用免费软件建成一个很好的网站,但是你必须要考虑到可能发生的其他费用。

  8. 你具备设计网站的必需技能吗?有些网站比其他网站更为复杂;你所期望的网站在你的技能范围内吗,这是一个需要考虑的问题。

  9. 想过网站的推广问题吗?网站如果没有读者就没有价值。因此你需要审视自己的社交网络策略、SEO方案以及广告计划等。

  10. 你将要设计的网站的确有实用价值或者存在的必要吗?不要把精力浪费在对终端用户没有价值的事情上,摒弃所有无意义的创意。

  11. 确定目标读者群了吗?弄明白自己希望哪种读者群访问网站不仅有助于发表合适的内容,也能够更好地设计网站。

  12. 有检查清单或标准吗?即使是一套基本的标准也可以帮助控制设计质量。

  13. 你选择的主机能够满足需要吗?选择合适的虚拟主机非常重要;如果你需要在网站放上几G的视频流,选择共享主机当然毫无意义。

  14. 需要在网站上播放媒体文件吗?有些网站需要播放视频、音频或者PDF等特殊类型的文件。事先做好准备可以预防网站推迟上线。

  15. 你希望加入什么功能?或许你需要实现网站接受在线支付的功能,也可能你希望在网站上播放图集。有什么样的功能需求,就要在设计前考虑融入这种功能。

  代码开发15问

  接下来是对编写代码方面的提问。设计或开发网站时往往需要和HTML、CSS和JavaScript打交道。每种编程语言都有一堆需要遵守的惯例和规则,这些惯例和规则对最终网站标准化非常有用。尽管这样,除了遵守这些标准,还有其他很多你需要考虑的问题。

  16. 代码是否经过验证?验证代码并不是代码质量的绝对证明,但它的确能够确保你的代码符合推荐标准,也能检测出标记、CSS和JavaScript中的错误。

  17. 考虑过用CSS3和HTML5吗?很多用户可能还没有开始使用支持CSS3/HTML5的浏览器,不过如果考虑到不断增强的体验,利用这些将成为W3C推荐的标准能增加你的设计产品价值,提高网站开发技术。

  18. 代码语义如何?使用正确的标签是根本,搜索引擎也喜欢语义正确的代码。比如<p>表示段落,<ul>表示没有编号的项目列表,<ol>表示有序列关系的列表,<a>则表示超链接,<button>表示执行某个动作或用户任务的可点击UI元素。  

  19. 你充分利用各种选择和网站插件了吗?无论是使用网站地图XML协议或添加favicon图标都提高你的网站价值。

  20. 网站需要RSS吗?如果你设计的网站(例如博客或新闻站)侧重于内容发布并且文章发布频率较高,RSS订阅是必备功能,它可以让读者及时了解网站更新。

  21. 代码的容错能力如何?优雅地降级(即容错能力)——某个系统(这里指网站)在次佳状态下仍然正常运转——是网络可达网站建设的根本。

  22. 考虑过SEO吗?SEO不应成为决定网站开发的要素,不过考虑一下怎样让你的网站在搜索引擎结果里可见度更高,对你也是有益无害。

  23. 你为网站配备了易于打印的样式表吗?可以考虑编写一份打印用CSS文件,现在仍然有很多用户会打印网页。

  24. 代码中有不符合标准的地方吗?使用标签这样的已经被W3C HTML4规范摒弃了的无作用代码或者这样的不标准代码都会让你没法通过W3C网络规范建议。

  25. 需要使用条件注释吗?IE6还在发挥余热。如果你目前的网站开发项目要求支持IE并使用浏览器特定代码,这时你可以用条件注释来服务IE特定样式表单,这有两个作用:首先可以让你的代码通过W3C标准的验证,其次当你决定不再使用浏览器特定代码时,你只需要删除网站模板里的条件注释。

  26. 结构代码(HTML)、样式代码(CSS)和行为代码(JavaScript)是分开的吗?分开处理这些代码,这不仅是实践证明的最好习惯,也让代码更易于管理与维护。

  27. 网站的导航设计实用性如何?导航菜单是网站最重要的部分。实用的导航是搞笑网站信息结构的必需部分。

  28. 你检查过多余的HTML元素和CSS样式吗?代码很容易就会变得臃肿,因此为了保证更易于管理、更精简(性能更强)的网站建设,请删除非必需和重复代码。

  29. 代码是否有条理是否易于维护?处理好你编写的代码,尽量让代码易读、易更新、易管理。

  30. 采用某个框架会不会增强网站表现?如今开源Ajax、JQuery等网络开发框架都可以加速代码开发并减少由交叉浏览器问题带来的麻烦。如果你觉得这些框架有用,可以试一试。

  

  

网页设计15问

网站版面设计过程中会考虑到诸多例如选色、排版甚至独特性等问题。尽管你可能具备出色的项目管理能力和高超的编码技巧,但版面设计也涉及到各种各样的问题。网页开发要求你做出数不清的决定,下面这15个问题可能会对你考虑这些决定有帮助。

31. 对媒体文件进行优化了吗?图片、视频、音频文件比其他文件要占用更多带宽和内存。可以考虑压缩并优化这些文件。

32. 用户界面是不是太拥挤了?如果说有什么版面是所有人都不喜欢的,那应该就是一个充斥着过多元素的臃肿的版式设计。

33. 你的设计是独一无二的吗?互联网上的网站模板数也数不清,所以开发新鲜引人注目的版式非常重要。打破常规可以提高品牌识别度。

34. 应该什么时候重新设计网站?当你能够提供一些与之前完全不同的设计元素,或者能够增强现有设计时,可以考虑重新设计网站。

35. 网站现在的布局确实有意义吗?一栏两栏或三栏,有滚动条或者没有,网页的可视层级......都会直接影响到网站的可读性。

36. 颜色的选择合适吗?颜色与感觉关系密切;一个看上去不伦不类的网站和看上去专业的网站的唯一区别可能就是颜色方案的选择。

37. 什么样的排版最好?和颜色一样,排版也影响着网站的整体感觉。选择合适的字体,开发精致的排版设计。

38. 链接的可见度如何?如果读者无法识别链接,那么链接就失去了存在的意义。

39. 空格使用是不是恰到好处?很多网站的设计元素都堆积在一起,没有美感。如果各个版块之间能够多一些空间,会很大地提高网站的可读性。

40. 40. 考虑过请求式内容吗?随着Ajax和发展迅速的内容转换技术,在一个网页上压缩更多数据已经不是难事。在信息较多的网页上,可以将一些内容设置成访问者点击课件。

41. 网页设计结果的美感度如何?这个答案的主观性很强,但是你可以询问朋友、同事甚至网友的意见,以此了解你的设计是否有足够的吸引力。

42. 网站内容可读性如何?内容是网站存在的最重要因素。

43. 网站的页面设计会在不同条件下产生变化吗?同一时间段,你的网站的显示效果可能会很大(在宽屏显示器上),也可能会很小(在移动网络设备上);请确保网站在所有网络设备上的可达性。

44. 主要站点功能是否被突出?网站功能有主有次;可以考虑通过多种方式突出显示相关内容。

45. 具备完整网站的所有要素了吗?这可能是最难回答的问题之一。通过各方面回顾思索才可能得到最终答案。

用户体验15问

用户体验或许是决定网站成败的最关键因素。下面这些问题包括用户界面、网站可用性与可及性。

46. 网站的跨浏览器表现如何?互联网上浏览器类型也多种多样——确保你的网站在主流浏览器上表现正常。

47. 网站的手机访问效果如何?大多数浏览器在台式电脑上的显示效果都很直观(IE除外),但移动设备对网站的显示效果要求更高。

48. 有否通过屏幕助读器测试网站?即使有各种免费的屏幕助读器(例如Fire Vox,火狐屏幕阅读插件),网站开发人员也很少会考虑测试自己的设计的屏幕助读器可及性。

49. 关闭JavaScript后,你的网站会变成什么样?访问体验并不总相同,我们也无法控制访问者的访问环境,因此有必要确保网站即使在JS被关闭的情况下也能正常显示。

50. 为Flash内容提供另选方案了吗?接着上一点的想法,请确保你的网站处在没有Flash的访问环境中也能正常播放Flash。

51. 还记得alt属性吗?增强可及性的最简单方法之一:为图片使用alt这一实用的描述性属性。

52. 是否已通过网页内容可及性指南(WCAG)评估自己的网站?可能有访问者存在影响其访问网络方面的身体缺陷,这时一个符合网页可及性最佳标准的网站会极大地减轻他们的访问负担。W3C的网页内容可及性指南给出了各种相关建议。

53. 网站是否经过他人测试?可用性测试操作起来非常简单,也不需要什么花费。测试能让你得到进步。

54. 网站上的URL容易让人理解吗?易于理解的URL可以让访问者事先明白URL的去向,对搜索引擎优化也有好处。使用美观的URL(example.com/about-us)而不是系统URL(example.com/?p=655)能增强用户体验。

55. 网站加载速度如何?访问速度是网站可用性的重要指标。

56. 网站的搜索功能使用方便吗?大多数网站会配备一个搜索框供访问者查找信息。请确保网站搜索功能的易用性和搜索结果的准确性。

57. 网站上有让人不快的元素吗?无法关闭的弹出式窗口或其它窗口、削弱右击功能的脚本...尽量让你的网站远离这些元素。

58. 网页表单是否实用?如果你要求访问者填写过多信息或者填写信息的表单太难以操作,访问者可能会输入虚假内容或者甚至拒绝提交表单。

59. 访问者是否能够毫无困难地联系到网站主人?虽然这样你可能会收到各种垃圾信息,但提供一个邮箱地址或即时通讯工具信息确实是增强与访问者交流的极佳方式。

60. 有否检查断链?彻底根除网站每个角落可能存在的断链。

写在结尾

我们在学习的过程中不断进步,能力有所提高,最终将改变我们的思考方式和工作过程。定期反思自身做事方式和理念的网页设计师和开发师通常能够最出色地完成任务,也能不断提高自身的水平和产品质量。

 

转载声明:

原文地址:http://blog.163.com/wukian@126/blog/static/104332164201101684716910/

 

转载于:https://www.cnblogs.com/ZhangHuaning/archive/2011/01/20/1939985.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值