background preloader

UI/UX

Facebook Twitter

作为产品经理,你觉得交互设计师都有哪些通病. 2012年移动应用设计趋势. 摘要: 苹果的新一代平板电脑在千呼万唤中亮相了。

2012年移动应用设计趋势

出乎意料的是这个新产品没有如人们猜测的那样用iPad3或者iPad HD这样的商标。 而是用了The new iPad。 这应该是所有人都没有想到的。 但是这根本不会影响产品的反响。 第一批预定已经售尽! 苹果的新一代平板电脑在千呼万唤中亮相了。 自定义导航栏素材 每天都有优秀的应用程序推出。 这并不是唯一的改变,你会发现很多优秀的应用程序都会在纹理、标签和背景上有个性的变化。 图形显示在启动. 960 Grid System. 触屏手机点击区域的小秘密. 摘要: 做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移动的点击区域。

触屏手机点击区域的小秘密

这里分享几个点击区域的小秘密,帮你解决操作准确率的问题。 一、扩大操... 做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移动的点击区域。 这里分享几个点击区域的小秘密,帮你解决操作准确率的问题。 一、扩大操作焦点 iPhone自带的控件NavigationBar上的Button、TabBar上的Item、ToolBar上的ButtonItem,实际的点触区域都是被放大了的。 iPad应用的十大用户体验设计准则. 咱先祝各位情人节快乐吧,宅基腐都没太大所谓,2012了,图个乐呵。

iPad应用的十大用户体验设计准则

话说今次上新与之前一篇的间隔稍微长了些,不过也确实尽力而为了;天天梦里都在翻译东西,满脑子的iOS、交互设计、用户体验...希望事情都能快快的顺利搞定。 闲话不多说了,今天的这篇译文同样是移动方面的话题。 触屏手机点击区域的小秘密. 摘要: 做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移动的点击区域。

触屏手机点击区域的小秘密

这里分享几个点击区域的小秘密,帮你解决操作准确率的问题。 一、扩大操... 做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移动的点击区域。 这里分享几个点击区域的小秘密,帮你解决操作准确率的问题。 23款单页面网站设计案例. 设计好脾气的Web页面. 随着技术的进步,Web设计的理念与技法也在不断发展。

设计好脾气的Web页面

设备种类越来越多,带给我们的挑战也越来越大。 怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性,这是我们在工作当中必须考虑的问题。 面对这样的挑战,我们一方面会觉得自己曾经熟悉的工作领域突然充满了未知感,而另一方面,一直普遍存在的那些旧问题也依然摆在面前。 我们是否需要花费全部精力用来解决各种新旧细节问题,还是可以从宏观上寻求一些具有指导性质的“真谛”? Web设计的历史过于短暂,要想弄明白一些大道理,我们不妨将视野放远些,让思路跨越设计的范畴。 巴赫与“好脾气的克莱维尔”(十二平均律钢琴曲集) 又是为了触屏移动设备而设计. 印象当中,最近这些年的春天总是会带来让人觉得真心别扭的气候体验,雨和冷风就像催化剂一样,让生活和工作当中的人和事也变得异常凌乱,仿佛一团被咀嚼到完全失去味道的槟榔。

又是为了触屏移动设备而设计

November Rain前奏当中的钢琴旋律多少可以让心安然一些,一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界。 可脑袋一旦被拧下来,就什么也无法吃的样子了,不是吗。 说正事儿吧。 Designing for touch,关于这个话题及相关的文章,最近貌似已然铺到大街上了,不过我还是做我的吧。 在标题里加了个不伦不类的“又是”二字,以示区分。 你所没有意识的你自己——浅谈下意识设计. 摘要: 假设这样一个场景:你走在路上,一辆卡车朝你飞驰而来,你将会做什么?

你所没有意识的你自己——浅谈下意识设计

回答傻站着不动的请允许我致以无上的同情。 普通青年的答案应该是马上躲开,对吧?

HT Lab

交互设计方法探讨. 一套手机客户端拍照上传流程的交互设计稿~ by flowercai_交互设计_界面设计_原创设计作品频道. 腾讯QQ触动未来的概念版设计稿_交互设计教程_三联教程. QQ概念版经过一年的秘密研发,终于掀开了她的神秘面纱,向世人展现了她的真实面目,做为一个全新的产品,以及内部封闭秘密研发的众多因素,可能很多人想了解这个QQ概念版的研发设计过程以及产品的设计理念,在这里我们将带你全面的了解QQ概念版这款产品的研发设计过程,也和大家一起分享我们项目团队的研发设计经验。

腾讯QQ触动未来的概念版设计稿_交互设计教程_三联教程

1.项目背景 QQ同时在线过“亿”,腾讯开始正式步入“亿”时代,正在大家沉浸在喜悦以及自豪的同时,我们一款全新的概念产品将破茧而出,因为我们知道过“亿”,互联网对我们来说意味了更大的期望,也给我们更大的责任,在这里我们会去探索未来QQ的概念模型: 未来IM会发展成什么样? 未来用户的沟通会呈现什么样? 什么样的体验设计能更便捷地满足用户的沟通以及交流? 触摸时代已经到来,我们如何提供用户更好的体验设计? 其实对于QQ 的探索,我们从来没有停,前期的My QQ概念视频的展示以及QQ搜索应用等概念视频,都已经在网上风靡一时,而如何真正在概念设计的基础上,结合即时通讯强大的技术力量孵化出一个真正能让用户体验的产品,是大家最为期待的。 2.研发设计过程. 交互设计师是一个没有前途的工作?(译) 怎么去写网站的交互设计文档. The Cooper Journal. While I was on route to Amsterdam for IXDA14, something struck me about the way the dinner options were presented to passengers.

The Cooper Journal

Here’s what was happening. 万众瞩目的-斯坦福大学公开课: 人机交互研讨. 呆聋瞎,让用户体验设计体现商业价值. 【广州】小团队找设计师. 与ISUX一齐成长:深圳-北京-上海-成都. 腾讯ISUX 正在积极发展之中,我们一直为优秀人才提供多元化的空间和在职培养; 我们长期面向社会招募不同用户体验设计的专业人才,配合我们在深圳、北京、上海和成都设计中心的发展。

与ISUX一齐成长:深圳-北京-上海-成都

想加入我们的团队? 快把简历发到 isux@qq.com 吧! UR用户研究 用户研究师需要有好奇心、良好的沟通技巧、冷静的头脑和洞察力。 用户研究师首先理解设计问题,量身订做合适的研究计划,再邀请用户参与,拿到数据作分析,然后向团队宣讲结果,协助推动把用研结果落实在设计里面。 交互设计方法和思考过程. 我常被问起:“你是做什么的?” “交互设计师。” “交互设计是做什么的?” 产品中图形语言规范化的意义与过程. 摘要: 现在随着互联网企业的发展与业务的拓展,随着时间的推移,一个公司的产品可能将越来越丰富多样,同样每一个产品随不断的功能完善和扩展,随着一个产品的“长大”产品内所需要用到的图标也必然会越来越多,这时候众多产品形象的呈现、产品内图标等视觉原素的表现,如何能与整个产品... 现在随着互联网企业的发展与业务的拓展,随着时间的推移,一个公司的产品可能将越来越丰富多样,同样每一个产品随不断的功能完善和扩展,随着一个产品的“长大”产品内所需要用到的图标也必然会越来越多,这时候众多产品形象的呈现、产品内图标等视觉原素的表现,如何能与整个产品或公司的战略计划相适应,这时候在图形语言的视觉呈现,语义表达、识别性等层面就需要作一个全面细致的考虑了。 我们来看几个典型的例子,回顾一下 Adobe 产品系列的成长过程, 从2005年 Adobe 收购了原最大的竞争对手Macromedia公司后,它的产品线得到了极大丰富, 而后在2002年Adobe确立了 Creative Suite概念后,后续的新产品持续推出,庞大的产品线以一种什么样的展现方式呈现在用户面前便成为了一项非常重要的课题。 下图中我大致的列了一下Adobe产品logo的一个进化转变过程: 产品阵容强大的Adobe帝国在CreativeSuite 3发布的时候为旗下全部产品Logo进行一个色环划分图,很好的呈现出各产品logo的色彩关系和一个完整的用色体系。 科技界评论 Windows8:Metro 和传统桌面并非天作之合. Adobe Air 部门的产品经理 Christian Cantrell 在他的 个人博客 发表了一篇长文。 他认为 Windows8 将会重现 Vista 的失败,其原因是微软试图通过激进革新战胜苹果,反而忽略了自己原有的优势。

同时,他也认为这是个容易改正的错误,只要微软不再强行把 Metro 和传统桌面环境绑合在一起。 “我对 Windows8 的看法是,微软试图在苹果之前把操作系统统一起来,从而取得对苹果的优势。 但是,我认为他们想要取胜的事情,却是苹果没有兴趣去做的。 21款网页设计案例之个性导航菜单. Windows 8消费者预览版试用体验:进化未完成. 摘要: 微软于北京时间2月29日晚间发布了Windows 8消费者预览版,将PC、移动端操作系统合二为一。 作为Win8的公开测试版本,它重视平板操作体验、内置应用商店、云服务及社交分享无处不在等等特性,均备受关注。 在硬件性能已普遍提高的今天,用户最关心的也许不再是某... 微软于北京时间2月29日晚间发布了Windows 8消费者预览版,将PC、移动端操作系统合二为一。 作为Win8的公开测试版本,它重视平板操作体验、内置应用商店、云服务及社交分享无处不在等等特性,均备受关注。 在硬件性能已普遍提高的今天,用户最关心的也许不再是某程序占了多少内存,而是操作起来感觉如何。 Windows 8消费者预览版试用体验:标志性的Metro开始界面 下载安装及简单上手. Untitled. 市面上现有的主流手机操作系统有一些优秀的体验,比如android从顶部下滑出的通知中心。 Palm的context menu 从屏幕下部的感应区呼出。 Nokia N9 就更为纯粹,把just swipe——从侧面滑动切换手机态视为核心的设计理念。 边缘与交互密度. 从事产品设计应订阅的13个团队博客. 摘要: 各大互联网公司几乎都有自己的产品设计博客,他们在分享产品设计、用户体验和交互设计的一些经验。 产品设计,就是确定产品的外观,包括用户界面设计(UI,User Interface)和用户交互设计(User Interaction),是产品的门面,是决定用户去留的关...

各大互联网公司几乎都有自己的产品设计博客,他们在分享产品设计、用户体验和交互设计的一些经验。 产品设计,就是确定产品的外观,包括用户界面设计(UI,User Interface)和用户交互设计(User Interaction),是产品的门面,是决定用户去留的关键要素。 如今,大多数的应用已经不存在技术难题,在这个企业不缺系统,互联网不缺产品而用户不懂技术的时刻,你靠什么赢得用户? 所以好的产品设计才是软件产品和互联网产品竞争力的关键。 HOME 键的迷思. 两天前,当苹果公司(Apple Inc.)的公关部门向各大媒体发出那张扑朔迷离的新款 iPad 发布会邀请函的时候,他们一定早就预料到,全世界的科技爱好者们都会不约而同地被同一个问题所严重困扰—— 新浪前端工程师开发出在线演示文档JS框架webSlide,比impress更流畅、更实用. 相信各位一直关注我们的朋友对在线演示工具不会再陌生,我们先后介绍过 Prezi这个可供普通用户使用的站点,以及 impress.js这个可供开发者或是有前端设计基础的用户使用的 JS 框架。 使用它们都可以制作出拥有很炫效果的 Web 演示文档。 面对这种目前还稍显前卫的演示效果,有的朋友认为很好、很给力;另一些朋友则认为演讲的核心应该是演讲者和内容,这种效果太炫,反而分散观众注意力。 当然,这种情况也属正常,考虑问题的角度不同,套用一句俗语就是:萝卜白菜,各有所爱。 不过与传统的 PPT 相比,Web 演示文件确实方便很多,所以再给大家推荐一个与传统 PPT 更接近的 JavaScript 框架 -- webSlide。 手机产品设计禁忌. 摘要: 在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。 刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉。 ▣ 1... QQ2012 Beta1 会话窗口支持合并 融合社交元素. 摘要: 2月的尾声,QQ2012 Beta1对会员发布啦! UI /UX.

Clear. 手势的未来? 这是一篇迟到的短文,缘起上上周 Clear 惊艳上市。 完全的手势操作,没有采用 iPhone 标准的导航设计规范, 反而有一些 WP7 Metro UI 的风格。 不敢说这款应用在 to-do 上会有多久远的实用意义,但让我们再一次感受到接近指上交互的真谛。 当手持环境决定你只能用指上操作去改变使用方式的时候,用指尖去探索就是一切,这变化影响着我们。 像鼠标那样傻傻的按下去却不再是你我的唯一的操作选择,滑动、拨动、聚合和展开操作的融合,人机之间的沟通得到进一步进化和深刻。 说无需思考也好,说无意识设计也罢。 Windows 8 音乐、视频、Xbox Live介绍【视频】 Xbox之前就获得了很大的成功,而这次在新发布的 Windows 8消费者预览版中,微软也将音乐、视频以及 Xbox Live 整合到了系统当中。 通过 Windows 8,用户可以直接连接到他们的 Xbox 360 上去,通过 PC 端进行游戏和视频设置。 系统中也预装了 Xbox Live 的游戏,而这些游戏也可以在微软 Windows 8 中的应用商店下载。 除了 Xbox Live,Windows 8 的音乐和视频播放功能也同样令人印象深刻。 浅析产品新手引导设计. 摘要: 引导设计,现在也是大家比较热衷讨论的话题,各类的web产品也都纷纷效仿起移动端的引导方式,那么我先问一下,究竟什么是引导设计呢? 什么是引导设计? MWC 2012:微软 Windows 8 消费者预览版发布会总结. 十天前,Windows 8 更换了纯色的 LOGO ,适配了 Metro UI 的统一风格。 如何让有用的产品更好用. 简化输入 — 让网页表单更亲切. UI/UX. 浅谈移动互联网广告设计. WP7交互特性浅析及APP设计探究.