小身材,大影响。你应该知道的图标基础知识

2017-8-25 泥人张 ui界面欣赏

如今的用户界面中,图标绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键,用户能够感知到图标的功用,但是只有设计师才会明白,想要让图标简约、可用还富有表现力,要耗费多少时间和精力。

乔布斯曾经说过:“细节至关重要,花费时间仔细打磨是值得的。”图标是现如今UI界面中可用性和导航体系的核心组件,所以,今天的文章,我们来仔细归纳一下常见的图标类型和它们在UI中的使用。

阅读全文>>

标签: 图标设计 图标基础知识

评论(0) 浏览(755)

高手经验!Facebook的360全景VR应用设计总结

2017-8-24 泥人张 行业趋势

FB设计团队设计的一款Gear VR(三星VR设备)平台的全景应用过程总结,其中包含一些很有价值的VR实战经验与设计原则。

FB的Immersive设计团队致力于提升人们身临其境的体验。我们相信脱离了传统的“容器”来讲述和体验故事可以让人们与情景和彼此更深入的联结。

我们已经在各个平台搭建了360度全景照片与视频服务,目前在FB上已经有超过2500万张360全景照片和100万个全景视频。尽管有如此多的全景内容,然而用户还是很容易在feed流中错过这些内容。

Facebook 360介绍

过去的几个月,我一直为下一步进行设计:给予三星Gear VR平台的Facebook 360应用——使全景照片和视频更容易被发现。这是FB第一个为Gear VR做的媒体应用,一个通过VR浏览360全景照片和视频的平台。

阅读全文>>

标签: VR设计

评论(0) 浏览(588)

汉堡图标不好使?这5个替代方案帮你搞定移动端导航

2017-8-24 泥人张 移动设备ui及体验

对于设计师而言,移动端设备屏幕上的每一寸空间都是宝贵的资源。为了在小屏幕上做更多的事情,设计师在设计导航系统的时候,通常需要花费更多的时间来打磨。汉堡图标在过去几年当中,是最常见的一种设计策略,导航和选项被隐藏在这个小小的图标之后,但是实际上,虽然大众已经习惯了它的存在,但是它并不是最佳的导航设计方案。

在今天的文章当中,我们会探讨为什么汉堡菜单这样的隐藏式导航影响用户体验,以及可用性更强的替代方案。

为何汉堡图标会破坏用户体验

在移动端设备上,我们看到的可见式导航其实比汉堡图标这样的隐藏式导航更多,前者大概是后者的2.5倍。

阅读全文>>

标签: 图标设计 移动端设计

评论(0) 浏览(278)

“思维框架”理论,让我们更好地决策和解决问题。

2017-8-23 泥人张 设计理念

相信很多体验设计师在与产品需求方进行设计提案的时候会遇到这样的情景:
  • 你阐述自己的设计推导过程,从产品目标分析、问题定位、设计目标分析、设计思路阐述这样的推导下来,在场的产品经理们都点头,表达认可。
  • 但是!当到了设计方案环节,你把方案放出来,各位就七嘴八舌挑战了:¥#@%&*&*
  • 这时候经常会听到这样一句话:“有没有其他更好的方案啊?”
  • 这时候你是不是会想,我前面的推导和演绎过程那么完美那么富含逻辑,推导的肯定是最好的方案啦!

但是哦,这个时候,你还是会感觉没底气说出这句话来。

于是你最后说出一句妥协的话“好的好的,我回去改一下。”(各位老板我都听你们的,你们说啥就是啥)

专业度呢?设计价值呢?你的玻璃心要碎了:死了产品经理们会不会觉得自己很水很不专业。

怎么办?这就是今天想聊聊的主题:“思维框架”理论,让我们更好地决策和解决问题。


阅读全文>>

标签: 设计思维 思维框架

评论(0) 浏览(517)

谷歌对话式交互规范指南系列:对话式界面的概念和机制

2017-8-22 泥人张 设计资源

语音交互是一个全新的体验设计领域,目前各家机构、公司、设计组织还处于摸索设计范式的阶段,Google提供了一份非常成熟、系统的交互规范文档,其中包含了核心概念的诠释以及诸多可以指导设计的实践原则。最近正在做的项目中涉及到语音交互的部分,所以顺手将这份文档翻译出来,给需要的设计师参考。

我的译文尽量的贴合文档中原有的表意,同时基于我个人对语音交互的理解对表达文字进行润色。其中有个别概念名词比较抽象,所以我也旁边附上了英文单词,以便大家理解。

我们正在进入一个有光明前景的全新计算领域,机器学习和人工智能激发着对话式界面和自然语言的进步,同时使对话式交互成为一种新的交互模式。

阅读全文>>

标签: 对话式交互 规范指南

评论(0) 浏览(323)

掌握这5个方面,让你具备真正的交互设计思维!

2017-8-22 泥人张 交互设计及用户体验

交互思维是什么?网上的搜索结果大多是一些交互设计的方法。但是我这里要讲的,是真正做交互设计所具备的思维方式。交互设计在国内发展的并不成熟,还有很长一段路要走。很多人,甚至包括交互设计师自身,对这一工作的性质和价值都未必有足够的了解。

交互设计,听上去是“设计”,但是其本质和常见的UI和视觉设计相去甚远。“交互”指的是人类与机器之间的沟通,与美学、界面、按钮什么的,其实没有半毛钱关系。领域细分之前,也许我们考虑的东西越多越好,但是在细分之后的今天甚至未来,交互设计就要有它不一样的价值。

由于目前的大环境对这一细分领域仍旧缺乏了解,所以我希望在这篇文章里,写几个做交互设计所需要的思维方式。

阅读全文>>

标签: 交互设计 交互方法 交互思维

评论(0) 浏览(615)

学会这个方法后,再多的设计需求都不怕!

2017-8-21 泥人张

1. 先理解什么是业务需求、目标、目的

1.1 什么是业务需求

业务需求是企业为了达到某些目标和某种目的而制定的。它代表着企业希望下一轮产品的迭代能带来什么收益,所以企业和 PM 在制定需求时必须谨慎且方向清晰。在工作中,交互要分析拿到的业务需求是否合理,所以就要理解在业务需求中的一些基本元素:

  • 需求定位:产品或用户,还有企业战略
  • 需求类型:功能类、数据类、设计类等
  • 重要性:重要、暂不重要

拿到需求首先就要分析,定位是否清晰,属于技术类、数据类、设计类等中的哪一类,筛选所有需求中哪个更重要,然后再去做相应的工作。

1.2 什么是业务目标

阅读全文>>

标签: 需求分析 业务需求

评论(0) 浏览(557)

烦人的“小妖精”:浅谈小红点的设计

2017-8-18 泥人张 交互设计及用户体验

导语

随着各类App的业务功能不断丰富,小红点已经成为互联网从业者们最常使用的运营工具之一,每当有新的运营内容或新功能上线,大家的做法往往是“在那放个红点就行了”。然而简单粗暴的形式以及不加节制的投放,让小红点变成了人人厌烦的“小妖精”。本文从设计的角度出发浅谈小红点的一些设计细节,期望引起大家对小红点的关注,在这里抛砖引玉,也期待感兴趣的小伙伴一起探讨。

烦人的小红点

人类似乎天生对不对称,不和谐的事物有厌烦心理,并且想要去纠正这些“错误”,简而言之就是大家平时所说的“强迫症”。而小红点则完美利用了这一人性的弱点,它就像白嫩脸颊上长出的一颗小痘痘,让人忍住不去要去挤破它。因此,小红点也成为了一把产品运营利器,只要投放在某个业务入口,就几乎没有用户会对它熟视无睹,而当用户忍不住要去轻触消除它时,产品侧为业务导流的目的也就达到了。

那么问题来了,用户喜欢小红点吗?在Google和必应上搜索关键词“App 小红点”,几乎有一半的搜索结果是“教你如何消除小红点”。

阅读全文>>

标签: 用户体验 交互设计 小红点

评论(0) 浏览(555)

VR设计指南(2) - 基础概念与设计工具

2017-8-18 用心设计 行业趋势

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 在本文的第二部分当中,我们来了解一些作为设计师需要掌握的VR基础概念及相关设计工具。我们不会探索的过于深入,面向设计师的职能点到为止即可。 新的空间维度与沉浸式体验所带来的冲击是前所未有的。要在三维世界当中打造令人舒适的互动体验,你需要了解一些此前可能并未接触过的设计与技术原则。我们的Cardb...

阅读全文>>

标签: 万达主管,万达主管QQ 界面设计 VR AR 虚拟与现实

评论(0) 浏览(696)

暑期干货!2017年8月前端开发者超实用干货大合集

2017-8-17 泥人张 前端技术资源

在过去的几年当中,网络上所流传的各种设计和开发资源,在素质上有明显的提升。其中有一些已经几乎成为了设计师和开发者必备的工具,但是其中绝大多数由于其应用范畴的局限,或者传播不够广,导致它们大多并广为人知。将这些素材集中到一起,很大程度上是希望它们的目标用户能够明白,需要这些工具的时候,上哪儿找。

这次的前端干货合集内容也很齐全,仔细看看,总能找到几款你所需要的。

MuzzleApp

阅读全文>>

标签: 前端资源

评论(0) 浏览(635)

Powered by emlog 京ICP备12006971号-1 sitemap
友情链接:万达开户  guoqibee.com  万达招商  华宇招商  万达主管QQ  万达主管  测试  万达招商  万达直属QQ