▅_ しаие o.゛

king王:

总有一种期待,像无形的力量给予信念

让心无比坚定,让梦无比清晰......

期待就会像美好的梦境一样,让你置身于五彩缤纷的世界里


我的交互设计稿 — 进化史

小和:

最初的时候,我是这样设计交互稿的:



(为避免违反保密协议,内容为自己原创,未被商业使用)
软件:Adobe Fireworks CS6


优点:



  • 认真设计出每一个界面,包括同一个界面的不同状态。


  • 根据每个界面的前后关系排序,紧邻的界面必是有直接关系的界面。


  • 精确到像素,切图给视觉设计师,明确按照交互稿的排版来设计。



缺点:



  • 由于缺少经验,没有考虑各种极限情况,如:断网时状态,无法进行时给用户的反馈


  • 所有界面堆叠在一块,无法看出每个界面之间的联系,若没有良好的沟通,这样的交互图交付程序员后,逻辑是混乱的。


  • 对交互稿规定较严格,限制了视觉设计师的发挥


  • 对于交互的细节,没有说明清楚,有很多模凌两可的地方


  • 640X960等比大小,导致视觉设计师在工作时。打开源文件,在PS拖动时,耗内存,速度很慢。


  • 在需要Loading的地方没有标明








后来,工作了一段时间,自己总结经验,学习网上的交互设计稿,不断改进:



(为避免违反保密协议,内容为自己原创,未被商业使用)


软件:Adobe Fireworks CS6


优点:



  • 从主界面到各界面的关系清晰


  • 考虑了不同界面之间的切换关系


  • 考虑到了种种极限情况:用户允许或拒绝访问、用户输入错误。。。


  • 及时给用户反馈提示


  • 视觉设计师很喜欢这样的设计稿,他们往往有两台显示器,一台看交互稿,一台打开PS进行设计


  • 使用蓝色块代表顺畅的交互流程,红色块代表警示说明。统一形式,形成规范。



缺点:



  • 图片太大,程序员看时拉来拉去很麻烦,他们不适应这种瀑布流,他们更喜欢Axure导出的网页


  • 瀑布流的特点是宽有限,可以无限的长。在设计交互时,宽度就会收到限制


  • 未考虑到如何刺激用户持续长久的使用


  • 未从用户的角度出发设计。只是为了自己一厢情愿的设计一个完善的产品,却不是一个用户喜欢的产品。









现在,在一位朋友@葱头 的指点下,重新设计了我的交互稿,在此向 @葱头 表示感谢!:














(为避免违反保密协议,内容为自己原创,未被商业使用)


软件:Axure RP Pro 7.0


优点:



  • 规范、清晰、专业


  • Axure的层级结构,让逻辑清晰明确


  • 对于常用的各种状态都进行了统一规范,方便识别


  • 提前规划了那些界面是视觉优先设计的,提高了工作效率


  • 对界面的详情说明,也进行了统一规范和版式,让一切一目了然。


  • 为视觉设计师留有余地,在我的交互图基础之上,具体细节排版都可以让他自由发挥,只要有更好的效果,他都可以修改。有问题及时沟通。



缺点:



  • 暂未发现(我一直在寻找缺点,然后在解决掉)








接下来,还会继续对交互稿进行优化


如果你有好的意见,请告诉我,我想听~

Jacky:

好字为之~~异域灵兽,设计了一款凶悍的字体,嗷呜。

分析一则国外的UE设计师招聘要求,看看你还需要欠缺什么吧:

Orlane:

我们来分析一则国外的UE设计师招聘要求,看看你还需要欠缺什么吧:

我们正在寻找一名高级用户体验设计师加入我们的产品设计团队。

We are looking for someone to join our growing Product Design group as a sr.

user experience designer.

职责包括产品创新,界面视觉引导,原型设计,与开发一起推动设计实现。

Responsibilities include producing innovative,visually appealing human interface designs; creating design prototypes;working with developers to make designs a reality.

我们需要这个人可以独立工作,和团队成员合作,交流各种想法,画出原型,参与产品整个的周期。

We need someone who can work independently, engage team members, communicate ideas, create prototypes, and finally work with team members throughout the release cycle of the product. This position reports to the Principal Designer.

日常的工作包括:Day-to-Day Activities:

* 基于人机交互、图形化设计、界面设计和其他相关理论,进行设计。

Generate designs based on common sets of HCI, graphic design, interface design and other relevant theories

* 画出不同层次的原型:纸上的,框架的,可交互的网页,Flash的。

Create prototypes at different levels of fidelity: paper, wireframe,interactive HTML, and Flash

* 到不同的部门演示概念和想法,组织反馈意见。

Present ideas and concepts to x-functional teams and incorporate feedback accordingly

* 生成视觉元素比如icon,边框,用户控件,窗口规范,图形化的布局

Create visual elements such as icons, borders, custom widgets, window treatments, and graphical layouts

* 同产品设计团队合作去发展一些重要附加值的概念,还有修订产品。

Collaborate with Product Design team to develop concepts of key additions and edits for the product

* 同商业方面的专家、市场部沟通,确认设计并得到认可。

Communicate designs to business specialists and marketing team members for validation and buy-in.

* 同开发人员沟通,提供明确的定义和执行的方向。

Communicate designs to development and provide definition and direction during implementation

* 同质量控制部门沟通,提供在测试阶段需要的清晰理解。

Communicate designs to quality control and provide clarifications during the testing phase

* 同首席设计师和产品设计团队一起工作,符合内部设计流程和标准。

Work with Principal Designer and Product Design team to evolve internal design process and standards.

* 需要1/10的时间出差。

This job requires 10% travel

资格条件:Qualifications & Requirements:

* 在应用程序交互设计方面(界面设计,产品设计)有4-5年的工作经验。在web应用和桌面应用方面有扎实的经验。

4-5 years experience in application interaction design (UI Design, Product Design); solid experience with both web applications (not web sites) and desktop applications

* 设计、人机交互、可用性专业或者可以展示对设计的理解、交互设计理论和实践的能力。

Education in design, HCI, usability or ability to display formal understanding of design and HCI theory and practice

* 理解室内产品设计的生命周期。

Understand in-house product design lifecycle

* 优秀的交流技巧:书写和口头。

Good communication skills: written and verbal

* 了解基于浏览器和客户端的技术(HTML, Java, Flash,.NET)。

Knowledge of browser-based and desktop technologies (HTML, Java, Flash,.NET)

* 原型技术,包括DHTML, Dream Weaver, Flash或类似的。

Prototyping skills using DHTML, Dream Weaver, Flash, or similar

* 有开发和运行可用性测试的经验。

Experience with developing and running usability testing

* 有行业研究经验(Cooper的目标导向设计方法优先)

Experience with field research (goal-directed method by Cooper is preferred).

* 可以使用设计过程描述清楚问题如何产生以及如何解决,无论是独立工作还是和团队一起。

Should demonstrate ability to use design processes for problem definition and solution creation while working individually and with a group

* 可以创造出图形元素:icon,控件,窗口,边框,数据布局。

Ability to create graphical elements: icons, widgets, windowing and boarders, data layout


TOUPAN:

好多人都问怎么画的,我也自己也是个新手,所以不可能说做指点什么的,大家都问,我就把路径图放两张,就是一圈圈的勾路径来塑造光影,然后有的地方我也不太会处理,在用到滤镜的时候就被我栅格化了,所以少了很多路径,大家将就就这么看看,应该能看懂。关于裂纹,就是网上找个裂纹图片,叠加一下,然后液化一下形态,用加深工具塑造一下裂纹的深浅。别的都是死的了,很简单。大家仔细抠一抠也能出来,期待大家都能画出完美的作品。