网站设计与架设前的8个思考要点

更新日期: 2020-07-13 阅读: 2.5k 标签: 网站

为什么要架设网站?网站的主要目的为何?网站要给谁看?这是FirstHatch一起与客户讨论需求时,常会询问的内容。透过这些问题,我们能够了解网站和客户商业模式间的关系。在本文中,FirstHatch一起孵将以自身的WordPress网站架设的经验,从需求讨论的基本面开始谈起,再讨论架设面中偏重实务的内容,总共涵盖了8个思考要点,透过这样系统性地网站规划讨论,能够减少网站设计与架设过程中变更规格的风险。


网站设计与架设基本面

在基本面中,将讨论网站架设目旳、目标以及受众等三个相互呼应的思考要点,并透过小黑的故事作为案例说明。

要点一:网站目的
对于网站设计与架设而言,应该要厘清主要目的及次要目的,而要厘清目的,就需要先厘清网站在整个商业模式中的定位。一般来说,网站是企业在数位世界的名片,也是与目标受众沟通的桥梁。因此,网站最常见的主要目的便是呈现公司形象,传递公司资讯。另外,有些公司因为行销策略的不同,会将公司网站与产品网站分开,两者则分别具有不同的主要目的。

要点二:网站目标
FirstHatch一起孵认为,目标应该是达成目的前的里程碑。根据不同的网站目的,则会需要设定不同的目标。以一个B2B网站来说,如果网站的主要目的是要作为数位世界的促销渠道的话,那就可以将增加潜在客户询问数作为目标之一,透过适当地设置行动呼吁按钮则是帮助达成目标的手段。

要点三:网站受众
网站受众也就是前来浏览网站的访客,在网站设计时,需要将目标受众的使用习惯、喜好等纳入考量,使之与公司本身的品牌个性、理念等达成平衡。此外,依据网站受众的不同,也需要设计不同的功能来协助达成目标,像是即时聊天视窗与联络表单适合的受众可能就不太一样。


网站设计与架设架设面

厘清基本面的3个思考要点之后,就可以进入网站规划的讨论,思考架设面的5个要点。

要点四:网域
网域,白话的说就是网址。对于公司来说,一般会直接以其英文名称作为网域。此外,从品牌行销的角度来说,网域需要具有品牌识别性,且应将搜寻引擎优化(seo)纳入考量。著名的网域注册公司GoDaddy就提出了的10个技巧可以作为参考。

选择一个容易输入的网域
保持简短
纳入关键字
锁定区域
避免使用数字和连字号
容易被记忆
确保没有侵权
选择适当的域名后缀,例如:.com、.tw、.design
考虑购买相关网域以保护品牌
迅速下单购买网域
要点五:伺服器
选择伺服器时,除了要考虑伺服器本身的规格之外,也需要将网站架设目的、网站功能需求、网站架设方式等一并纳入考量。举例来说,若以WordPress为网站架设工具,则伺服器至少需要符合以下3点。以FirstHatch的经验来说,Bluehost、SiteGround、Cloudways、Kinsta是较为推荐的伺服器。

支援php 7.4以上
支援MySQL 5.6以上或MariaDB 10.1以上
支援HTTPS

要点六:网站内容及网站页面架构
在做内容规划时,需要以基本面的3个思考要点(网站目的、网站目标、网站受众)为核心,思考要呈现的资讯及方式。一般来说,可以先以阶层图的方式画出网站地图,在依序列出每个页面要放置的内容。

要点七:网站功能
网站功能同样与基本面的3个思考要点息息相关,以一般形象官网来说,常见的功能有联络表单、电子报、文章发布功能等。若是牵涉到较为复杂功能的会员网站、电商网站等时,则可以透过绘制使用者流程的方式,具体化每一个步骤,方便思考功能细节。

要点八:使用者介面及使用者体验(UI/UX)
在架设面需要思考的最后一个要点就是使用者介面及使用者体验。在要点六中,我们透过绘制网站地图的方式,列出了每个页面要放置的内容。为了更具体的了解使用者在每个页面的操作流程及体验,可以透过绘制线框图(wireframe)的方式,将内容的相对位置排列好,例如:图片和文字的排列、按钮的位置、Call to Action区块等。接着,依据基本面的3个要点,以使用者为中心,设计使用者介面,将线框图进一步具体化为设计稿(mockup)。


结论

网站架设是一环扣一环的,基本面中的3个思考要点,很大程度的影响了后续架设面的5个思考要点,更影响了后续的网站架设。正因为如此,FirstHatch一起孵在与客户讨论时,一定都会详细厘清这些思考要点,以求为客户创造数位价值。

原文点这里  


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/9450

相关推荐

网站内容检测——在线原创文章相似度在线检测工具总汇

为了自己网站上文章的质量,我们可以通过一些在线的原创文章相似度在线检测工具,进行检测自己的文章和网上相关文章的相似率!下面就为此整理了一些目网上已有的工具,以供大家参考使用

个人网站如何接入支付功能_支持个人支付的第三方平台整理

作为个人开发者,为自己的辛苦开发的项目配上支付功能,才有盈利的盼头!但是目前大部分都需要企业资质,那对应个人而言如何在网站、应用中接入支付功能呢?这里找了一些不需要企业资质的第三方支付平台。

程序员常用网站

刚开始入行的程序员很多很迷惘,不知道去哪里找到合适有用的资源,哪里有和自己一样的新手,哪里有高手,哪有有代码可以学习。我将分享一些收藏多年且非常有价值的网站跟大家分享。

常用RSS订阅源推荐

RSS的全称是Really Simple Syndication 简易信息聚合, 在一个软件中可以看到所有订阅网址更新内容。没有RSS, 如果你要A B C D网站信息, 需要一个个上去看看有没有更新, 这样无疑很费时。

免费下载视频、图片素材的网站

找视频素材的网站,免费视频素材资源,如何免费下载视频素材? 推荐视频素材哪个网站好:videezy、pexels、splashbase 、footage crate、monzoom、Wedistill、Mazwai

了不起的gatsby.js_一个现代化开发网站的网站产生系统

GatsbyJS 是一个现代化开发网站的网站产生系统,拥有完整、丰富且开源的生态圈。它利用 React + GraphQL 产生的多页面应用,让前端工程师,编辑,用户都感到满意。就让我们一步步地探索这个系统吧。 GatsbyJS 是一个拥有超过 2万 Stars,3500 forks 的 React 网站生成系统。

网站是什么?网站的用途是什么?如何零基础拥有自己的网站?

什么是网站?也许大多数人心中出现的第一张图片是淘宝,京东和网易。但是,如果您想询问网站的定义,很多人都无法回答。百度百科全书定义了这样的网站: 网站是指利用HTML(标准通用标记语言下的应用程序)等工具

Chrome无法从该网站添加应用,扩展程序和用户脚本

更新谷歌浏览器之后发现不能通过本地 crx文件安装离线插件了,网上找到的方法有两种 :一个就是通过添加浏览器参数解决 但是这个方法我尝试之后失败了 ,第二个方法就是用工具安装,具体如何太麻烦了就没有用

简单使用Google Analytics监控网站浏览行为

之前对网页做用户转化率调查这块,找到了谷歌GA事件,现在有时间对使用方法和遇到问题做个简单记录。官方文档其实也介绍的比较清楚,可以查看官方文档。

网站改版_关于fly63前端网站改版说明

为进一步提高用户体验,完善相关功能,fly63前端网添加了如下功能:添加黑夜模式的切换,栏目页提供分享功能:qq,微博,链接复制,手机二维码预览,模块添加圆角呈现方式,取消分割线,主色调调整

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!