B端设计师要懂的信息架构
信息架构这篇是本人在现阶段觉得较难学习与阐述的知识点,网上关于信息架构的知识内容也是参差不齐。在学习与探究的过程中查阅了很多资料,反复修改多次,尽量用直白的语言结合实例来阐述信息架构。目录如下: 大家可以根据上述目录来进行选择性阅读,当然全…
信息架构这篇是本人在现阶段觉得较难学习与阐述的知识点,网上关于信息架构的知识内容也是参差不齐。在学习与探究的过程中查阅了很多资料,反复修改多次,尽量用直白的语言结合实例来阐述信息架构。目录如下: 大家可以根据上述目录来进行选择性阅读,当然全…
前言 在《Web表单设计:点石成金的艺术》这本书中,提到过两个概念「Inside Out 由内而外」和「Outside In 由外而内」,简单说就是两个看待事物的视角。「Inside Out」是从系统角度出发,向用户要求提供系统需要的信息;「Outside In」则是从用户角度出发,向…
“放大一点” “缩小一点” “字体加粗一点” “空白少一点” “颜色深一点” “不够通透” “我觉得不太行” “重做吧” ...... “TMD烦死了!有完没完!” “改了又改”就是咱们很多UI/UX设计师的工作日常,甚至有人把一个设计师能承受的改稿次数作为一个设计师是否优秀的评判…
作为体验设计师,基本的任务就是根据产品目标和用户需求,传递给用户有价值的信息,解决用户的实际问题,最终带给用户愉悦的体验感受,同时提升商业价值。“信息传达”是设计的第一步,只有做好有效的信息传递,才能进一步影响用户的操作行为。当然为了带给用…
举一个已经在网上广为流传的例子,背后的原理是 信息层级结构,视觉元素是根据它的 重要程度 来排布的。 一张图上有四句话,读者根据 字号 判断先读哪一句。在从测试和调研中收集来的用户需求和期望的基础上,首先明确内容和交互的优先级,确认信息的先后顺…
「前言」 对于承载多个子产品的网站而言,单一的布局形式不能完全适用,因此我们需要全方面了解相关的布局框架理论。这有利于我们在定义复杂结构的Web界面时得心应手,做到统一化、规范化、可拓展及可快速迭代。 整篇文章分为两部分: 1.了解布局框架要素 2.…
本文适合3岁以上产品设计/交互设计人员阅读,主要分享如何梳理和建立业务认知,保证产品策略的独特和多样。 2017年,围绕电商消费卡和优惠券,『交互设计小厨房』组织了一次设计练习,历时半个月,共有20多位朋友参加,Hozin对大家提交的作品进行了逐个点评…
西红柿炒鸡蛋、番茄鸡蛋汤,主食材完全相同;素鸡是豆制品,口感味道匹敌鸡肉;土豆和茄子的组合可以有:土豆丝炒茄丝、土豆片烩茄片、土豆丁焖茄丁、土豆块烧茄块、土豆泥拌茄泥……现实生活中的食材料理,就是一门组合的艺术。 与烹饪类似,交互设计也是一门…
朔风吹柳絮,万里雾云迷。望长空恰似玉龙斗太虚,白茫茫粉饰山河瑞景奇。采樵人归来报道梅花放,勾惹起白头翁欲踏琼瑶寻佳句。唤童儿:“收拾那斗笠狐裘,备上我的驴。” 以上是八角鼓岔曲儿《赞雪》( 荣剑尘 1881-1958)的唱词,短短86个字,勾勒出北风吹雪…
很多朋友都在研究《Web信息架构》,这是一本关于解决“如何将信息有效整理编排”问题的巨著。是否有更多的朋友会疑惑?在我们已经了解了如何整理信息之后,面对世界上成百上千的信息,哪些是需要针对当前项目进行整理呢? 如果说信息架构(IA:Information Arc…
每当提出“信息架构”这个概念,总是有人拿出卡片来推演分类,理性递推是一种解决途径,但是必须涵盖信息的全貌;当用户无法了解信息的全部分类时,是否能够给用户提供一种学习方法,这就是我们今天要说的信息闭环设计。 本文将针对内容关联和浏览引导的基本原…
无数小伙伴分析过微信的产品、交互设计,然而,这个亿万人使用的社交软件,它的「信息架构」到底是如何的?消息列表,是微信客户端的主界面,今天就来分析一下,管中窥豹!本文富含大量图表,实在是互联网小白和老鸟应该必读的,请不要吝惜流量。 流程方法论…
写在前面的话:(看正文请直接跳到分割线处) 当写完“做好扁平化设计-视觉篇”给到各位设计师看求指点的时候。 大家吐槽了: 有人说“只有交互扁平了,视觉才好做扁平⋯⋯” 还有人说 “如果一个产品把希望寄托于视觉上,想靠视觉来表现产品的扁平化,显然是不靠…
1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。 2 放出礼品往往更具…
我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒,因为 在这个过程中我见识到了很多优秀的项目。不过慢慢的我也发现了一些问题,一些大家时常会在原型制作过程当中忽…