400-609-4309

网页设计问题

网页设计问题

用户一旦分不清两个相似的链接或导航选项,将难以找到获取信息的最佳路径。各链接/各导航选项之间、各链接/各导航选项与网站其他链接/导航选项之间要定义准确、边界清晰。下面介绍网页设计问题,希望这些内容对您有帮助。

网页设计问题

1、内容位置不合预期

不能被用户发现的信息没有使用价值。很多网站,导航的类目字段表达不详、亦或点击后所呈现内容与该类目关联不大。还有一些网站,忽视了用户的想法,直接按公司自己的思路去构架信息。如果网站的内容结构与用户的心理模型南辕北辙,用户就找不到想要的信息。

让用户参与到网站设计中来。做一些简单的可用性研究帮助你的网站被用户读懂,比如卡片分类、树形测试、可用性测试。

2、链接之间/导航各选项之间边界模糊

用户一旦分不清两个相似的链接或导航选项,将难以找到获取信息的最佳路径。各链接/各导航选项之间、各链接/各导航选项与网站其他链接/导航选项之间要定义准确、边界清晰。倘若有多个模块或页面都在介绍同一则信息,为了验证它们的异同,用户就得一个一个确认,或费力猜测哪个才是用起来最方便的。再不然,用户会直接使用搜索功能,或者干脆放弃你的网站。

卡片分类和可用性测试可以帮助设计师避免这一问题。各链接语义边界模糊,罪魁祸首是内容策略的失败。原因可能有二:

链接命名不当。不同的链接应引导用户查看不同的内容,但出于某些原因,有些链接使用了语义相似的字眼。这种情况下,我们只需对有问题的链接进行重命名、以作彻底区分。

内容区分失败。如果多个链接打开的不同页面在内容上有强关联、且信息重叠,我们需要对这些内容进行重组,以突出各个页面的内容重点。

3、信息孤岛

有些网站只零散着几条信息,且信息之间没什么关联。

有的用户看到这种“孤独”且无法点击的信息,会觉得网站其他页面的内容也一样浅薄。找不到额外有用的信息,他们最终会流失到竞争对手那儿、或直接自行Google查询。

也有用户试着重新访问,结果却发现信息出现在预期之外的地方,而且与第一次看到的内容样式完全不同。还有用户的确找到了这些“孤独”的信息,却得费劲心思把它们拼凑在一起。不管怎样,这都给用户留下了极差的印象。

从公司角度看,这种设计方式不但造成了糟糕的用户体验,也暴露了其失败的内容管理策略——某一模块信息重复,不同模块本该相同的信息却彼此不同或矛盾。

一种解决方案是为内容相关的不同页面提供相关链接。还有一种更好的方案,就是反思自己的网站信息为何都如此“孤独”,然后重新整合构架、并在最合适的地方提供链接。与其不断重复相同的信息,不如在网站其他页面加上链接,链到信息首次出现的位置。

4、点击次数过多

即使用户可以明确目标信息的位置,体验也仍会被意外出现或冗长的操作中断。

网站设计团队经常会念叨用户在获取目标内容前应该点击几次。其实没有“魔法数字”——点击的质量远比数量重要。原则上,用户每点击一次,就应该离目标内容近一点。如果反复让用户点击,只会激怒他们、浪费他们的精力。

设计师有时忘记规划用户查找内容的路径,导致网站页面之间缺乏关联。所以,在正式设计前请先分析透彻用户的操作路径,想想有没有更简短的方案。

5、价格隐藏

在决定为某事物买单之前,用户需要了解相关价格、订阅费、便利费、附加费等。43个研究对象中有两三家网站价格信息获取路径太过复杂。比如,要在AARP的网站查到会费价目,须得完成好几步不必要的会员购买流程。请记住,在执行复杂操作流程前,先让用户了解到基本信息。

6、用户被困子级页面

要为特殊内容设计单独页面或子级页面的网站需小心,别把你的用户困在其中。215位被访用户中有很多人表示都曾有这样的糟糕体验:莫名进入新页面,且找不到返回主站的链接。他们中的有些会通过点击浏览器自带的返回键、或重新输入网址,以返回主站。但也有相当一部分人表示根本就没有注意到自己是怎么来到新页面的(因为主页和子级页面长得太像),并一直纳闷刚才的导航怎么不见了。

因此,设计子级页面时请仔细斟酌。如有此业务需求,请为用户提供明显的返回链接。

网页设计与制作常见问题

1. 为什么网站的首页文件名一般命名为index.htm或index.asp?

网站的首页文件名为index.htm或index.asp,这是一种网站首页命名规范。在浏览器地址栏输入网址,即使不输入index.htm或index.asp,浏览器也能正确找到该文件并正确显示出来,因为Web服务器默认的首页文件名是index.htm或index.asp。此外,通过设置,Web服务器常用的默认首页文件名格式有index.htm、default.htm、index.asp、default.asp等。

2. 巧妙设置分辨率

在制作网页时,有时会发现,制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时却发现网页的布局乱套了,这是因为各个计算机的分辨率不同所致。在Dreamweaver文档窗口中的右下角,显示当前文档的分辨率大小。单击当前分辨率数字,在弹出的菜单中可以为当前的页面指定显示分辨率,通过修改可以使网页更具灵活性。

3. 打开文件及插入网页图像的快速方法

在Dreamweaver里,进行网页编辑时,不必通过菜单栏里的【打开】命令来打开文件,一个更快的方法是利用【文件】面板,打开相关文件,直接用鼠标拖动文件到文档编辑窗口即可;同样,要在网页上插入图像等元素,也可直接通过【文件】面板将图像文件拖动到网页上。

4. 怎样仅仅复制文字而不想要其格式?

当从Dreamweaver中复制文字到另一个应用程序中时,HTML代码和文字一起被复制过去了。此时一般都用快捷键【Ctrl+C】来复制,如果在复制的时候多按一个【C】键则只复制选中的文字。从外部文档中粘贴时,如果只要文字而不想要其格式,可以选择菜单中的【编辑】︱【粘贴文本】命令,不要直接用快捷键【Ctrl+V】。

5. 如何巧妙隐藏标签?

如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于选择不可见元素。但如果不想显示时,也可以隐藏标签,方法是按【Ctrl+U】键打开【首选参数】对话框,在【分类】中选中【不可见元素】,在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉,以后它就不会再出现了。

6. Dreamweaver自动创建样式功能

文本属性面板可以设置当前所选文本的样式和格式。使用属性面板设置文本样式和格式时,Dreamweaver将跟踪为每个文本元素指定的格式属性,并使用命名约定为每个元素指定一个标签:Style1、Style2、Style3、……、Stylen。如果将同一格式属性指定给两个或更多文本元素,Dreamweaver将使用相同的标题标记这些元素,消除冗余的样式名称。

7. 字体【格式】与【大小】有什么区别?

在【文本】属性面板中,【格式】与【大小】都可以设置字体大小,但二者有一定的区别,选择【格式】,字体改变大小的同时变为粗体;如果只想改变文字大小,而不想让字体变为粗体,可以用【大小】属性。此外,【大小】只对选中文本起作用,而【格式】对整段文字起作用。

网站设计的基本步骤有哪些

第一:申请域名 申请域名比较简单,先是挑选注册商,然后查询域名是否已经被注册。在选择域名的时候尽量挑选简单易记得,还有就是个人认为应该避免带数字“零”和拼音“O”因为容易混淆。

第二:购买空间,空间一定找找稳定的,用不稳定的空间做网站会收录等等都会有影响。空间一般分为国内空间和国外空间,在国内使用国内空间速度快,但是贵。国外空间在国内使用速度相对慢点,可是很便宜。

第三:网站备案 要备案的话看你买的是什么空间了,只有国内主机需要备案,国外的不需要。备案只要根据他们的要求交齐资料等待就3-10天就可完成备案。而且是不收取费用的。

网页设计问题

第四:做网页 现在一般用Dreamweaver来做也可以。

第五:做程序 ,你至少会java,asp,php,asp.net其中一种编程语言。学会一种网站框架。了解服务器,域名,服务器操作系统环境和配置等。如果网站没有程序,以后更改信息比较麻烦

第六:测试网站 测试一是看他的稳定性。就是程序测试的时候可以正常访问等等,二是测试他所有的功能。如果这些功能都没有问题。且能正常使用就可以了! 比如进网站的后台添加删除操作。在前台看看有没有反应之类的!

第七:发布网站 网站可用工具上传,要注意的是:不同的空间,可能要求存放网页的路径(目录名)不同,里面一般有说明!

网站设计的基本步骤

1)站点定位:确定网站的功能与定位。这是确定到底是做什么,我们要做的是什么网站;网站的主题,风格,叫什么名字,展示的主要内容。

2)设置栏目:栏目的实质是一个网站的大纲索引,网站应该明确显示出来的主要指标。

3)做好准备材料:收集和整理相关information。

4)界面设计:根据访问对象提供信息,使它的一个最合适的网页的结构、网页布局。

5)网页测试与发布:包括功能性测试和完整性测试。所谓功能性测试是保证网页内容组织的可用性,达到了最初的设计目标,执行规定的功能,读者可以很容易地 迅速找到所需要的内容。完整性测试是确保页面内容显示正确,连接正确,无误和表达。如果错误是在测试过程中发现,修改,准确,可以正式发布在互联网上。网页设计是好的,它必须被发布到网上,或网站的图像仍然不能显示出来,就进行必要的局部调整。

6)推行和维护:网站没有推广,很容易成为信息孤岛,长期没有多少人访问,逐渐失去了建立的意义。我们应该注意的2个问题时,网页的标题要简洁,清晰。网页中插入图片尽可能的小。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章