首页

阿里干货!实战案例帮你学会基于场景的设计方法

周周

阿里巴巴_BBC_UED:移动终端由于被用户随身携带,变成用户身体的延伸,在每一个场景中,深度陪伴着用户。也因此,移动终端获得天然的优势,得以针对用户实际所在的场景来设计,以设计出更加贴心的体验。 但是,由于设计师与用户的空间相隔,无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求,我们需要通过场景设计的方法,对用户使用场景进行分析或预期。基于场景的设计可以帮助设计师找到用户与场景的内在联系,探索新的功能及交互方式。 本文将以案例为主介绍基于场景的设计方法。

什么是基于场景的设计?

什么才是基于场景的设计呢?以看电影为例,在整个看电影的过程中,涉及到的主要场景有以下六个:线上买票-去电影院-线下取票-检票入座-观影-评论吐槽。基于看电影涉及到的场景,格瓦拉app设计了一个基于场景的功能:当用户在格瓦拉购票成功后,首页会出现一个人偶小浮标,在不同场景下点击该浮标,会出现不同的内容,例如在去电影院的场景下显示影院地理位置以及滴滴打车入口;线下取票场景显示取票二维码可以快捷取票;线下取票后再点击小浮标显示电影开始时间以及座位号;观影后显示别人的评论以及吐槽入口引导用户去评论(如图1)。

uisdc-ali-201610261

昨夜,微软发布了一台可以被推倒的设计师神器,微软这次硬了!

用心设计

微软也可以巨硬。

微软也可以巨硬。

昨晚微软在纽约发布了全新一体机Surface Studio、新一代Surface Book以及新操控配件Surface Dial等系列新品。

Image title

一款APP从设计稿到切图全记录

资深UI设计者

这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用。

设计师成长要经历的五步

蓝蓝设计的小编

第三步:他开始关注生活投入生活和研究生活,他变成了一个感情细腻,生活洒脱的人,他开始意识到自己的人格境界,自己的生活方式和感情表达方式加上生命的目的正是自己鲜明的面貌,他意识到自己正走向一种境界,真正属于自己的形式语言和符号围绕者这种状态应运而生,思想不再被形式所控制,他的设计中,形式真正的作为一种为表达环境的精神空间服务的手段而变的不再张扬和肤浅。在一段时间的摸索,自己的理论体系逐渐清晰并成熟之后,他具备了一种能力,用自己的理论和人格面貌去影响自己的客户和周围的人,并且引导他们进入那种境界。


第四步:这个时期的设计师是成熟和另人尊重的,因为他已经进入了他的灰色时代。他开始走出工作室第一次去关注人,关注自然,开始不完全依赖材料市场而是向生活要材料,他意识到应该注重自己的经历积累,戏剧化的人生概念使他为此振奋。他的作品变的更稳定更严谨也更平淡,同时也具备了精神张力,这种精神状态已经淘去了浮躁的形式感而进入了一种尘埃落定的心境,你会听到时间流逝的声音,和平静的永恒的另人绝望而不可超越的幸福。这不是沧桑而是生活的最高境界。他征服客户的方式不是眼花缭乱的形式手段而是心灵。


第五步:当一个设计师具备了大量的优秀案例,在社会上享有了崇高的声誉和财富的时候,他开始凭着感觉和思想做事情。他已经看穿了人间事故,无论他的生活和作品都是他本人的化身,社会上开始推崇他的理论和著作,他变成了一个博学的德高望重的思想家,他的思想已经不仅仅对本行业具有指导意义,对很多其他的领域也具有杰出贡献,他对世界对人类对设计对自己的生涯已经看的无比清晰和透彻,他进入了设计师最高阶段白色时代,这个阶段的设计师是真正的大师,他们拥有不朽的人格。


如何读懂并写出装逼的函数式代码

蓝蓝设计的小编

今天在微博上看到了 有人分享了下面的这段函数式代码,我把代码贴到下面,不过我对原来的代码略有改动,对于函数式的版本,咋一看,的确令人非常费解,仔细看一下,你可能就晕掉了,似乎完全就是天书,看上去非常装逼,哈哈。不过,我感觉解析那段函数式的代码可能会一个比较有趣过程,而且,我以前写过一篇《函数式编程》的入门式的文章,正好可以用这个例子,再升华一下原来的那篇文章,顺便可以向大家更好的介绍很多基础知识,所以写下这篇文章。

先看代码

这个代码平淡无奇,就是从一个数组中找到一个数,O(n)的算法,找不到就返回 null。

下面是正常的 old-school 的方式。不用多说。

//正常的版本 function find (x, y) { for ( let i = 0; i < x.length; i++ ) { if ( x[i] == y ) return i;
  } return null;
} let arr = [0,1,2,3,4,5] console.log(find(arr, 2)) console.log(find(arr, 8))

UI设计之交互设计的详细流程

ui设计分享达人

交互设计阶段都有哪些流程呢?一般来说,交互设计分为分析阶段、设计阶段、配合阶段和验证阶段四个步骤。那么,每一个步骤都应该怎么去开展工作,具体怎么去执行呢,下面我们就来详细的分享下每个阶段的工作内容:

分析阶段大致分为需求分析,用户场景模拟和竞品分析三块。需求分析对于一个产品来说,是必须的。如果说设计原则是所有涉及的出发点话,那么用户需求就是本次设计的出发点。用户场景模拟,旨在了解产品的现有交互以及用户使用产品的习惯等。竞品分析是因为每个设计者的思维都会有局限性,看到别人的设计会有触类旁通的好处,也能给自己的设计过程带来启发。

UI设计之交互设计的六大设计原则

ui设计分享达人

说起UI设计,就不得不提一提交互设计。交互设计是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。那么,交互设计师在整个交互的过程中需要遵循哪些设计原则呢?我们根据自身经验总结了交互设计的六大设计原则如下:

(1)可视性:可视性,简而言之就是指的看的程度。交互设计师在交互的过程中,这点是首先要规划好的。功能可视性越好,越方便用户发现和了解使用方法。功能可视性把握不好的话,也就很难达成良好的用户体验效果。也有可能直接导致整个设计的失败。因此,交互设计的第一项原则就是可视性。

软件界面设计的过程

ui设计分享达人

软件界面设计作为互联网的一个趋势越来越被受到重视,那么软件界面设计的过程都有哪些呢,下边我们就来分享一下软件界面设计的一个过程来供大家参考:

(1)通过调研,了解用户群的基本情况(包括年龄、性别、心理情况、文化程度、个性、种族、社会背景等),在对用户了解的基础上建立用户模型。同时,图形界面设计人员还要了解软件的功能模式以及采用的软件交互方式等。 

拿不定设计?让经典的尼尔森十大可用性原则帮你!(附案例)

周周

Lava:最近在做toB类产品的时候,经常会被业务带着跑从而忽略了可用性设计的基本原则,最后导致自己的方案被挑战而说不出理由。所以当设计拿捏不准的时候,最好还好依照基本的原则进行设计。尼尔森的十大可用性原则是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。

一、状态可见原则

用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

△ 开始时间、执行百分比动态显示

实战经验!如何从设计思维转变为产品思维?

周周

@可风f  :最近半年因为机缘巧合我从交互设计师变成了产品经理,加入了猎豹清理大师项目并负责海外市场的一些新功能。虽然我之前一直说起产品头头是道,但是真的做起来还是压力山大。并且因为事业群改制和团队重组,只能自己一个人从头做起慢慢摸索,上半年光顾着加班了没时间写文章。好在现在负责的产品从零到千万日活开始稳定下来,自己也有了足够时间和信心去思考总结半年的收获。

因为身边有过转产品想法的同学比较多,自己也认识很多小伙伴是新人产品经理,所以今天想先和大家探讨一下如果要一个优秀的产品经理、从设计思维转变为产品思维,需要面对的几个挑战。

首先解释下什么是设计思维?设计师的工作是在产品的交互和视觉层面提供合适的解决方案,所以设计师会先确定用户是谁,然后了解用户的使用场景,最后根据目标去思考用户体验好的解决方案。这个思维的架构套在产品经理上也同样适用,但是其中的内容就发生了很大的变化。产品经理的本职工作是:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档