美文网首页
网页设计原则-打造易理解的主页

网页设计原则-打造易理解的主页

作者: PM回忆录 | 来源:发表于2019-03-22 21:33 被阅读0次

主页包含的元素

站点标识和使命

告诉我这是什么网站,它是做什么的,为什么我该应在这里,而不是别的网站。

站点层次

网站提供的服务的概貌,要包含内容、功能、这些服务的组织方式,通常持久导航完成这份工作。

搜索

大部分的网站都需要在主页上设置一个突出显示的搜索框。

导读

拿出精彩的内容来吸引访问者,比如精彩内容、热销产品等。

内容更新

网站的成功取决于我是否经常回访,那么主页应该有一些经常更新的内容。持续更新的内容可以告诉我这个网站不是死水一潭。

友情链接

需要在主页上放置广告、交叉推广、合作品牌的友情链接等。

快捷方式

最常访问的内容片段,免得用户到处寻找。

注册

如果有注册和登录,那么应该放置注册和登录,并要有某种方式来告诉用户我已经登录了。

让我想要的东西显而易见

层次分明的导航

主页不必使用持久导航,因此主页导航可以是不同的。可以有以下东西:

栏目描述:可以尽可能表达出网站上的内容,甚至列出下一级栏目。

不同的导航形式:可以不同于其他的导航,使用水平导航,或垂直导航。及时形式不同,但也不一定要与持久导航保持一定程度上的一致,这样用户才能立马反应过来这是一种东西的两个版本。

最重要的是,导航的名称不能变,同样的文字、分组、顺序,最好在视觉上保持一致。

我不知道的会感兴趣的精彩内容。

推荐内容

告诉我从哪里开始

无从下手的感觉很糟糕。

建立可信度和信任感

对有些用户来说,建立可信度的机会只有一次。因此要争取在主页建立信任感。

避免过度推介

对于主页,它是一个网站最有价值的地方,所有人人都想发表意见。这样就会造成资源的竞争,直至主页占满了各方的推介。这种后果极有可能是导致主页不能通过后备箱测试。

传达整体形象

在用户进入主页的时候,要越快、越清楚地传达出以下四点:

这是什么网站;

网站上有些什么;

我能在这里做什么;

为什么我在这里,而不是别的网站。

如何传达这是什么网站:

口号:口号是和站点ID最近的地方,人们会习惯性认为这个网站的口号。好的口号要言之有物,不要混淆不清,长度适中,表现出网站显而易见的好处和特点,不要太笼统,最好能生动、个性、带着些俏皮。

主页的ID比其他页面的大一些,因此预留的空间也会增加不少,可以给口号留下空间。

欢迎广告:对网站的简要描述,在主页的首要位置,不用滚动页面就能看到。不要把公司的使用作为欢迎广告,要从用户的角度出发,告诉他这个网站是什么。

这两个元素可以让用户在对网站没有一眼了解的时候,能找到一个地方来了解。

让每个地方看起来像起点

让搜索框看起来像搜索框,让栏目列表看起来像栏目列表,另外如果加上文字描述,如搜索、分类、登录,会更好。

慎用下拉框

下拉框虽然可以节省空间,但是对用户来说,并不能一眼看到网站的内容。因为它们难以扫描、不好控制,必须多一步操作才能看到内容。

欢迎访问作者网站:https://pmhuiyilu.com

相关文章

  • 网页设计原则-打造易理解的主页

    主页包含的元素 站点标识和使命 告诉我这是什么网站,它是做什么的,为什么我该应在这里,而不是别的网站。 站点层次 ...

  • 网页设计原则

    头部高度设计 header height: 50~60px padding内边距设计padding: 15~30px

  • 设计模式原则

    设计模式的基本原则 设计模式的基本原则非常重要,只要真正深入地理解了设计原则,很多设计模式其实就是原则的应用而已,...

  • 关于对比性设计原则的使用方法

    我们在学习网页设计等相关技术知识的时候会去了解和掌握不同的设计原则,而其中对比性原则就是非常常见的设计原则之一,下...

  • Bling~让酷炫的文字交互效果点亮你的网页

    在网页设计中,如果网站主页色彩处理得好,能让整个网站锦上添花。而一些交互效果的巧妙使用,不仅让网页瞬间亮起来,甚至...

  • 网页当中经常使用的十一种排版形式

    前面的教程我们陆续介绍到一些设计原则在网页当中的运用,今天我们来讲讲网页设计经常用到的排版方式。 在版式设计当中,...

  • 设计模式与软件原则 (二):SOLID 原则

    SOLID 设计原则 SOLID 设计原则鼓励我们创建更易于维护、更易于理解和更灵活的软件。 单一职责原则(Sin...

  • 用户界面网页设计原则

    “网页设计绝不是简单的拼合,排列甚至编辑;网页设计是通过阐明,简化、明确、修饰,使之庄严,有说服性,甚至带一点趣味...

  • 简单工厂模式(2)-披萨订购

    简单工厂模式 传统方式的优缺点 优点是比较好理解,简单易操作。 缺点是违反了设计模式的ocp原则,即对扩展开放,对...

  • 三、开闭原则与依赖倒置

    设计原则 本文章将会介绍我对一些设计原则的理解,包括:开闭原则、里氏替换原则、迪米特法则、单一职责、接口隔离、合成...

网友评论

      本文标题:网页设计原则-打造易理解的主页

      本文链接:https://www.haomeiwen.com/subject/gshkvqtx.html