TOUMA的用户体验设计

TOUMA的用户体验设计

 
   

创建一个简洁的个人网页

写说说:

最终效果


第一步

为了方便布局,我们将要使用到960s栅格系统(从这里下载)。下载完成后,打开”960_grid_12_col.psd”文件并隐藏粉红色条纹的可见性。

这个文件小于我们最终的设计。因此,我们选择图像>画布大小修改宽度和高度。

我们还需要打开标尺和参考线。因此我们将视图>显示额外内容/标尺/对齐勾选上(这样元素就便于和我们的参考线对齐了)。


 第二步

我们现在来创建背景。在图层面板中,将背景图层重命名为”bg”。

双击“bg”图层得到图层样式面板,点击颜色叠加设置如下:其中的颜色为dbdbdb

新...

 
 
 
   

网页设计与重构那些事儿【基础篇】

过敏阳光:

作为设计师,最关心的也许就是排版好不好看、图片美不美观、视觉炫不炫,我们尽可能的去把设计稿做的最漂 亮,然后就把硕大的PSD文件就直接发给重构了,殊不知这个时候重构正在恨你:我擦,这么大的PSD,还木有打开!本来就开了各种浏览器编辑器神马的又要 打开苕大的PSD文件,机子要卡死了!!!机子卡死就算了吧,打开一看,我去,几百个图层呀!好吧几百个图层也就算了,为什么我明明拖动按钮,却把各种连 七八糟的图层拖进来了,根本找不到我要的图层!!


瞧瞧多么恐怖的事情,但是也许我们只要管理好PSD图层就可以改变这种抱怨。...


 
 
 
   

增加页面转化率的5个技巧

文章采用数据明确分析。值得参考……

king:


眼见为实耳听为虚。人脑处理视觉信息的速度是文字信息的50倍。因此,借助视觉刺激让他人执行动作要比利用口头交流或文字更为容易,此原理也适用于电商网站设计。

根据网页设计心理学最新研究成果,要让访客执行动作,首先必须了解他们的心理。人脑做决策时大多是仓促的,未经过深思熟虑。Malcolm Gladwell说过,“成功的决策是权衡理性思维与感性思维的结果。”当访客面对众多选择时,最重要的是从感性层面吸引他们,但你只有几秒时间来完成这一步。关于劝导式网页设计,以下有五个建议:


一、清...
 
 
 
   
10张

设计风格个人来说大爱,要像这个风格学习!

ONE DESIGN:

法国设计师 Guillaume Kurkdjian的GIF,tumblr链接:http://bisouslescopains.tumblr.com/

 
 
 
   

Android与iOS在交互细节上的区别

该文章讲的还是很细的。

史蒂夫先生 3.0 ™:

以下内容来自知乎,作者@MoonMonster,百度无线用户体验部交互设计师,上海MUX负责人。

本文通过了解iOS&Android这两个基本制霸移动平台的智能手机系统的交互区别(深坑),让从业者获得一些有益于开发设计的启示。

1.导航模式 

首先从导航模式开始,iOS 应用大多数情况,只提供单一的路径。无论什么样的程序,都只有一个窗口,这个窗口用于放置程序的内容和功能,用户不会意识到这个窗口。在 iOS 设备中,用户觉得程序就是依次呈现的一屏又一屏图像。

可以把一屏图像想象成一个离散的视觉状态或者模...

 
 
 
   

在微软Office Word文档中画苹果iOS7最新交互界面稿

 
 
 
   

如何写一份交互规格文档(交互说明文档)

一. 什么是交互说明文档(DRD)?

所谓DRD即是用来承载交互说明,并交付给前端、测试以及开发工程师参考的文档。

在项目中,交互设计师的主要产出物可能依次是:site map,page flow,wireframes。有的大型项目前期,交互设计师有可能还会产出用户需求分析文档(与PD产出的市场需求文档不一样的是,URD更多侧重于对目标用户的需求分析)。

DRD则很少有人专门撰写。如果需要对交互设计进行说明,聪明的交互设计师往往会直接标注在线框图里,或者在项目中不断和前端工程师和开发工程师口口相传,反复验收,不断迭代修改来确保所有的交互设计意图最终得以呈现。

二. ...
 
 
 
   

说说宜家家居的用户体验。

    不知道有多少人去过宜家家居?宜家家居的购物方式相信大家体验过后会很惊奇。挑选自己喜爱的家居后,要到1楼自提区去自己推车搬那些沉重的货物。前几天买书柜外带两个门,我就被这种购买方式坑爹了……

    宜家的包装上并没有印上产品的外观,只有编码贴纸上有那么10CM左右的小图印上了产品外观,但非常不易见。想要区分包装内产品只能看产品编号或者贴纸上那及其小的产品外观图,某些产品外观一样只是一些细节不一样的地方根本无法区别,该死的是宜家还把同类产品放在一起很贴近。这样直接导致了用户拿错货的情况发生,我就中招了……如...

 
 
 
   

说明书的重要性

    前几天从宜家买了个书柜,自己组装没看说明书结果杯具了……一个面板装反了。其实在产品开发的时候也经常这样,一般产品经理要出PRD文档扔给负责原型的人或交互设计师,那么当原型制作完成后,应该产出一份“交互说明文档”该文档绝对的具有重要意义!

    记得之前制作原型,基本没写交互文档只是在Axure中将交互动作做上就扔给了程序猿。后来我发现,他们根本就不看原型!当产品做出来后,各种乱。当初我给他的是一个宝马他还给我了个奇瑞QQ。后来我便开始编写“交互说明文档”并同原型一并交给程序猿并交代其一定要查阅交互文档。...

 
 
 
   

给UE设计师的10条忠告

Tracy Wells:

我是一名UI设计师,但是我最喜欢的还是UE,即用户体验。通过平时阅读

的笔记与参与的培训,写给自己的忠告,也算是对这段学习的一个总结。


同时也分享给广大UI想转UE的设计师朋友们。





1、最佳的应用设计是看不见的,不要让用户感觉到他所处的界面存在,应

深刻理解受众及其目标,并把用户的当下任务摆在中心地位。用户只

想要一个简单易用的应用,所以你的设计目的就是让每一个元素物尽其用,

不会让用户感觉应用很复杂,更重要的是千万不要让用户去思考。





2、即使用户再喜欢你的应用,但是...

 
 
 
   

整合精益用户体验与敏捷方式

even's lofter:

敏捷方式是现在的主流。同样还有用户体验设计,这要感谢Kindle、iPhone等注重用户体验的产品带来的巨大成功。但一直以来,如何将敏捷方式和用户体验结合才是我们工作中的难点。在本章中,我将带你们回顾精益用户体验是怎样搭配最受欢迎的敏捷风格的——Scrum过程——并讨论怎样融合精益用户体验和敏捷方式,来创造一个更有朝气的团队以及更高效的协作过程。包括:

名词解释

     只是明确一下我们对“周期”和“用户故事”的理解角度是否一致。

交叉周期...


 
 
 
   

交互设计的评估

    前些天在产品群中被问到如何评定产品的交互设计。就找到了这个一个比较标准的评定标准。(标准如下,问题并非绝对可根据自身需求进行改变)

1.架构和导航Architecture and navigation
¨ 是否采用了用户熟悉或容易理解的结构?
¨ 是否能识别当前在网站中的位置?
¨ 是否能清晰表达页面之间的结构?
¨ 是否能快速回到首页/主要页面?
¨ 链接名称与页面名称是否相对应?
¨ 当前页面的结构和布局是否清晰?
2.布局和设计Layout and...

 
 
 
   

Dirac HD实为鸡肋?Mx3回归音质乃鳌头?

    关注魅族的人一定关注了这次MX3的发布,当时我去现场了✧ (≖ ‿ ≖)✧

    这次魅族MX3打出的口号是“回归音质”搭载WM5102芯片、使用Dirac HD技术。

WM5102芯片

    先来说说这大名鼎鼎的欧胜WM5102芯片,该芯片是欧胜特别为移动设备开发的低功耗DAC芯片。魅族官方声称信噪比113dB,失真0.004%。找个比对对象吧,GALAXY S4使用的DAC芯片就是WM5102。网上评价听...

 
 
 
   

该不该为Android制作符合Google标准的App?

    中国大多公司,在移动APP上使用战略都是为IOS定制,并移植Android平台。但在Android屏幕日益增长的情况下,IOS的交互方式在Android上体验并不是很好,这就对各大公司抛出了一个问题“到底该不该为Android定制APP?”

我们先看一下数据统计(未必准,仅作为参考)


    从数据不难看出,在中国Android系统的占有量约为70% 而IOS系统占有量约为7%。在这个Android屏幕日益增大的情况下使用IOS交互方式对Android用户的操作产生了极其大的不便。...


 
 
 
   

Web和App以后是相互鼎力。任何一方都不会被淘汰。

小东别院:

最新17种网页设计发展趋势