海淘科技为你提供网站建设的重要五步骤，儿这个5个步骤策划一个成功的网站。它需要比创意更设计了一个伟大的网站。这些提示往下跑领导到设计阶段的五个关键步骤。
时钟读取上午1:30只是想和你上床。你在家工作，坐在你的电脑，绘制形状，编辑器和排版尝试，但设计恰恰是没有走到一起。您移动框右侧。你移回。你已经建立在创造美丽的和用户友好的网站生涯，那么为什么是设计总是挣扎?
这是大多数，如果不是我们所有的人都遇到了很多次在我们的职业生涯的一个问题。我们称之为创意街区。而其中存在的问题。因为做网站的人会发现很容易使用 – 网站鼓励人们转变 – 是不是创造力。这是关于规划。和研究。并把最终用户超前的设计。
我是几年一个网页设计师和前端开发人员之前，我才真正开始了解过程的重要性。我看过的网页设计师 – 无论是自由职业者，对于大公司工作，或介于两者之间 – 遵循相同的事件一般顺序一遍又一遍。他们有某种开球会议，然后回到自己的电脑，工作起来的网站设计。
尽管这种方法的普及，它从来没有真正的作品。即使你设法创造一些具有视觉冲击力，还有就是你错过机会，与连接和转换用户100%的保证。通过实施从实际过程中，你在网站上的工作做出明智的决定，你可以创造卓越产品，提升用户体验，提高转化率。你撞你靠着墙头，努力召唤您的创作天才的头脑漂亮的网页设计下一次，试试下面这里列出的五个关键步骤。
史蒂夫·乔布斯“设计的定义，著名的意见。你有你的启动会议。你已经进行了行业调研，做了竞争对手的分析和开发的用户角色。你准备好开始，但有你应该总是先问客户两个重要的问题。首先，要求他们识别网站上面的一至三个重点。这给你什么是对他们很重要的好照片。它要求他们优先考虑，这有助于发展和保持专注的角度开始思考。这也开启了讨论的大门什么这些优先事项的意思是，如果是有意义的调整。
你应该问的第二件事是这样的：什么是一个成功的网站看起来像你?当你开始计划的用户流量和转化目标这个问题是极其重要的。一旦你的信息，你就可以开始创建计划的网站：网站地图。
一个为网站计划
一个网站地图是将包括在网站上，它会如何组织内容的第一个可视化。它是朝一个用户为中心，以内容为中心的产品的第一步。有两个方面考察。首先，看你的工作，为公司的目标。什么是他们想要达到什么目的?其次，确定他们的客户正在寻找。正是这两种观点，这将最终意味着成功的婚姻。
开始思考需要存在的信息类型以适应最终用户和公司的目标。把用户第一的目标 – 它从未伤害，提醒公司，什么是最适合他们的用户来说也是最适合他们的业务。
例如，如果ABC公司发明了一种新技术，它更有意义的优先级对用户的问题，该技术比ABC公司的历史和使命宣言，引领解决信息。你可能还希望包括联系人信息和特定行业的博客作为资源给用户。突然间，你有一个网站地图的开端。
通过信息浏览
当你开始回答有关跨网站信息一般层次的问题，你也开始预见到用户可能会如何通过信息导航。这是你的用户流量。
通过创建你可以开始看到的信息交互部分创造理想的用户体验项目的开始阶段理论的用户流量。谁是你的用户是谁?是否信息的层次结构做出各种用例有意义吗?将用户自然可以通过网站移动到找到相关的内容给他们?
在一个空白页面的顶部，识别您的用户角色。下面各一，开始思考他们如何通过网站移动。想想他们可能会寻找怎样的信息的一个部分可以通过该网站下一个带领他们。
Userflow patterns.com是参考和启发用户短流视频的集合。此时，您已经开始理论化了旅途用户将通过网站，并可能已经开始思考如何，这将导致他们的转换。这是你的客户获取渠道。
使用您在第一步中创建的用户流程图，考虑如何能够通过网站将用户定向到转换点。要创建一个客户收购漏斗，把自己在用户的鞋。使用特定的角色，而不是一个广泛的受众，你的漏斗定位到特定的人。他们有什么目标?你怎么能帮助他们实现这些目标?
试想一下，我们正在创造一个鞋店网站。如果用户到达我们的网站买一双鞋的目标，我们的目标是让尽可能容易让他们这样做。的网上鞋店应快速，高效地通过购物过程结帐程序的用户。
创建一个计划从事相关内容的用户，让他们用一个引人注目的行动呼吁转换，使转换过程轻松，并定期随访。建立重点帮助指导用户。开发客户获取渠道是什么使一个网站一个商业工具，而不仅仅是一个漂亮的图片。不开车的结果设计不是好的设计。
用户的旅程转换的五个阶段
内容是网站的心脏。这是你如何与人交流。这是你如何卖。这就是你立足于设计。设计一个网站没有内容就像是试图把一个拼图没有任何拼图; 我们就可以抓取随机物品附近(叉，一个灯泡，也许一个咖啡杯)，并努力使他们结合在一起的。
记者了解到，该设计是客户最有趣的部分。内容是最困难的部分。这主要是因为这一点，也能撑起一个项目的一件事。这些都是在设计开始之前的网站内容的完整版本应该发展的原因。
那么，如何才能生成的内容?开始完美的方法是在你的网站地图采取回头一看。这是你已经确定要提供给用户的内容类型。使用你这里列出的网页或部分创建一个空白拷贝文件。对于每一个部分包括网页标题，内容的目标，你想的目标，标题关键字，和身体的副本。包括的类型，您预计生活在那里，你如何指望它被分解为简单的可读性和心理消化的内容。
请记住，对网站内容的理想阅读水平是相当低的。首页内容不应超过6年级的阅读水平(约11-12岁)，和子页面的内容应围绕8级水平(13-14岁)徘徊。百万美元的话不要在这里获得积分，他们失去的用户。您可以测试与计算Flesch-金凯可读性公式您的副本，以确保它会很容易为用户快速理解。
简化和精简
让你的副本更容易阅读另一个伟大的方法是用易于消化的内容。采用较小的段落，其中包括图标和图像，打破了你的内容，使您的网站更具可读性。而不是提出需要注意的承诺，你可能不会从用户获得的文字大机构，简化内容，并可以很容易地脱脂。
大功告成后编写，经过与切割出每一个不必要的单词或短语最佳的清晰度。你已经完成了这个过程之后，回去再做一遍 – 还有更多你可以删除。辉煌的安东尼·德·圣艾修伯里，小王子的作者(一本儿童读物，每个人都应该读)说，“这似乎是完美没有达到时，有没有更多的补充，但是当有什么更多的删除。”
最后也是最重要的提示创建的网站内容是这样的：如果你不是一个文案，聘请之一。这就是他们做的每一天。他们可以做的更好，速度比你。他们可以创建一个对搜索引擎进行了优化，吸引力和语法正确的副本。
一个简单的模板内容文件。这是一个开始根据你的网站地图开发内容的简单方法
现在的内容完成，是时候开始考虑布局。其中，站点地图为，通知该内容的网站的整体结构的俯视; 线框表示该内容的架构。
线框不应包含任何颜色，字体的选择或设计元素。它是用于从结构角度组织内容，以确保它呈现的方式，有意义的用户的工具。线框不再对页面布局的完美像素渲染。他们对采取更细粒度的方法来你已经建立了这一点的计划。在此步骤中，都发现信息应如何组织，并从视觉角度看固化的层次结构。
在什么样的顺序应该内容呈现?怎么会出现在手机的层次?桌面?在两者之间或之上?自适应网页设计因此有必要的线框图，与我们的过程中的每一步等一起，变得不那么具体和更灵活一点。
创建层次
如何生成你的线框完全取决于你。有很多伟大的线框和原型工具在那里，但一个简单的笔和纸可以很好的工作。线框图的目标是利用我们已经作出的决定通过前面的步骤建立一个订单的内容的呈现。
如果你看看你已经创建的内容，它应该是一个直观的过程。是否有一个清晰的层次结构所固有的内容?看标题，段落，标注和边栏。就拿应该出现哪些类型的信息的股票，并在重点应该下降。问：这些信息的主要观点是什么?
这很容易跳过线框。他们往往并不意味着一大堆的客户端，似乎是一个多余的努力 – 尤其是在完成所有其他步骤，以便努力之后。你能不能做到，而你正在创建的设计元素线框的目标是什么?总之，没有。线框是从内容的桥梁来设计。他们是一个网站的整体成功的在这个过程中彼此一步一样重要。
设计需要优化，为跨设备尽可能清晰地显示内容
现在最有趣的部分。部分你已经工作了，和你的客户一直在等待。你准备好了。您正在进入与攻击的计划，是基于明智的决定，而不仅仅是审美偏好武装设计阶段。你知道在哪里的元素需要放置发挥最大的功效。你现在准备设计一个转换机!
但是，你怎么设计为响应网站的?每位设计师都有不同的工作流程，而且你必须找到什么适合你。不过，也有一些方法和工具是有效和易于全线采用。
响应方法
如果您的网站将在移动设备上工作，你应该在设计移动先行。这仅仅意味着与移动布局和建设从那里开始。它是更容易做到这一点，而不是试图堆叠元件到屏幕上这就是他们被设计为其中之一的大小的一小部分。
你也应该使用模式库。这是设计模式，在你的界面功能的集合。您可以将背部和你的库和设计之间来回; 当您添加了新的元素，以你的设计，你将它添加到您的模式库，反之亦然。使用这种方法，无论任何变量，按钮是一个按钮; 无论是在代码和它的样子。
这将建立详细一致性，这将使一个显着的差异，公司的专业性的感知程度。一致性建立信任，提高了可用性。还有一个好处效率，因为我们可以轻松地调整内容和更新的风格。
行动计划
MailChimp的模式库是ux.mailchimp.com/patterns在线观看
按照本指南操作，您到达先后与行动完全成形的计划一步。每个步骤由它之前的步骤通知。整个过程是专注于提供尽可能最好的方式最有用和最相关的内容。
您可能会发现，你需要在过程中或之后该网站启动重新审视你的计划的一部分。德怀特·D·艾森豪威尔说：“准备战斗，我总是发现，计划一无是处，但作计划却不可或缺的。”正是这种情绪正是总结了过程的重要性 – 你正在规划一个成功的结果。你不是猜测。你已经建立了您可以在创建一个网站，工作的基础。
海淘科技不仅提供，文章下载，点击：网站建设的重要五步骤。而且提供搜索引擎seo推广文章和网站建设服务。
