童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

H5三个设计方向的自我定位

4月16日 乔了了投稿
  如今,移动端H5如雨后春笋般迅速发展花样繁多,无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥最大化?如何扬长避短,做出吸睛的H5?都是摆在我们面前的问题。
  在我看来移动端H5可以向三个方向进行设计定位:内容方向、交互方向和视觉方向。
  1、内容方向是指介绍内容为主的H5,从用户情感出发,基于大众所熟知和想了解的方面入手。如节日类、信息广告类、电视影片类等。
  2、交互方向是指注重与用户建立丰富的互动体验,以用户操作为主要卖点。如游戏类、广告类。
  3、视觉方向是指以画面为主的H5,这里指的不单单是好看,而是把重点放在画面执行上,画面更有丰富的动效,做到非常强力视觉冲击力。
  设计策划占到以上3方向的一种为“优”,具备两种为“精”,有三种为“神”。但是,重要的是每个方向需要做到极致。我认为目前能占两种的H5还是有一些的,不过具备三种的几乎是不可能。因为想要在这三方向都顾及到的话,最致命缺陷就是文件量太大,目前的带宽和设备的限制对过大的H5传播有着很大影响。
  一、内容方向的H5
  首先介绍下内容方向的优秀H5。重点放在内容方面要引人入胜,能够吸引特定用户,把H5有目标、有目的的去投放。
  腾讯网《活着》项目组策划的《活在此时》,充分透析了北漂一天的忙碌生活,直击为了生活而奋斗着的年轻人内心,主题震撼,内容充实,闻者心动,见者伤感。
  为抗战胜利70周年举行盛大阅兵仪式而策划的《阅兵手册》,内容上充分展示了各个方阵的信息,在看阅兵直播的同时,手持这款H5,既长见识还能在人前卖弄。
  腾讯新闻发布的系列H5《传统节气》。随着人们开始越来越关注传统文化的传承,二十四节气的由来、习俗等知识,越来越多的人想深入了解。实时推出《传统节气》,既满足了此类人群的需求,又弘扬了传统文化知识。
  二、交互方向的H5
  交互方向的H5,重点放在和用户的交互体验方面,让用户有很强的参与感。这就需要在互动过程中要做到完美的体验,吸引用户一步一步按照设计师思路看完H5。
  交互方向H5一大类是小游戏,早期的围住神经猫、虐心的小鸟等都是火遍朋友圈。腾讯新闻出品《俄罗斯阅兵抢答1分钟》参与互动答题,再配上风格独特的手绘图案,可以说是H5中的精品。
  一夜爆火的《吴亦凡即将入伍》游戏推送广告,创新的交互方式让人眼前一亮。整个H5都会让观众惊奇的看到最后。
  《万能时装屋》和《哆啦A梦道具专卖店》,都是可以选择不同的元素,自由组合,最终达到不错的广告效果。
  《万能时装屋》是用户在不同的部位选择自己喜欢的装饰,最后把选择的装饰生成一个完整的形象,电商就可以推荐用户一些喜欢的产品,而且可以拼出搞笑、无厘头的形象,增加H5应用趣味。
  《哆啦A梦道具专卖店》借用哆啦A梦神奇道具的组合,也是生成实际存在的产品,推送给用户,不免让大家觉得非常有趣神奇。
  三、视觉方向的H5
  视觉方向的H5拥有着炫酷的画面、华丽的动效以及特点鲜明的手绘,让人印象深刻,过目不忘。
  说到视觉表现力,不得不提的是大众点评出过一系列H5,无论是画面效果还是夸张的动效,都能给人留下深刻的印象,但是对于内容和交互上就没有那么深入人心了。
  《AKQAWinterlands》借势圣诞节,让用户进入水晶球,环视3D场景,让用户有身在其中的感觉,在视觉和互动上达到双赢。
  
投诉 评论 转载

如何设计好用的触控手势我们生活在一个人机互动频繁,由设备驱动的世界中。随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联……译文结合用户体验设计和心理学来影响用户行为的发生改变你是否曾经困扰为什么你的用户总是不按你设计的思路来操作产品?成功说服用户去操作某个功能,比如注册或者购买产品,对于任何一个产品来说都是很有难度的,尤其当这些行为是你的产品的核心……交互设计流程的“闭环”问题交互设计师有一项很重要的工作就是定义任务流程。在接到需求之后,设计师需要把抽象的需求设计成具象的流程,然后再把流程分配到不同的界面,最终形成成品。设计流程不难,但是设计好的流程……不做这一步,用户调研就全白做了认认真真做了用户调研,就算大功告成了?图样图森破!古语说得好,学而不思则罔。你通过用户学到了很多他们关于产品的感受,如果不能将其好好分析与整理,那就只能是然并卵了。下面教大家其……给设计师的网页动画设计基础指南动画早就不是早期人们印象中的低龄向玩物了,从早年的卢卡斯影业到今天的工业光魔,动画技术证明了它可以实现无限的可能性;从70年代的高达、EVA到之后的宫崎骏、皮克斯,动画的深度和……腾讯干货!从四个方面帮你做好移动页面性能优化随着移动互联网的发展,我们越发要关注移动页面的性能优化,今天跟大家谈谈这方面的事情。首先,为什么要最移动页面进行优化?纵观目前移动网络的现状:移动页面布局越来……译文推荐:设计并非艺术设计与艺术,这两者之间有着很多的相似之处,但本质上却属于不同的学科领域。它们有着各自不同的目标、内容来源及实现方式。设计决策无法单纯的经由直觉、看法或自我来达成,谦逊是设计师最……译文交互设计初学者的完全指南交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西……功能确定之后,如何做好UCD概念设计?上回说到功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。详见上一篇:论需求和功能:如何分析需求并设计成功能。如果说前面的分析……我从比我聪明的家伙们那里偷来了9个UI设计的秘密译者按:都说设计重要,但是好设计的标准似乎一直都没个定数。学苹果的拟物、学谷歌的materialdesign、学微软的metro风,学到的似乎都只是皮毛和表象。设计师应该是整个……在你重新设计网页的时候考虑好用户体验在过去的几年中,网页设计和在线营销有一些奇妙的转变,具体来说,就是网页设计风格从很重的内容和关键字塞满的网页转为简约的设计,让用户视觉能更集中的体验。用户在上网的时候比以……H5三个设计方向的自我定位如今,移动端H5如雨后春笋般迅速发展花样繁多,无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥最大化?如何扬长避短……
谈谈功能性动效在移动端的使用从UI和UX对比,谈谈对用户界面和用户体验的理解以中秋主题聊闪屏设计社交产品方法论(七):交互设计的二三事ToB端的Dashboard设计方法同样是输入数字,为何电话和计算器键盘布局截然相反?从认知负荷理论看界面设计,让产品更加简单易上手80的用户时间停留在前三屏,然而八年前完全不是这样移动端的用户交互动线设计微信“不友好”设计其背后的逻辑为什么人物角色会被误解和滥用?移动端常见十大交互范式

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界