如何设计官网——工具网站篇

用户头像
上海/UI设计师/10年前/719浏览
如何设计官网——工具网站篇
用户头像
萨利SL

第一次写设计总结,希望大神们多多指点~

先后独立设计了两个网站,在设计的过程中也曾研究官网设计的原理,在这里想与大家一同分享下,还是菜鸟有不对的地方望大神指点~


你是不是和最初的我一样,以为官网只要酷炫吸引用户眼球就可以呢?

其实是我们想的太过简单,一个好的网站从根源分析包含了产品定位、产品目标、百度关键词引流如何抓住这部分用户、官网的数据如何抓取有益于下次迭代等。


每一块的设计一定要问问自己为什么?以下是我设计工具型网站时的思考过程:


b2d058036a66a84a0e282b89f7ff.jpg

1)确定产品类型?——工具型网站


b73758036a98a84a0d304faa54a8.jpg

2)工具型网站的特点是什么?

1、效率高(工具型用户的目的是解决问题,越快越便捷的解决问题就可以给用户青睐)

2、安全性(工具型分为短期和长期使用,短期的类似于转换格式产品,用户达到目的即可离开并且与下次使用没有过多关联性;我们的产品属于具有联动性的工具属于长期使用工具,文档会长久保存在上面而非一次性的使用工具,所以给用户安全感很重要)


b27558036ab9a84a0d304fbc4d82.jpg

3)官网的目的是什么?

抓住目标用户并成功让他们注册登录或下载客户端使用我们的产品


a5f358036ad0a84a0e282b981bd8.jpg

4)如何达到目的?

首先分析官网用户来源有哪些?即用户是通过什么途径到我们的官网的?


897758036ae3a84a0d304f2c358e.jpg

用户来源包含:

1、百度关键词推广,通过运营建立的关键词搜索进入官网。

2、外部链接,如我们的公众号推广文章,媒体推广软文的了解到长篇并产生兴趣访问官网。

3、直访/自然搜索,即直接输入网址或者直接在Google或百度输入产品名称搜索进入官网。


然后,分析以上途径进入官网的用户分别属于哪种类型,针对不同的用户我们该如何做?


4cb458036af5a84a0e282bedad8c.jpg

用户类型包含:

1、不了解新用户(关键词推广) —— 引起兴趣 ——在官网能找到用户需要的东西

2、有兴趣的新用户(外部链接、文章宣传、自然搜索) —— 快速找到注册入口/免注册试用

3、老用户(直访、自然搜索) —— 快速登录


820058036b26a84a0e282b01304a.jpg

5)定义官网框架


42f558036b38a84a0d304ff2569f.jpg

1、第一屏,告诉用户我们是什么?

如上的的用户来源和用户类型都是为了第一屏服务,第一屏就要抓住这类用户引导他们注册登录。


2、第二屏,提供多设备下载入口


3、第三、四屏,我们能为用户解决什么痛点?

提炼产品的功能及特色,向用户传递我们产品的特色,我们可以为用户解决哪些痛点,让用户深入了解我们的产品。


4、强调安全性

假设你设计的是长期工具型长篇,可能会涉及到安全性的问题,这也是用户比较关心的,所以接下来一屏是给用户安全感。


5、用户使用情况及评价

告诉用户就有多少人正在使用我们的产品,在上一屏有安全感后给用户信任感,可以的话尽量附上评价,更加真实亲切。


总结:任何设计都不只是停留在视觉上的观感,追究其根本才是最重要的!


577a58036b73a84a0e282b0f005c.jpg



13
举报
|
15
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面风格黄绿色系花朵装饰
平面书法字手写
平面男孩喝咖啡插画设计
城市园林平面布局航拍
海底世界插画
学习,优惠券,平面,海报
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
玄关入门地毯印花图案红地毯
倒计时,海报,平面
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
平面插画设计女孩喝咖啡
城阙凡花
中国传统纹样创新图案设计
课程海报,平面素材
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
空的平台平面和自然景观
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
古风平面仕女与瓷器
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册