微信小程序制作
当前位置:网站首页 > 网站建设热文 > 西安网站设计要有完整的思路和方案 返回列表

西安网站设计要有完整的思路和方案

作者:admin 时间:2022-02-26 浏览量:281

西安网站设计要有完整的思路和方案,网站设计,网页设计都是网站制作的第一步,也是必须要完成的一步,只有这步完成了剩下的工作才能接下来往下走的,所以网站设计在整个网站制作环节中式非常的重要的,那么作为专业的网站设计公司在遇到网页设计的时候,我们通常要遵循哪些原则和事项呢,这一点你一定要明白,不然等你知道了,明白了整个网站已经设计杂了,接下来我们来听听西安网站制作公司的专业人员看是怎么看待网站设计工作的。

一. 确定页面的类型
首先,要先考虑对方需要的属于什么类型的页面。 针对不同类型的页面,我们在布局之前的时思路和侧重点都是不一样的。我们平常会涉及到的主要页面类型有以下几类:
1)导航型页面:侧重用户路径引导和流量分发,往往会带有较强的运营性质。单纯的入口型与以核心内容入口,这两种方式的选择可以根据强弱需求的不同来选择。
2)消费型页面:侧重让用户能深度沉浸的浏览页面内容,如京东商品列表页,花瓣瀑布流内容页。
3)任务型页面:侧重让用户顺畅高效的完整一系列操作,达到某个明确目的,如订入住酒店页面。
当然,也会有多种类型混合的页面,比如1+2成了天猫首页。
二. 前期分析思路具体分析的详细步骤如下:
1. 挖掘业务(市场)本质需求
2. 洞见用户需求
3. 确立网页设计目标
4. 解决方案发散&收敛
5. 解决方案落地到页面中
1. 挖掘业务本质需求
1). 了解项目概况和目标
这一步主要是跟需求方不断的去聊去了解,基本的问题如下:
a. 为什么会产生这样的需求?目标是什么?(一定要深问,可参考“五个为什么分析法”)
b. 业务方针对目标提出的解决方案是什么,具体是怎么想的?是否还有想要解决的问题没想好方案的?
c. 该业务经验性的特点有哪些?是否有数据或报告。比如,产品/品类特色是什么,何种内容转化高点击好…
b. 业务后续规划的蓝图是怎样的?
大概的方向如上,具体的小问题可以在沟通的时候细化出来,通过这些问题,我们能对项目方向有个基本了解。
2). 挖掘业务本质
有的西安网页设计师到上一步就开始着手操作怎么设计网页了,其实这样是不合理的,容易让设计思路停留在语言描述的浅层次,设计功能浮于浅层需求,就会出现后续的解决方案有一定的限制性,很难达到客户的本质需求。所以如果要避免这个问题,就需要设计师在沟通时进行深层次的思考,内容可以贴合以下方向。
a. 定位的主要目标用户群体是谁?选取得是否合理?为他们带来的核心价值是什么?为公司带来的核心价值是什么?
b. 整个业务流程是怎样的?盈利模式是什么?
c. 市场/行业情况怎么样?未来的趋势呢?
d. 竞争对手是谁?我们跟竞争对手相比核心竞争力在哪里?
c. 我们的核心策略方向是否真的有效,发力重点是否合理?
2. 理解用户诉求
在前面的目标用户分析的基础上,我们要占到用户的真正诉求,通过了解用户的品牌和产品,来体会和理解体会用户真正的痛点和深层次的需求。
某家居用品商要制造一款家用钻孔机,继续往下深挖用户诉求:
“用户需要的并不是一台钻孔机,他们需要的是墙上有几个孔”
“用户需要的并不是墙上的几个孔,他们需要的是墙上显示家人照片”
“用户需要的并不是挂了照片的墙,他们需要的是一个更温馨生动的家”
聚焦到最深层次的需求,也许到最后你的产品从一台传统的钻孔机变成了嵌在墙上的一个电子相册,说不定还能自动更新、可交互~~ 不管最后的形态是怎样的,这样的需求探究是有助于直达真正的需求,且接近客户满意度的一个很好的途径。
a. 用户角色+场景穷举,再结合业务的核心价值(业务诉求分析时已经得出)对进行优先级排序,获得典型场景。
b. 用户需求&痛点收集,可参考KANO模型(基本型需求、期望型需求和兴奋型需求)判断痛点待解决的级别。
c. 定位用户诉求背后的潜在诉求。(“我要找到靠谱的网页设计师帮我网页设计房子”— >“我想实现理想中的生活方式”)
d. 用户体验地图,结合数据分析和用户意见反馈(适用于整个流程分析)
e. 同理心地图
获取方式更多样,比如:直接找类似用户访谈; 潜入用户圈子看他们在说什么,记录下来(社区圈子、问答平台),follow资深型用户; 看用户对竞品的评价和吐槽;后台用户意见反馈收集整理… 通过这些手段,基本上能有一个比较生动的用户形象呈现在你面前了,这时候就可以回到最后的输出:
1)典型用户场景(包含用户关注点和用户痛点)
2)用户主要诉求和潜在诉求
3. 网页设计目标确定
当业务诉求与用户诉求都已经明确之后,我们会发现事情渐渐变得明朗起来。拿着市场需求和用户需要以及业务原本的需求来对一对,市场趋势和用户需要也更加明确。
此时,我们已经可以判断之前需求方提的目标是否合理,如果有补充和调整就可以提出跟需求方进行商量了,而且此时的商量应该是有理有据的,一般情况下,给出收集的实际情况,需求方应该会给出判断,是否可以作为本期目标或其他阶段的目标。
经过沟通,可以提炼出业务目标:
通过「某策略」,帮助用户实现「某价值」,以完成「价值变现」
如“通过「让用户方便有趣地展示家庭相册」,帮助用户实现「家的温馨感」,以完成「更大的市场占有率」”。
业务目标中,判断网页设计这一步可以完成的是什么,这便是网页设计目标。比如以上案例,网页设计目标就可以定为1.让用户方便的展示家庭相册 2.让用户在展示的过程中获得更多乐趣。
4. 解决方案发散与收敛
解决方案的发散关键在于要紧扣网页设计目标,同时又不脱离用户角色。可把西安网页设计公司目标具象化成几个关键词,比如周期性回访、加强信任感、新客转化…等,然后围绕具体问题具体发散解决方案。
1) 核心问题聚焦-发散分析。依据分析得出的网页设计目标和网页设计策略,围绕得出的结论点来不断细分和发散。
2.)细用户类型和场景分析。如:细分新老客、带目的1的用户和目的2的用户,他们的用户场景和具体诉求。
3) 按流程步骤分析。当涉及页面流程较长时,可以找到用户几个关键的流程节点,使用渐进流程节点分析,如下方案例分析买手机的用户:
4)AICDA五步分析:引起注意——产生兴趣——建立信任——刺激欲望——促使行动。这套分析思路比较适用于营销活动类的页面。
更多可参考的方法:
– 头脑风暴/无声头脑风暴
– 用户行为理论分析
– 五个WHY分析
– 用户体验地图
– 服务蓝图
– SWOT分析
进行完发散之后,就可以跟业务方进行一轮沟通评估,通过评估的基本就可以留下作为最后要落地的解决方案了~~ 具体评判维度可参考以下2点,
1) 可行性评估,运营成本、开发可实现性
2)价值评估,判断最能辅助目标达成的方案、投入产出比做完以上分析,剩下的就是具体的设计思路和方案的落地了,在具体执行落地中,遵循一定的思路来,进行具体执行细化,形式可以有所变化,但大方向的把控是要准确的。

联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1