手机端官网设计:适配还是不适配,这是个问题
文档说明Pc端使用平台:QQ浏览器9.0(2315)Chromium43.0.2357.124IE9.0.8112.16421手机端使用平台:红米2增强版 自带浏览器 MIUI6.6.2.0(KHJCNCF)|稳定版手机端网页适配形式在手机端访问产品的官网,大概会有以下几种形式:无适配。无适配不仅仅是布局和内容没有做适配,交互动作也没有做适配。原本为pc端设计的网页在手机端
用户研究
2016年04月10日
交互新人眼中的交互设计
从一开始选择做交互设计这个岗位,我就一直在思考:“交互设计究竟是什么东西”。近段时间以来参加了一些面试,每次面试都会让我去重新思考一下这个问题。加上最近又做了一些工作,看了一些资料,对这个问题又有了一些新的认识,所以来记录一下。普通大众认为的交互设计交互设计作为一个新兴职位,可能大部分的人都还不知道有交互设计这个岗位,不过这并不妨碍他们对于交互设计的认知。举个例子,他们可能
用户研究
2016年04月10日
腾讯高手教你靠谱的布局设定方法
有一种「奇怪的」现象会经常的看到:「很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?」软件界面的设计师除了视觉本身以外,对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与
用户研究
2016年04月10日
数据可视化:如何为数据寻找适合的配色
虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。在Graphiq,事情甚至更加棘手,因为我们要通过上千种各不相同的数据集合来传递信息,它们有着各自迥异的视觉表现。目前的问题我们没有立刻开始建立自己的配色表,而是发起了一些调查,研究网络上已存在的配色方案。令人惊讶的是,我们发现其中只有少数是为复杂的图表和数据可视化而设计的。我们发现一些
用户研究
2016年04月10日
扁平化设计的8个实用小技巧
最近帮一个师兄做一个PPT,用了几乎每个人都听说过的扁平化风格。于是趁热打铁,我找了一些扁平化的作品和文章看了,自己对扁平化做一个总结,希望对你ppt抑或海报设计有所帮助。注:我此处所谈的扁平化指的是一个大的概念,将后面衍生出来所谓的“似扁平化”也包含进来。Tip 1:关于高光、渐变和投影网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去
用户研究
2016年04月10日
交互译文—清晰度,可读性和可理解性:让用户阅读你的文章
文字的收益部分往往是固定的,为了提高阅读文字的用户体验,我们需要在阅读成本上做减法。主要有三个方面:清晰度、可读性和可理解性。清晰度定义:清晰度是阅读文字的用户体验中最低层次的要求:清晰度指的是文字是否能被看到,区分每一个文字,识别文本中的每一个字,每一句话。清晰度主要靠视觉设计,更确切地说是排版设计来操作。保证清晰度的几个准则:在保证整体设计质量的情况下尽可能使用大号的默
用户研究
2016年04月10日
订单流程研究之提交订单
在上一篇笔者有提到,平台不一定都提供货到付款服务,因此京东、唯品会和亚马逊在提交订单时需要选择支付方式,而淘宝天猫则是在提交订单之后才需要选择支付方式。提交订单之后,每种类型的订单可支持的操作也就不一样了。一、 淘宝&天猫淘宝和天猫的提交订单基本是一样的,若提交订单后不支付,还可再对订单执行取消、付款或者找人代付等操作。此时订单支持卖家修改价格,所以和店家讲价的时候,店主经
用户研究
2016年04月10日
从三个案例出发,聊聊交互设计师的核心价值
案例1:登录功能的优化在上一篇《如何写一份全面、易读的交互说明文档?》大致介绍了登录功能的交互说明的撰写,其中的细节非常多。如果某一点遗漏或者设计的不好,可能导致用户被挡在门外,无法使用我们的产品。对登录功能的优化,常见的指标是优化登录成功率。交互设计师需要去发现现有产品中阻碍用户成功登录的因素,予以改进。这样的改进,其核心价值是什么呢?1、对用户如果无法成功登录,用户无法
用户研究
2016年04月10日
译文 | 交互设计中对于“可控性”的理解
Kintscher的观点是: “拥有掌控力的感觉要比用户实际控制手机的电池寿命的能力重要的多。感官体验和”骗术”交互设计师是非常善于欺骗用户的!从Instagram到Microsoft,交互设计师一直在用层出不穷的骗术来让用户获得更佳的用户体验!以下是几个例子。Instagram总是假装在流畅的运行当Instagram失去网络连接的时候,理论上来说它是无法加载新的图片以及更
用户研究
2016年04月10日
UCD,以用户为中心的设计
上回说到用户体验问题是怎么产生的,这回就说说解决问题的一种方法论,UCD。什么是UCDUCD全称是User-centred design,直译过来就是以用户为中心的设计。它是一套方法论体系,在 ISO是有定义的,原来是ISO 13407,后来被IOS 9241-210 取代。在ISO里本叫Human-centred design,我们这里就还是称作更多人知的UCD。它的原则
用户研究
2016年04月10日
APP常见的几种刷新类型
内容刷新主要是为了消除因时间间隔造成的内容或状态不一致,通过刷新可以推送较新的内容。刷新可以分为分为手动和自动两种,自动刷新就不需要累赘了,进入页面之后,app自动与服务器提交一个请求,如果有内容更新就会自动推送过来,然后页面再自动更新内容。但是有时候,比如说页面自动刷新太慢或者在浏览过程中需要刷新内容,用户就会使用到手动刷新的方式。移动端的手动刷新一般为下拉刷新(得益于t
用户研究
2016年04月10日
那些上亿人都在看的Banner都是怎么设计出来的?
每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..曦村:在设计前期,做大致规划,是很有必要的,在大促中
用户研究
2016年04月10日
用户体验进阶心得:做一个上得了“表现层”下得了“战略层”的“乔帮主”
社交型的用户,更多是从其他社交平台转流过来,这类用户对婚恋欲望并不强烈,很多时候只是作为一种Kill Time,长期免费的IM互动习惯使其不太能适应婚恋属性产品中的IM卡断。婚恋型用户的功能目的很强,你这个能不能帮我找到对象,别跟我整那些虚的,我们知道感情的事一定是个循序渐进的过程,没有一个软件可以告诉你,你充了99元就能找到一个女朋友。这种ROI反差,会导致这类用户较差的
用户研究
2016年04月10日
2016年最值得关注的16个网页设计趋势
设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都极度敏感。通过过去一年的观察,我们可以总结出下面16大设计趋势。1. 可用性设计2016年,设计的大方向将继续向着用户倾斜。用户体验在整个设计中的权重将继续加大。如果你的设计在可
用户研究
2016年04月10日
国内11个HTML5平台的星级评测
第一名:iH5(14星)http://www.ih5.cn工具功能★★★★★模板质量★★★定制支持★★★★易用度★★【优点】PC端云端编辑,提供H5编辑、效果监测和平台社交功能,包括事件控制、时间轴、多屏控制和数据库等高级功能。工具使用免费,教程详细,能搜索案例联系设计师。【缺点】工具的熟练使用需要较多学习时间。[备注] 原为VXPLO互动大师。第二名:易企秀(13星)ht
用户研究
2016年04月10日
最重要的用户体验设计细节恰恰是被忽视的地方
我不知道是我自己的问题,还是这个应用本身的语气无礼。无论如何,我们都喜欢看到帮助信息。现在我们知道如何解决自己的问题,并用宝贵的数据来填充这个空白状态。上面的例子都遵循了 是什么 , 为什么 , 怎么做 这三个原则。个性和指示是空白状态的点睛之笔空白状态还有两个可以提升的方面——个性和指示。个性可以让你的应用留下更深刻的印象和更愉悦的使用体验。指示可以向用户传达应用的价值,
用户研究
2016年04月10日
从细节看分析-购物车的跳转设计
问题:点击产品详情页面的”添加至购物车“按钮,是在当前产品详情页弹出一个提示框,让用户选择“继续购物”或“去结算”?还是另开一个页面,让用户选择“继续购物”或“去结算”?问题描述:京东商城另加一个过渡页面,该过渡页面展示一些关联商品。凡客的做法:弹出一个提示框,要结算还是继续购物,在弹出框里选择。这里边有几个点可考虑:1、分析订单商品数2、用户购买行为(让用户早做决定)@L
用户研究
2016年04月10日
按键的位置是如何强化用户习惯的?
当设计师需要向用户展示大量的数据时,总是不可避免要利用到筛选和排序。筛选和排序可以帮助用户缩小他们正在寻找的数据范围。目前我正致力于提升一家大型电子商务的移动端用户体验。一个好的导航结构以及深思熟虑后的筛选和排序,是让用户轻松找到目标数据的关键。筛选和排序的设计当然绝不是一件复杂的事情,但仍有很多不同的方案去实现。弹出式筛选页有很多APP使用这种方式。筛选页在搜索结果屏幕上
用户研究
2016年04月10日
交互设计中的项目跟进怎么进行?
从8月中旬开始接手了产品的大改版,经过半个多月的时间,基本完成了前三个阶段(输出了几经评审的交互“终”稿)。视觉阶段交互文档也有美丑,好的交互文档不但界面美观而且视觉逻辑清晰。虽不提倡在交互稿中使用过多的颜色而干扰了视觉设计师的发挥,但是可利用深浅对比实现界面元素的操作逻辑。展示给用户的界面都应该有所重点,引导用户以期望的路径使用产品。因此好的文档视觉设计师可以一目了然的读
用户研究
2016年04月10日
