网站架构师的工作内容( 做导航网站为栗子讲述一个产品从0到1的过程)

　　网站架构师的工作内容(

做导航网站为栗子讲述一个产品从0到1的过程)

　　在阅读这篇文章之前，我们先来看看产品是什么：——这是一个设计师的网站导航网络。

　　写这篇文章的初衷是站在一个设计师的角度，分析一下当设计师有一个有趣的想法时，应该如何利用所有的资源来完成这个想法。下面我来做这个导航。网站对于丽子来说，说说一个产品从0到1的过程以及一些个人的建议。

　　1. 计划

　　首先说明一下，我计划在一周内完成这个项目，但实际上差不多是7天。在接下来的几天里，我会改进内容数据。在开始之前，我会根据确定的功能需求来粗略估计时间。这包括产品需求文档、UI设计前端开发、后端开发、测试上线、内容改进等。对于这个简单的网站，大部分时间都花在了内容的开发和完善上。

　　因为这个文章是为设计师写的，我们可能不擅长设计以外的其他工作，但我们不必非常专业。我们的目标是做一个产品，我们只需要你知道怎么做，然后用最简单的方式去实现。如果你有现成的东西，你就不需要重复梯子了。如果您有开源代码，则无需自己重写。

　　2. 确定功能需求

　　这里还有一点要说。2017年，我养成了每天抽出时间看看有什么新的互联网产品出现的习惯，不管是app还是有趣的网站。养成这个习惯一段时间后，发现自己采集了很多很多网站的书签，但是在保存这些书签的时候，并没有按照严格的分类进行采集，导致记忆中的网站过去的。我看到过某个网站，我记得是当时采集的，就是想不起来采集在哪个浏览器分类了。

　　这也是我当初做这个导航网站的原因（不是直接原因）。后来在网上搜集了很多设计师的导航网站，发现在这么多导航网站中，产品定位其实相差很大。这里我们不需要做具体的设计。竞争产品分析，用户研究这些，并可能按照他们想要的方向进行。我在这里的明确目的是做 UI 设计师所需的导航网站。后来采集了很多导航网站，可以算是一个简单的竞品分析。如下所示

　　首先确定导航网站的布局和导航栏的位置。根据大多数这类导航网站和我自己的经验，最好的交互应该是修复左侧的全局导航栏，因为会有很多导航内容项，不适合顶部导航或可伸缩导航栏。固定的全局导航允许用户快速选择和定位他们需要的内容位置。

　　除了导航功能，还有一个功能可以让用户提交书签。根据自己的需求和对竞品的初步分析确定产品的主要功能后，这一步就可以了。这一步基本不需要输出什么，只要知道要做什么。

　　3. 需求文档

　　作为这一步的设计师，让我们看看如何简单快速地输出一些东西。

　　我们不需要按照非常规范的东西来写PRD文档，但是我们需要让自己能够梳理出产品的结构。我使用两个软件，Mindnode 和 Axure。

　　我首先在 Axure 中创建了如下所示的目录。完整的珠三角目录不仅仅是这些内容，对于这个小项目，我们只需要关注产品介绍、信息结构、产品结构。I 目的是理清产品的逻辑。也是后期设计开发所必需的。在这个排序过程中也会发现很*敏*感*词*问题。您也可以在这一步验证产品的可行性。不是想到一个想法就直接开始设计UI界面，这是设计师做产品的大忌。

　　github上的每个项目也可以有一个gh-pages分支，这个分支也可以通过在外网放置静态页面直接访问。这个项目可以有多个项目，这意味着你可以在这里放置无数的静态页面。但是这些项目的网站不能作为一级域名地址访问。它们都收录在你的viggoz.github.io下，所以这个页面不能单独绑定域名。

　　但是，也有但是，通过github你可以创建多个组织，一个组织可以有一个官网，一个官网可以像你的github账号一样解析一个域名。

　　注：如果自己搞不明白，也建议直接找朋友帮忙。

　　8. 总结

　　这篇文章文章是为设计师写的。其实一个设计师一个人做一个网站并不难。虽然接触的东西很多，但设计师可以自己控制一个。项目，而且入门的学习成本不是很高。相信很多设计师都能轻松做到这一点。您也可以将此 网站 加入书签。其中的 网站 是我做 UI 设计以来采集的一些更好的 网站 书签。如果您有任何想法或问题，可以通过我的个人网站联系我。