写文章
烦啊
2020-06-15 11:12

一个互联网产品经理分享给你的官网设计神器

在分享之前请你完成下面两道填空题:

(1)    工欲善其事,__________;     (2)    ____________,别揽瓷器活;

 网站设计的好坏对网站收益有着很重要影响,如果表示认同可以接着往下看;如果不是说明你很可能你走错了教室。

(如果你的网站内容和设计能体现出1)真实,2)专业,3)有吸引力等,那么恭喜你,询盘离你不远了)

 读到这里,你可能心想设计重要我知道啊,需要你来告诉我么???(嫌弃脸.jpg) 但我是外贸业务员,不是网页设计师~(摊手.jpg) 

 好的设计很重要我们达成了共识,那么接下来的问题就是用什么工具(软件)来设计我们的网站了,先可以回到上面的两道填空题了,(读完一遍后回到这里)好的设计工具也很重要。

 我个人作为互联网产品经理常用的设计软件有axure、scketch、摹客(Mockups)、XD(adobe)、Visio、Balsamq等,在线的有墨刀,ProcessON等;有时候word, excel, ppt也可以拿来做做设计,具体到使用哪一款我会根据研发团队,产品特点以及外界环境因素而决定。

 读到这里,你可能又在想你到底要推荐什么呢?

 如果是非设计人员做网页设计或者沟通网页设计,我不推荐用电脑来做设计。我身边时常有做外贸的朋友让我推荐一款最好用的工具来设计官网,我的答案是笔和纸,是的你没听错就是笔和纸。

 对于在非设计专业领域的大多数人而言是没有最好用的工具这一说法,不过笔和纸用来做设计草稿是比较合适的:

 如果用电脑做设计你会面临的问题:

(1)    成本:只要你打开电脑来做设计,或多或少都会产生学习成本,如果你本身会PS还好点,会比其他的外贸业务员学的快,如果从0开始学是有时间成本的,哪怕极简的在线线框工具也是。

(2)    效率:对没有设计经验和天赋的人而言使用电脑做设计会占用较多的心理资源(可以简单理解为电脑内存),遗憾的是大多数外贸从业人员都没有这样的经验和天赋。举个例子,每当你想在屏幕上画点东西的时候你都要想这个用电脑怎么操作,控件组件在哪里,怎么调参,怎么实现效果等,当你想的多了,心理资源占用就多,效率就会底。

 用笔和纸:几乎没有学习成本,小孩子都会,一个人不会写字都很有可能,但画画绝对可以折腾几笔;设计效率高,想要什么就画什么,心理资源占用几乎为零,除非连笔都不会用。心理学上解释手绘更加符合人类在表达沟通上的心智,降低了认知的门槛,想想人类祖先原始人在山洞里的墙面吧,在画画这件技能上我们的能力可是祖传的。(注意:草图设计稿只需要把你想要的画出来就可以了,然后把设计稿交给建站公司或是设计人员,和他们沟通好即可,另外你的设计草图不是美术,不需要美术艺术上的好看,主要是让合作方懂你)

 

还是给大家举个栗子吧

这是我随手画外贸官网的Home page

WechatIMG1.jpeg

(1)   

WechatIMG7.png

spacer.gif菜单部分我省掉了“home”,用logo代替“home”,强调我的品牌,我是做品牌的公司,这里用上了交互和心理的一点小策略让客户记住你,当他们点击想返回首页时候都会看并点击你的logo,如果你不是走品牌路线的建议你还是把“home”补上。其他products/about us/等等没什么好说的,根据你的需求删舔



(2)3642a858ac1ba807dbd65bc2688802bf.png

这是一个三分钟的短视频,内容可以是你觉得重要的有竞争力有优势的产品或公司介绍等,如果是我且我是工厂,我会放上一段我们生产和研发产品的视频。个人建议视频时长不要超过3分钟,1分钟最佳,如果太长客户和你把握不住重点,如果你非要问为什么不能时长多点,你就想想抖音。

还有千万不要忘记“分享”按钮并让它更显眼些,你想想看当一个采购助理把这个视频分享给他的老板的时候是多么的轻松;又或者你直接用它分享它到你的社交网络的时候。

 

(3)   

6cb02a846dee3f9011be2cab0613d986.png

页面布局的高度可以将视频和who are you?作为一屏(不滑动滚条直接展示的区域)展示给客户,这样分清主次让视觉中心上移抓住重点并巧妙补充文字说明引导客户看完视频之后往下看;“who are you?”的文案该写些什么就看各位自己的,我就不班门弄斧了哈哈哈

 

(4)   

7e24e602180c86a9002aca7ceda9ccbd.png

合作客户展示,客户好评和表单至少1屏,设计的时候一定要让客户把注意放在表单上,填空切记不能超过3个,别问,问就是因为询盘。要知道之前给客户看的视频,客户合作展示和评论都是为表单做的铺垫;还有千万千万不要让客户填什么验证码,除非你觉得自己的询盘太多。

最好适当用文字和设计策略的引导用户填表单,例如我这里let me know if we can help,然后很自然过渡到查户口,那我这样设计可能有效是因为现在人的阅读习惯是从左往右,先强调在引导的心理小套路在起作用。

 

(5)   

7810c82f663e1578c483f9c55a183eb4.jpeg


页脚简单弄一下,可以放与页头对应的菜单,网站地图,也可以是你主推的产品的关键词链接,也可以是联系方式邮箱什么的,或者是各社交网络渠道等

我这里是产品分类和关键词布局有助于SEO,其实页脚也是有操作空间的,我这里画的简单是为了偷懒,举个示例而已,大家应该根据自己的需求做调整。

 到这里首页设计基本上就差不多画完了,可能有的米课同学会问难道wordpress的主题和模板它不香吗?干嘛要自己画,又或者给钱找建站公司就好了,一千多块钱建站搞定一切。如果你能这么想那么恭喜你已经打败了其他没有学习过米课或是没有建站营销意识的同学了,至少你知道需要建站和会建站的方法了,给你点赞。

当然人是有最求的生物,当你走在非米课学员前面时,也有资深米课玩家走在你前面。(首先确保1+N的1就不会输你)

 为什么要自己设计:

(1)    个性化的定制设计(大概就是量体裁衣的意思)是为了凸显你的优势,让你在众多同类主题和差不多的模板中脱颖而出,差异化思维在设计上的展示,也是你甩开与其他同行之前距离的又一条重要赛道;

(2)    大多数建站公司是没有设计的,有优秀设计人才的建站公司都不会便宜,不知道你是否有这样的经历,你在网店上告诉客服自己的身高和尺寸,客服推荐给你尺码,你下单收到货后依然也有不合身的情况,更何况你在跟一个没有设计的建站公司合作还指望他们能做好吗?

就这2点足够了(还有其他的我就偷懒不写了);

 

什么情况下你需要自己参与建站设计:

(1)    你有建站需求,且有一定的建站技能,又没有大把银两找优质建站公司;

(2)    你不满足于模板和主题,想要更好的建站拿询盘;

 还要再啰嗦一下,为什么建议笔和纸作为你的官网设计工具,因为你能听到知晓的国内外的互联网大厂的产品经理都在用,使用频率极高;外贸同学建站官网本质上也可看作一款产品,其主要核心功能就是获得询盘,想要无障碍快速低成本打造属于自己产品,笔和纸是最优最好的工具,没有之一。(对绝大多数外贸从业人员而言)


 (完)

静待大家反馈,文章如有帮助或不足都可以告诉我,我后面会改进,如需要把其他页面products/about us/blog等也画出来进一步详细示例说明也可以,大家只要记住用笔和纸开始画就好了,不确定自己画的好会也可以发给我帮忙参考参考,如果大家有建站设计方面的问题和想法,欢迎找我聊聊,如果能帮到大家,那就交个朋友吧。


点赞
举报
收藏
转发
0/500
添加表情
评论
评论 (1)
最近
最早
3天2夜学会建站

烦啊

米课用户

向TA提问
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示