作者： admin

是否在为新网站寻找灵感?本文准备了最好的小企业设计案例。HostGator美国分销主机将介绍八个小企业网站设计示例。它们易于使用，令人难忘，并且适合移动设备，而且都是WordPress主题。因此，如果认为某个主题可以作为网站设计的基础，只需下载，然后安装在网站上，自定义并上线。

网店的设计实例和技巧

有关如何设计导师/咨询网站的例子和技巧

设计机构网站的例子和技巧

实体店网站设计实例与技巧

访问商店是一种完整的体验，美丽的建筑和贴心的销售代表总是有助于销售。一些小企业正是通过向社区提供这样的服务而脱颖而出：一个客户可以始终感到受欢迎的空间。

如果这听起来像自己正在经营的企业，会希望在线存在能够实现两点：

• 传递相同的感觉就像访问实体店
• 邀请潜在客户访问

考虑到这一点，网站设计应该是完全可定制，它应该以商店和产品的大型高质量图片为特色。

作为参考，看看ThemesKingdom的Phenomena。Phenomena是一款极简主义主题，鼓励平静和愉快的浏览。它的特点是产品图片的全幅幻灯片，结合干净和宽敞的产品网格。产品页面为产品规格提供了足够的空间，所有元素都会随着页面的加载而逐渐消失。

大约81%的客户都会在购买前进行在线研究。因此，即使对于超本地化企业，如健身房、餐厅或水疗中心，拥有在线存在是明智之举。

如果属于这一类企业，要确保主题与预订插件兼容，这样用户可以注册并支付服务，而无需离开网站。

如果正在寻找灵感，可查看PixelGrade的Rosa Lite。Rosa Lite是一款为餐厅设计的免费主题，它甚至有样本”菜单”页面。但可以很容易地将其应用于自己的业务，无论是瑜伽中心还是健身房。无论经营什么业务，都可以从这个主题中学到如何战略性地使用几张图片来分享整个体验。推荐阅读：《用户体验设计原则：每一款成功移动应用的基石》

没有实体店?看看这些小企业网站设计案例。

想给潜在客户传达什么信息?很可能想让他们知道，销售的产品非常棒，物有所值。如如何将这一信息传递出去并将他们变成客户，在访问者从未在现实中见过产品的情况下?

没有实体店的情况下，销售实体产品的企业应该特别注意产品的摄影和信息，并将令人惊叹的高质量产品照片与详细准确的产品尺寸和构成信息搭配起来。

小贴士：如果能不惜重金制作产品图片，就去做吧。即使是用他们高质量的营销材料转售顶级品牌的产品，创建自己的产品照片也会向潜在客户展示经营业务的合法性，是一个创造自己的品牌的专业经销商。

根据利基，可以考虑运行一个公司博客，以及一个在线商店。通过创建自己的指南，是在创造机会让潜在客户找到自己，同时与竞争对手区分开来。

如果正在寻找包含在线商店和博客的小企业网站设计示例，查看这些主题：

Techne是一个WordPress主题，有一些令人兴奋的特点。例如，当把鼠标悬停在一篇博文的预览上时，”阅读更多”的标志会逐渐消失。主页的特点是为产品图片设计的全幅幻灯片，背景为浅色。该主题还包括 “Lightbox”，用户可以放大每张产品图片的细节。

Woostify是一款经典的主题。它有美丽的细节，如圆形按钮与微妙的色调和其他小细节，使它不同于同类主题。它的结构是非常典型的网店结构，让广大用户易于浏览，博客也遵循了这个原则。如果说能从这个主题学到什么东西，就是保持简单最重要。推荐阅读：《网站设计实践：如何优化用户流》

导师/顾问网站设计实例和技巧

好的导师和顾问很少能用照片来展示。所以，网站通过推荐信、案例研究、优秀的内容和优雅的设计来激发信任是关键。

如果是一名导师或顾问，网站应该讲述故事，并定位为能帮助客户实现目标的合作伙伴。传达价值时，也要包括客户的声音。社交证明很有帮助，所以在设计中给它一个特权的位置。

作为一般规则，保持句子简短和难忘。其他部分的每个结尾都要有明确的CTA，并确保CTA按钮很容易识别。

确保在每个页面上，所讲述的故事都遵循逻辑的发展。例如，主页的结构可以如下：

• 主要部分：独特价值主张是什么?
• 问题陈述：客户有什么困难?客户在苦恼什么?
• 方法：能做什么来帮助他们成功?
• 结果：推荐和案例研究
• 联系表格

为了获得灵感，查看这两个主题：

Excitor是顾问网站的坚实基础。它很优雅，有色彩的点缀和微妙的动画。包含了构成优秀顾问网站的一些关键元素——例如，推荐旋转木马和定价表。

Consulting在微妙的动画和色彩的战略使用上也是如此。它的布局比Excitor的更容易预测，所以对于初学者来说，它可能是更好的选择。推荐阅读：《如何通过有效的网站设计提高电子商务的销售量》

在线机构网站设计实例和技巧

机构的网站应该在个性和中立之间取得平衡。不会希望网站很普通，但它不应该掩盖客户的工作。确保菜单始终可见，并花时间规划联系页面。因为在最后，那是希望用户去的地方。

如果不知道该往哪个方向走，可以看看这些非常不同但设计精美的例子：

Breton很有冲击力，也很大胆，有交互式动画和非常规的导航元素;这是独特网站的完美例子，它不会把注意力从工作中转移开来。如果想把自己定位为具有前瞻性思维的规则打破者，这种主题很理想。

Chaplin是一个完美地遵守了每一个规则的免费主题。它的中性排版和宽敞的布局传达了效率和简单。这种主题是想保持中性的机构的完美选择。

应该自己设计网站吗?

本文分享了八个小企业网站设计案例，以激发新网站。作为一个新的企业家，可能负责业务的好几个方面，比如人力资源和营销。

虽然WordPress明显对初学者友好，本文分享的主题也是如此，但有时没有时间也没有设计技巧来DIY网站。

也许正在考虑设计网站，因为网站设计可能昂贵，网站成本高达数千美元。但如果没有高大上的设计预算呢?推荐相关阅读：《设计对话框以提升UX用户体验》

任何推广文案——无论是广告、邮件还是网站文案，其唯一目的就是引导读者走向那个闪亮、互动、最常见的是矩形的可点击UI元素，即按钮。Call-to-action(CTA)按钮不仅寄托着每个营销人员在转化技术上取胜的希望，同时也是一种有可能体现品牌形象的心理效应。一个单纯的按钮怎么能做到这一点?CTA按钮作为任何用户界面中最关键的元素之一，可以通过它的智能设计来传达复杂和优雅。hostgator美国独立服务器为您介绍如何设计更好的按钮。

长话短说——有效的CTA按钮最基本的目的就是要有点击价值。CTA按钮在形状、大小和信息传递的基础上与他们相关的最终目标有所不同。继续阅读，以了解一些简单的设计技巧，并充分利用这些点击磁铁。推荐阅读：《用户体验设计原则：每一款成功移动应用的基石》

一：让它们可发现

由于长期接触与特定颜色相关的特定形状，人们的思维往往习惯于以特定的方式对它们做出反应。对颜色和形状的认知有能力影响人们的心情和情绪。传统的CTA按钮最好是一个水平的矩形。虽然尝试用抽象的形状来表示按钮可能有点过于雄心勃勃，但这不应该意味着坚持使用老式的矩形。

涉及到颜色时，建议设计师为按钮使用对比色，并坚持使用可以轻松识别为按钮的形状。尽管如此，在安全的范围内对它们进行调整，使它们看起来更有现代感，绝对是一条安全的道路。例如，设计师可以尝试柔化角或弯曲矩形的边角，使按钮看起来更时尚。推荐阅读：《设计对话框以提升UX用户体验》

二：增加一些阴影

按钮存在于不同类型的设计中——立体设计、镂空设计、平面设计和落影设计等。光与影的相互作用激发了设计的灵感，使它们看起来更有生命力。为按钮添加一个柔和、模糊的阴影，使其更具深度和突出性。然而(这是一个相当重要的 “然而”)，很容易过度使用这些光影效果。设计师们倾向于添加一个又一个的效果，而没有停下来思考这些效果是单纯的好看还是真的有必要。所以，添加阴影，但要保持微妙。最好的做法是将阴影的颜色与按钮的颜色相匹配，不透明度保持在40%以下，并且让阴影比按钮更小。

三：在需要的地方设置强调

人们在扫描网站内容时，通常按照Z型模式向下滚动。相邻放置的按钮也是如此。希望网站访问者点击的按钮必须朝右侧放置。那是用户目光的终点和停留的地方。对于垂直堆叠的按钮，将高优先级的按钮放在底部更有意义，原因和上一句话说的一样。

如果将这些高优先级的按钮放在左手边或者顶部，会扰乱读者的自然扫描方向，最终影响读者的注意力。设计师一般也会使用幽灵按钮来阻止用户点击这些按钮。

四：让图标帮点忙

按钮不一定要在一个纯色的长方形上写两个字。就像图片一样，图标也可以说出千言万语。文字按钮除了文字之外，完全可以利用图标。不，这并不意味着在太小的空间里添加了太多的东西。它只是意味着正在使信息更加强调。然而，确保不要过度使用颜色。必须确保图标的颜色与文字的颜色相匹配。此外，可能会偏离那些有颜色填充或太多细节的图标是安全的。同样，关键是保持简单，坚持使用轮廓图标。推荐阅读：《网站设计实践：如何优化用户流》

五：记住8点规则

给按钮留下一些呼吸空间。避免在按钮周围留下过多或过少的空白。理想的方法是遵循8点规则。本质上，8点法则规定，设计中的所有元素，包括高度、宽度以及周围的空间，都要遵循8的倍数。 可能会想知道为什么是8?答案是大多数流行设备的平均屏幕尺寸大多数是8的倍数。因此，以8为增量来缩放设计(尺寸和间距)有助于保持所有设计元素的一致节奏。反过来，这也确保了所有网站页面的一致性。有关这个概念的更多信息，可以阅读这里。对于相邻放置或垂直堆叠的按钮，在按钮的所有侧面保持相同的8点距离。

既然谈论了空间，设计师也必须记得密切关注字母间距。根据字母的密度，保持文字每个字母之间的最佳间距，以保证阅读的方便性。

六：按钮存在于不同的状态中

当然不是指地理上的! 但重要的是要记住，任何CTA按钮都会经历不同的外观状态——闲置、悬停和点击。充分利用视觉效果，如添加水滴阴影、发光效果、颜色变化等，可以帮助实现这些状态之间的区别。很多品牌都在UI按钮设计的这一方面推陈出新，这将是令人惊奇的发展方向。

这些只是让按钮在网站页面上真正大放异彩的众多方法中的一部分。但无论按钮设计得多么好，都要归结为两个最终的要求——位置和信息传递。如果文案已经把网站访问者带到了一个他/她已经准备好做出决定的地步，但是按钮的间距太远而无法触及，或者更糟糕的是，它没有说出让他/她点击的恰到好处的话，那么就失去了交易。

按钮设计得不好，会有一百种情况。然而，设计师只能通过试错来学习。为了让学习之旅更加轻松，我们会继续推出更多这样的UI设计专用文章。推荐相关阅读：《UI和UX之间的三个重要区别》

如果有人从过去的时间旅行到2020年，他会对移动用户体验设计过程中180度的进化感到惊叹。他们可能会对基于语音的用户体验感到惊讶，或者会对人工智能在该领域的范围感到不知所措。但是，有一件事他们会发现是一样的。有猜到是什么吗?无非是用户体验设计原则。因此，保持同样的考虑，hostgator美国虚拟主机将在下面讲解

这些年来，各种功能、技术和工具已经被取代或处于消亡的边缘。但是，基本的用户体验设计原则还是和以前一样。

知道了这点，如果是打算在今年踏入用户体验领域的人，毫无疑问熟悉这些原则至关重要。推荐阅读：《如何改善用户体验？【上】》

指导移动应用用户体验设计的八原则

1.无杂乱界面

每个应用都有一个首要目标。他们针对终端用户的某个痛点，并为其提供解决方案。

但是，由于竞争的日益激烈，设计师们经常会在他们的计划中引入许多其他的功能和特性。

然而，有时应用设计师会在同一个应用屏幕中引入多种功能。这让终端用户感到困惑，导致与主要功能相比，次要功能(不那么重要的功能)的点击率更高。

为了应对这种情况，最好的方法是制作一个无杂乱的界面。意思是，在一个界面中引入有限的可操作的东西。在下面分享的图片中，可以清楚地看到这一点。推荐阅读：《如何改善用户体验？【中】》

　2. 个性化

人们都喜欢能带来个性化和特殊感觉的东西。这一点毋庸置疑。同样的心理也适用于用户体验设计的情况。

当设计的用户体验能够让用户快速、轻松地执行某个动作时，他们就会爱上应用。相反，如果它很繁琐，他们就会退出平台，并分享负面反馈。

所以，个性化的用户体验是另一个需要注意的主要内容。这意味着，探索如何将不同的技术(如预测分析、机器学习和地理位置)整合到应用设计过程中。

看一个例子：

正如在上面的Netflix应用截图中看到的那样，它通知并鼓励用户从他们离开的地方继续他们的应用互动。或者更好的说，继续观看他们留下的内容。

此外，利用机器学习的力量，应用了解用户喜欢的内容类型，并显示类似的内容。这样，就能增强他们对应用的体验，以及，提高应用的KPI。

3. 不要急于注册

会遇到很多直接要求注册的手机应用，不给用户探索应用的机会。这是否会在用户心中留下一个好的应用印象呢?

个人而言，会立即离开这样的应用。

为什么会有用户在不知道该应用提供的功能是什么，是否都值得注册之前，就白白注册呢?

这就是为什么UX设计师又必须遵循注册过程可有可无的原则。

给新用户一些时间来探索移动应用并熟悉它时，他们会对应用表现出更多的兴趣。这可以降低应用卸载率，增加用户转化的机会。推荐阅读 ：《如何改善用户体验？【下】》

4. 避免过度的权限

的确，访问用户数据的权限为了解用户、提供个性化体验打开了一扇新的大门。

但可惜的是，由于数据泄露案件的不断增加，用户已经变得有意识了。他们防止对设备上的相机、照片、联系人等项目给予权限。

在这种情况下，保持两者平衡的理想方法是只要求相关权限。

再举一个例子。

VSCO，一款照片编辑应用，每当用户想要点击图片时，它只要求访问相机。它不会询问访问联系人，或其他内置设备应用的权限。这保证了其他信息的安全。

5. 关注用户目标

由于桌面应用和移动应用本质上的不同，所以需要实现的目标也不同。例如，用户在桌面应用/网站中想做的事情，并不是他们在移动应用中想做的事情。

所以，不要让用户在使用移动应用的同时，还能使用桌面应用的功能，让他们感到无所适从。他们会更喜欢有选择性的东西，也就是说，比如说用户在使用一家餐厅的应用——他/她只想查看菜单、预约、提前下单，或者只是获取路线。其他的信息都是次要的，可以显示在其他地方，而不是在主屏幕上。推荐阅读：《设计对话框以提升UX用户体验》

6. 为手指设计

那些鼠标指针与应用互动的时代已经一去不复返。如今，随着触屏设备的出现，用户通过手指与平台进行交互。

在这样的情况下，我们又必须明白，人的手指大小因人而异。所以，针对不同的手指大小进行设计是正确的做法，可以带来更多的交互机会，并提高应用的转化率。

同样，在创建app用户体验设计的同时，投资手势也是获得更高效果的方法。

7. 只有相关通知

俗话说：”过犹不及”，滥用推送通知会从更高的转化率漂移到更高的卸载率。

所以，接下来每个新手和有经验的用户体验设计师都需要注意的原则是，发现推送通知的数量多少才够。这样一来，可以防止挫伤用户，同时让用户的动机得到满足。

8. 有效的下线

既然已经为整个流程的UX设计付出了这么多的努力，那么，以积极的姿态结束它同样重要。

这意味着，添加UX元素，向用户传递积极的氛围，即使他们已经执行了必要的行动或正在停用/删除他们的账户。这将提高他们在未来重新访问应用程序的机会。

虽然还有许多其他的用户体验设计原则，如与排版、颜色和速度有关的内容，但这些都是在制作创新移动方案时需要考虑和实践的基本原则。

所以，建议UX移动设计师参考不同的指导手册，不断尝试原生元素，参与不同的社区，最终带来更好的机会。推荐相关阅读：《网站设计实践：如何优化用户流》

网站设计不仅仅是美学上的问题。有些网站在视觉上很美，但在使用和导航上却充满挑战。最好的网站以用户流为中心而设计。这种方法将用户置于设计过程的中心，并提供更好的整体用户体验。hostgator美国虚拟主机将回顾网站设计的实践，并看看可以用来优化用户流的一些策略。在进入文章之前，首先介绍一些基础知识。

什么是用户流?

大多数用户体验(UX)设计师使用流程图将用户流可视化。这些类似于程序员使用的流程图。设计师使用它们来评估用户决策点，并增加线索转换的机会。在本指南的剩余部分，将讨论可以用来优化用户流的策略。推荐阅读：《设计对话框以提升UX用户体验》

绘制出理想的用户旅程

要了解用户如何与网站互动，并优化用户流量，首先要创建一个客户旅程地图。创建一个理想的买家角色，包括他们的目标和他们想解决的问题。这些目标是他们访问网站的主要原因。

一旦确定了他们的客户目标，就创建地图，将网站上的内容逻辑地链接在一起。这通常涉及到相关内容之间的内部链接，或者确保通过主菜单可以访问适当的内容。

例如，在旅游网站上创建了一个自适应菜单。当用户到达一个关于日惹市的页面时，他们会通过菜单看到有关该地点的信息。在菜单上放置与上下文相关的信息，有助于将访客引导到整个网站，并根据他们可能的兴趣引导到关键的销售页面。推荐阅读：《为什么好的网页设计很重要》

识别最受欢迎的页面

人们将如何使用网站的理论和现实往往有差别。回顾实际的用户流量时，建议看看网站上获得最多流量的页面。最好的方法是使用Google Analytics。网站内容选项卡将展示网站在指定时期的总浏览量图，并按页面进行细分。

然后，审查这些页面，并查看流量从这些页面流向网站的其他部分。对用户界面进行修改可以帮助改善整个网站的用户流量。这种改变包括添加CTA按钮和从这些核心页面到销售页面的内部链接。推荐阅读：《搜索引擎优化网页设计：你需要了解的》

识别访客瓶颈

可以通过Google Analytics查看访客用户流量。通过查看人们如何使用网站，可以确定潜在客户在哪里下车和离开网站。这些被称为瓶颈。

当在网站上识别出一个瓶颈时，应该进入页面并假设人们离开的可能原因。它们可能是一般的问题，例如，页面加载缓慢。然而，更有可能针对整个页面。审查该页面并尝试找到解决方案。可以使用热图和屏幕记录等工具来帮助进行推理。

专注于瓶颈有助于消除问题，使网站更容易和更愉快地使用。任何时候，都可以消除用户旅程中的瓶颈，消除潜在客户离开网站的原因。

通过直观的菜单缩短用户旅程

网站设计的一条黄金法则是：”不要让用户想得太辛苦”。用户应该能够轻松快速地在网站上找到他们的方式。直观的菜单是使网站可导航的关键部分。

最好的方法是在主页上将菜单项划分为标签清晰、易于理解的选项。下图中的Nike电子商务网站，就是一个直观菜单的好例子。产品都可以通过页面顶部的菜单选项进行访问，并按容易理解的类别进行分类。

如果网站有很多内容，可能会使用侧边栏菜单与热门内容来帮助用户浏览网站。在侧边栏中添加热门内容链接是顾问们审查网站时进行的基本CRO测试之一。

创建符合期望的内容

改进网站的设计可以帮助改善用户流量。然而，这只是旅程的一个组成部分。另一半是在网站上提供的内容。

如果内容与之不匹配，再好的标题也是无用的。大多数用户在决定内容是否与他们相关之前，只会扫描几秒钟。需要确保他们在离开时能感受到所提供的内容值得他们关注。

记住，网站的访问者是在线的，只需点击一下就可以看到有趣的Youtube视频、Netflix或任何其他娱乐来源。要做的是阻止他们离开。理想的情况下，希望他们在离开之前进行购买或注册到电子邮件列表。

减少销售页面的导航选项

一旦他们到达目标页面，对于大多数企业来说，这将是销售页面，要减少他们的导航选项。可以通过限制页面上的内部链接数量来实现这一点。

会注意到数字营销人员在使用销售漏斗软件创建漏斗时，应用这些策略。例如，如果到了一个网络研讨会注册页面，一般来说，除了在浏览器中输入一个新的URL之外，唯一能做的就是输入电子邮件地址。这是有原因的。

减少网站上关键页面的退出路径，有助于最大限度地增加采取期望行动的人数。应该尝试在关键页面上以直观和用户友好的方式做到这一点。这并不意味着突然取消菜单，但几乎可以肯定的是，这意味着不要从销售页面链接到博客文章。推荐阅读：《如何通过有效的网站设计提高电子商务的销售量》

使用退出意向选择表收集联系信息

并非每个客户的旅程都能如所愿结束。然而，他们的访问仍然代表着一个机会。退出意向表单可以让用户在离开网站之前停下脚步，有机会让访客加入电子邮件列表，或者访问网站上的提供特殊产品的相关页面。

让网站访问者在跳出之前提供他们的电子邮件地址，最好方法是提供一个不可抗拒的激励。可以给他们一本免费的电子书，就像Ad Espresso在上面的例子一样。也可以提供独家折扣或免费赠品。

退出意向选择表格应该尽可能简单。两个字段，姓名和电子邮件地址，最理想。如果经营的是B2B业务，也可以要求他们提供公司名称。

　通过跟踪客户旅程来优化用户流

分析网站时，要站在访问者的角度考虑问题。更好的是，让用户参与到分析和优化网站用户流的过程中来。客户的反馈非常宝贵，它将帮助确定如何使网站更加响应和直观。

通过绘制客户旅程并了解访问者如何与网站进行互动，可以减少跳出率并提高转换率。改善用户流的简单策略包括解决瓶颈，使用直观的菜单，保持访问者的注意力，以及使用退出意向表单。是时候采取行动了。推荐相关阅读：《响应性网页设计需要哪些元素，如何创建响应式网站》