强烈推荐!教你测试手机网页的五大方法

2016-3-31 用心设计 移动设备ui及体验

@陈子木 细心的同学不难发现,现在用手机访问优设网有了全新的阅读体验,而且速度很快。有这样的改变其实也是收到了很多来自微信、微博粉丝的建议,大家想在上班、下班及睡觉的时候阅读收藏在微博和浏览器(同步)里的优设文章。

我 们知道手机浏览器的使用量每天都在增长,根据StatCounter的统计数据,手机和平板的使用量约占30%的网络流量,这意味着消费者耗费在移动版网 页上的时间比以往任何时候都高。可即使具备诸如移动端优先的响应式设计,由于目前设备尺寸和种类的繁杂,在加载前对终端屏幕进行测试也是压力山大的。

阅读全文>>

标签: 用户体验 ui设计 手机网页 移动端 推荐

评论(0) 浏览(644)

亲历者说!日本的平面设计水平为什么这么高?

2016-3-30 用心设计 平面设计

编者按:在日本的顶级美术学府读书,成为原研哉的学生是怎样一种体验?今天@陈夜宵 以东京武藏野美术大学大一新生的角度,聊聊他亲历的国内外设计教育的不同之处,想知道原研哉之类的大师如何教书/布置作业?日本的平面设计水平为什么这么高?看完这篇或许有所收获。

阅读全文>>

标签: 简约 国外 日本设计 平面设计

评论(0) 浏览(786)

超实用!移动端界面中的版式设计原理(上)

2016-3-29 用心设计 移动设备ui及体验

justinlam:“我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟 悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好,相信很多人也有过感同身受的无奈。

阅读全文>>

标签: 用户体验 产品 移动端 板式设计 可用性

评论(0) 浏览(574)

超赞的响应式图像解决方案

2016-3-28 用心设计 移动设备ui及体验

自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在你的手机上加载一个巨大的(虽然更漂亮的)图像?这个问题令人左右为难。响应式图像2 (2)

阅读全文>>

标签: 设备 图像 网站 分辨率 屏幕 viewport

评论(0) 浏览(777)

设计用研的敏捷之道

2016-3-25 用心设计 交互设计及用户体验

 

“以用户为中心”的体验设计理念已深入人心。但在实际工作中,作为用户研究员,时常会碰到这样的情况,“这个调研需求比较急,这周就要进入开发了,必须这周之前出结果”,或是这样的反馈,“设计和用研好像结合得不够紧密”。摸索下来,对用户研究本身,我归结到一个问题:设计用研还不够敏捷。今天我们就来聊聊这个问题,以及尝试的解决办法。

20160303124431993.jpg

 

阅读全文>>

标签: 体验设计 用户研究 设计用研

评论(0) 浏览(640)

[译]移动端的UX设计:底部导航

2016-3-24 用心设计 移动设备ui及体验

设计师们都知道,设计不仅仅只是好看。设计也是包括如何让用户和产品建立友好关系,无论这个产品是网站还是app。它就像是一种对话。导航就是这样一种对话。因为如果用户在导航上迷路的话,不管你的网站或app设计得有多好都没有用。


为什么底部导航很重要?

Steven Hoober在他的移动设备使用的研究中发现,49%的用户依赖单手持握操作手机。在大屏幕上,当用户试图伸到位于设备顶端的控件时,这就越过了大拇指操作的舒服区域了。

532888.png

阅读全文>>

标签: 界面 移动端 设计规范 版式设计

评论(0) 浏览(764)

「以司机为中心」的用户体验设计

2016-3-23 用心设计 交互设计及用户体验

设计这样一款 App 绝非易事——除了满足全球各式各样的用户需求,还要平衡安全、简便和易用性;为此我们走进用户群体,从他们的角度(包括坐进他们的车里)观察司机的日常工作,着眼于做出一款全新 App,显著提升 Uber 司机们的使用体验。


找到问题所在

设计伊始,直接听取 Uber 司机的反馈非常重要;通过反馈,我们可以把握司机们的需求,了解当前产品体验中的欠缺。设计工作必须基于对用户需求的深度理解,而非猜测臆断。

529633.jpg

阅读全文>>

标签: 界面 ios 设备 原型 人机界面 指南

评论(0) 浏览(756)

快上车!怎么做才像在Behance经常发作品的设计师?

2016-3-22 用心设计 设计资源

编者按:越来越多的国内设计师开始转战Behance,在社区中展示自己的设计案例的全部细节,那么在这个高手云集的设计社区当中,应当怎么做才看起来像是经常在Behance中经常发作品的设计师呢?今天UI设计师 Aleš Nešetřil 分享了他的几点经验。

在Behance 的社区中摸爬滚打了3年之后,我开始觉得是时候给社区一点贡献和反哺了,用我的经验和知识给新加入的设计师一些引导,所以,今天我来聊聊如何在Behance 做好案例展示。

接下来的这些建议都是我在完成15个项目之后,总结的经验,希望它们能让你快速上手。


阅读全文>>

标签: 蓝蓝设计 设计思路 设计师 Behance

评论(0) 浏览(778)

为什么说未来属于会话式设计

2016-3-22 用心设计 行业趋势

通常说设计是设计师与用户的对话。我们与用户对话了解他们的需求。我们讨论跟同事讨论项目,看看存在哪些问题并寻找相应解决方案。对话是让思路清晰的一个非常好的方式,哪怕你就是跟自己对话也一样。

不过真正的会话始于用户的参与。我们把东西做出来,把它们放在那里,然后看看世界是怎么响应的。

从更为表层的意义来看,会话对于数字产品设计来说正变得越来越重要。一直以来,我们跟计算机的交互一直都根植于输入 / 输出,调用与响应。不过随着计算机变得越来越复杂,它们的沟通能力也开始变得越来越人性化。

阅读全文>>

标签: ui 蓝蓝设计 会话式 会话式设计

评论(0) 浏览(597)

当我们谈体验的时候,我们在谈论什么

2016-3-21 用心设计 交互设计及用户体验

笔者最近在看《About Face3-交互设计精髓》一书, 第二章讲到三个术语:实现模型、心理模型、表现模型。看上去高大上的词语,理解起来也很难懂。但是我还是硬着头皮把这一章来回啃了好几遍,终于咀嚼、咽下了。至 于营养怎么样,可以先看看网上对于“About  Face”这本书的评价。在这本交互界最权威的书里,作者用一个章节来讲述这三个词语。足见这三个词语的重要性。三个词语描述了产品的运作机制、外在表现 与用户心里认知之间的关系。为了能够帮助大家容易理解这几个词语,我根据自己的理解加上一些示例进行了重新的梳理,希望对大家的快速理解有所帮助。

020448qjY.jpg


阅读全文>>

标签: 交互设计 用户 实现模型 心理模型 表现模型

评论(0) 浏览(525)

Powered by emlog 京ICP备12006971号-1 sitemap