网页设计技巧:在交互设计中如何更好的展示营销产品
发布网友
发布时间:2022-04-23 11:52
我来回答
共2个回答
热心网友
时间:2022-04-12 22:01
交互设计是近几年流行的一个词语。现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等。从场景,任务,用户,操作等分析。但由于受实际情况的*,往往不能很深入。所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的。如果要说什么是一个好的交互设计,个人浅见就是简单。本文以下内容都是围绕简单2字进行展开。 推荐课程:上海平面广告设计培训课程 , 上海it/" target="_blank" class="infotextkey">网页设计师培训课程 ,上海it/" target="_blank" class="infotextkey">室内设计培训课程
简单在本文中包括认知和操作两个部分: 1. 认知主要是指人的思维过程,本文中主要说明用户是如何做决定的; 2. 操作在本文中说明用户的浏览和点击行为。 先来说下认知,我们时常能够看到“装修前大清仓,最后3天”。这些促销用语,是商家用数字来制造稀缺,引起用户的注意,我们就来说说:数字是如何引导用户的。 制造稀缺和迫切的氛围 要让人们渴望做一件事,只需要使做这件事的机会难以获得。 1. 时间(通常用倒计时的方式呈现,给用户造成一种,“此时不买,只有后悔”的暗示,或者 推荐给好友,附带一句“赶快买,马上要结束了”) 2. 数量(限量200件,仅剩20件) 小结 1. 把原价,现价标出来,再去掉原价。因为只有一个价格用户不知道有多便宜; 2. 给出原价,产生对比,帮助用户决策。至于现价是不是真的,很多用户不会考虑。 制造社会认同,刺激用户跟风 社会认同是指一种群体影响力,简单说来,就是个人在群体中的从众心理,人们倾向于认为他人比自己更加了解所处的情况,他人的行为也总是合理和正确的。因此个人会做出和他人一样的行为,来获得群体的认同,这种效应就是“社会认同”。 数字提醒,让用户非点不可 相信很多人都有立刻去点掉数字的冲动。这里的数字提醒,笔者以为与前面的略有不同。 1. 起到最基本的提示引导作用; 2. 这里的操作会让用户上瘾,从而培养用户习惯,增加用户粘性; 3. 对于平台级的产品,是互相拉动,形成一站式体验。 小结: 1. 数字不能弄虚作假,特别是电子商务网站,对于一些价格,时间、数量的数字要真实准确; 2. 要在显眼的位置把这些数字显示出来,让用户有一个直观的判断和快捷的操作; 3. 对于“微”提醒,界面上要设计的显眼,又不能打扰到用户。 接下来就让我们说说操作的简单: 这里笔者先抛出一个常见的场景: 1. 按钮放这么远,用户会看不到; 2. 按钮能不能大点,生动点,要有点击欲。 这是日常工作中经常碰到的事,在这里我们能不能去提炼下呢? 1. 邀请用户操作(评论,购买,注册)—功能需求; 2. 要大,要近,要明显—设计需求。 先来看一个事例: 这是来自Digg的截图,Digg是一个社会化推荐的新闻站点,推荐是站点运营的核心,所以按钮要大,要明显,按钮更不能隐藏,这好像是废话。但需要引出本文一个概念—实时可见工具,该工具就是将用户操作入口明确化,表现形式上是各种按钮,文字链,图标等。接下来我们简单分析下它是否足够简单: 1. 从认知角度来看,在这里主要是视觉部分。通过文字的颜色和大小,明度和间距的变化起到层次感,主次突出,方便阅读。 2. 从操作层面上来说其实就是点击,已近是最简单的了。所以需要通过按钮的3态(默认,悬浮,点击)变化,动画效果(从Digg变到Dugg)等细节来提升产品的体验和口碑。 下面我们看看一些主流的SNS的feed设计是如何的? 这是一个照片编辑的事例,一般我们将显示和编辑分离,通过操作入口进入编辑页面,保存后反馈。随着技术的进步,以前需要的页面跳转现在也可以局部刷新解决了。 接下来我们看一个例子: 好处:即时编辑不用跳转,操作更方便,意味有更多元数据,从而产生更好的搜索和浏览体验 。 悬停即现工具-易发现性 悬停即现-需要考虑易发现性,因为你把它隐藏了。 所以对于交互提示需要设计的很明显,这里,移动到头像上有浮雕效果,然后是下拉箭头用蓝色高亮显示,点击后三角形的箭头方向变换。所有都是细节的变化,有时候我会想到是否做的太过了会。最近工作中也和同事讨论,我们做产品做设计,有个假设:就是面对的海量用户,他们的互联网经验很少,不明白哪里可以点击,这个功能是什么意思。所以作为设计师需要做好引导,操作上把反馈做足够,鼓励用户去尝试和探索。
热心网友
时间:2022-04-12 23:19
通过口头或白板的形式,向团队成员描述设计图跳转逻辑,很难清晰完整传递信息。
成员疑问多,开发过程反复确认细节,项目上线时间*推迟。
用蓝湖,设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览。
对设计图进行树状连线,清晰展示跳转逻辑。
还可在一旁添加细节说明,方便团队成员的理解。