精华内容
下载资源
问答
  • UX设计

    2018-06-27 10:21:00
    本课程涵盖了平面设计PS,AI软件实操,版式,配色,创意思维,图标设计,Banner设计,移动设计规范,移动页面布局,适配,产品交互,原型交互设计等UX设计师岗位涉及的技术内容。授课风格干净利落,系统细致;让你...
  • ux设计工具 重点 (Top highlight)Hot on the heels of the popularity of my last article discussing 5 research tools for UX Designers, this week I’m adding shimmer and shine to that designer’s tool belt...

    ux设计工具

    重点 (Top highlight)

    Hot on the heels of the popularity of my last article discussing 5 research tools for UX Designers, this week I’m adding shimmer and shine to that designer’s tool belt by spotlighting the visual end of the spectrum. Let’s recap three items to note regarding these recommendations before continuing.:

    ^ h加时赛上上一篇文章中的普及高跟鞋讨论5个研究工具,用户体验设计师 ,这个星期我被聚光光谱的视觉效果加上微光和光泽到设计师的工具带。 在继续之前,让我们回顾一下关于这些建议的三个项目:

    1. Tools don’t make designs better– you do! It doesn’t matter if you paid a lot of money for the latest software, or if you simply have a pencil and paper. Good work comes from thorough iterations, working through the design process.

      工具不能使设计变得更好,而是可以! 您是否为购买最新软件花了很多钱,还是只拥有铅笔和纸都没关系。 好的工作来自于反复的迭代,贯穿了整个设计过程。

    2. You don’t have to know them all. A good designer employs a variety of tools and also knows when and where to utilize them. Keeping just one or two tools that address each type of issue is enough. You’ll waste everyone’s time if you try to learn them all.

      您不必全部了解它们。 好的设计师会使用各种工具,并且知道何时何地使用它们 。 仅保留一个或两个解决每种类型问题的工具就足够了。 如果您尝试全部学习,则会浪费每个人的时间。

    3. I’m not an influencer. At the end of this article, I mention specific brands of tools. I suggest these specific tools only because I have experience with them in particular as the sole designer in a small startup, or I know of others in the industry who are having success using them. I’ll try my best to list a few examples of each type of tool if I bring up a brand. In any case, always do your own research!

      我不是网红。 在本文的结尾,我提到了特定品牌的工具。 我之所以建议使用这些特定工​​具,是因为我特别是作为一家小型初创公司的独家设计师来使用它们,或者我认识该行业中的其他成功使用它们的人。 如果我提出一个品牌,我会尽力列出每种工具的一些示例。 无论如何,请务必进行自己的研究!

    视觉设计和原型制作工具 (Visual Design and Prototyping Tools)

    From sketching with a pencil and paper to hi-fidelity clickable prototypes featuring interaction animation, UX designers have a wide-ranging set of tools at their disposal for visual designs and prototyping. But it’s important to know how and when to utilize these tools. Each tool should be used to create a stepping stone on the path to a powerful design handoff, akin to the architectural plans for a beautiful, functional, useful building.

    从用铅笔和纸草绘到具有交互动画的高保真可点击原型,UX设计师可以使用各种各样的工具来进行视觉设计和原型制作。 但是了解如何以及何时使用这些工具很重要。 应当使用每种工具在通往强大的设计移交路径上创建垫脚石,类似于设计美观,功能齐全,有用的建筑的建筑计划。

    Here are five helpful visual design and prototyping tools, and examples of when to use them:

    这里有五个有用的视觉设计和原型制作工具,以及何时使用它们的示例:

    1.素描 (1. Sketching)

    Perhaps one of the most overlooked and underestimated tools for product design is the classic pencil and paper duo. UX is all about communicating your ideas, and while you’re on your visual design journey, you’re going to want to garner feedback and iterate on your ideas quickly. This is why it’s so important to visualize and communicate user problems, user stories, and your solutions to those problems in a fast, inexpensive, yet effective manner. Sketching is one of the best ways to get this done.

    经典的铅笔和纸二重奏也许是产品设计中最被忽视和低估的工具之一。 UX就是传达您的想法,而在您进行视觉设计的过程中,您将希望获得反馈并快速迭代您的想法。 这就是为什么以快速,廉价但有效的方式可视化并交流用户问题,用户案例以及您对这些问题的解决方案如此重要的原因。 绘制草图是完成此操作的最佳方法之一。

    While sketching on paper with pencils, pens, or markers, might seem elementary or even immature at first, you’ll find that it works. Not only does it work, but it’s also widely considered an essential skill for UX designers to keep in their toolbelt.

    使用铅笔,钢笔或记号笔在纸上进行草图绘制时,乍一看似乎很初级,甚至不成熟,但您会发现它是可行的。 它不仅有效,而且也被广泛认为是UX设计人员保持其工具带的一项基本技能。

    sketches of wireframes on paper
    Photo by Danae Paparis on Unsplash
    Danae PaparisUnsplash上的 照片

    Remember, you don’t have to be an amazing artist– you simply have to communicate your ideas. Here are some great sketching basics outlined by Anastasia Kas on UX Collective to help you get started!

    请记住,您不必成为一名出色的艺术家,您只需要传达自己的想法即可。 这是Anastasia Kas在UX Collective上概述的一些出色的素描基础知识 ,可帮助您入门!

    2.流量和用户流量 (2. Wireflows & User Flows)

    Visualizing your user goals and translating that into the way your users will move through your product not only helps you to create successful mockups and prototypes, but also helps you to communicate your visual solutions. Communicating the path the user takes through the product to stakeholders and engineers is a key part of a successful design and handoff process.

    可视化用户目标并将其转换为用户在产品中移动的方式,不仅可以帮助您创建成功的模型和原型 ,还可以帮助您传达可视化解决方案。 在产品设计过程中,用户与利益相关者和工程师进行沟通是成功设计和移交过程的关键部分。

    a person’s hand pinning up printed user flows to the wall
    Photo by Alvaro Reyes on Unsplash
    Alvaro ReyesUnsplash上的 照片

    Taking the time to design your user flows will help others relate to the user’s journey and it will also set you up with a powerful roadmap when you start building out your screens. After this UX thought-process is tightened up, you can put on your UI hat and begin to dive into the details of your components and page layouts.

    花时间设计用户流程将帮助其他人与用户的旅程相关,并且在开始构建屏幕时还将为您设置强大的路线图。 在加强UX思维过程之后,您可以戴上UI帽子,开始深入研究组件和页面布局的细节。

    3.线框图 (3. Wireframing)

    Wireframes are a powerful and popular way to communicate page layouts and user flows. However, as Neilson Group points out, the direction of a more fluid evolution of the web and other digital products is rending the practice of wireframing somewhat outdated.

    线框是一种交流页面布局和用户流的强大而流行的方式。 但是,正如尼尔森集团(Neilson Group)所指出的那样, 网络和其他数字产品更加流畅的发展方向正在使线框图的实践有些过时

    an example of a wireframe
    source: https://www.nngroup.com/articles/wireflows/
    来源: https : //www.nngroup.com/articles/wireflows/

    Still, the concept of pages isn’t going away just yet. Wireframes remain an effective tool for desktop pages and complex user flows that require a lot of visual documentation. They’re a quick way to visualize the layout of your page while identifying components, content, and navigation schemes. They’re also useful when testing early prototypes since they don’t bring attributes like color or shadow into the equation, creating a more unbiased environment for testing your user flow and page comprehension.

    尽管如此,页面的概念还没有消失。 线框仍然是需要大量视觉文档的桌面页面和复杂用户流的有效工具。 它们是在识别组件,内容和导航方案时可视化页面布局的快速方法。 它们在测试早期原型时也很有用,因为它们不会将颜色或阴影等属性带入方程式,从而为测试用户流和页面理解度创造了一个更加公正的环境。

    4.样机 (4. Mockups)

    Hi-fidelity visual mockups are often what people think of when they think of design. This is where the designer concentrates on visual principles that not only “look pretty” but also help the user grasp the interface and the path to their objectives.

    当人们想到设计时,通常会想到高保真视觉模型。 设计人员在这里专注于视觉原理 ,这些视觉原理不仅“看起来很漂亮”,而且还可以帮助用户掌握界面以及实现目标的途径。

    An iPhone floating above a person’s hand
    Photo by Neil Soni on Unsplash
    Neil SoniUnsplash拍摄的照片

    Hi-fidelity Mockups allow stakeholders to see the finished product prior to actually building it. It’s an extremely important step in the handoff process, and gives the best preview possible without any engineering or prototyping. Mockups can be used in presentations and inserted into frames of digital devices for marketing purposes. They can be used to motivate your team to push forward and potential customers to sign up. Of course, the main purpose is to use them as a handoff to your developers, and the best handoff tools will include a feature that allows developers to pull code directly from your mockups.

    高保真模型可让利益相关者在实际制造成品之前先查看其成品。 这是移交过程中极为重要的一步,无需进行任何工程设计或原型制作即可提供最佳的预览效果。 可以在演示文稿中使用样机,并将其插入数字设备的框架中以进行营销。 他们可以用来激励您的团队向前发展并吸引潜在客户注册。 当然, 主要目的是将它们用作向开发人员的移交,最好的移交工具将包括一项功能,该功能允许开发人员直接从您的模型中提取代码。

    5.原型 (5. Prototypes)

    This is where it all comes together. While your stakeholders and users can get a pretty good idea of how your product will look with mockups, they won’t get a feel for actually interacting with it until they drive the prototype. People often think of prototypes as something close to a finished product, but they actually come in all shapes and sizes and can be used early on in the design process for early testing. Designers can even make prototypes out of paper.

    这就是所有的东西。 尽管您的利益相关者和用户可以很好地了解产品在模型中的外观,但是直到他们驱动原型时,他们才会真正与产品进行交互。 人们通常认为原型接近成品,但实际上它们具有各种形状和尺寸,可以在设计过程的早期用于早期测试。 设计师甚至可以用纸做原型

    a person using a tablet, it’s screen displaying graphs
    Photo by Adeolu Eletu on Unsplash
    Adeolu EletuUnsplash上的 照片

    Higher fidelity prototypes are where the rubber meets the road, so to speak. This is the designer's opportunity to connect the dots. Each mockup screen is wired-up via some prototyping software or with just enough code to get by. With a prototype, you’re creating the interactions, so that a user can actually click through your screens. Testing with prototypes enables the designer to catch areas where the user encounters a hang-up, gets lost or confused, or even experiences delight. Depending on when they’re utilized during the design process, prototypes provide an early opportunity to iterate, or the last chance to catch a not-so-great user experience before it’s handed over to developers or out the door to market.

    可以说,高保真原型是橡胶与道路相交的地方。 这是设计师连接点的机会。 每个样机屏幕都通过一些原型设计软件或仅附带足够的代码就可以连接起来。 使用原型,您可以创建交互,以便用户可以实际单击屏幕。 使用原型进行测试可以使设计师捕捉用户遇到挂断,迷路或困惑甚至感到愉悦的地方。 根据在设计过程中使用它们的时间,原型提供了一个进行迭代的早期机会,或者是在将其移交给开发人员或推向市场之前捕获不太好的用户体验的最后机会。

    关于软件选项的注意事项 (A Note on Software Options)

    Some popular brand names for design software used to create anything from wireframes to design systems to hi-fidelity mockups are Sketch App, Adobe XD, and Figma. All three now have prototyping capabilities. InVision is another popular prototyping software and has a powerful inspect mode for revealing your design’s codes to your developers. There’s also a range of software out there with really minor learning curves that can help you jump into sketches, wireframing, and early prototypes. Balsamic and Marvel are just two that come to mind.

    Sketch App,Adobe XD和Figma是一些流行的设计软件品牌,用于创建从线框到设计系统再到高保真模型的所有内容。 所有这三个现在都具有原型制作功能。 InVision是另一种流行的原型开发软件,并具有强大的检查模式,可向开发人员显示您的设计代码。 那里还有一系列软件,它们的学习曲线很小,可以帮助您跳入草图,线框图和早期原型。 香脂和奇迹只是两个想到的。

    Thanks for checking out this starter list of visual design tools. I hope you find it useful for your journey into visual design. Remember, tools don’t make great designs– you do!

    感谢您查看视觉设计工具的入门列表。 希望对您的视觉设计之旅有所帮助。 请记住,工具不能做出出色的设计,而您却可以做到!

    翻译自: https://uxdesign.cc/5-visual-design-tools-for-ux-designers-882a35c4ffac

    ux设计工具

    展开全文
  • UX-Design-GA:包含与2017年夏季完成的大会UX设计兼职程度相关的所有文件
  • ux设计师薪水 重点 (Top highlight) 用户体验 (UX) UX Design is a term that came into existence (in jobs, roles in organisations and team requirements) suddenly in early 2000s! The visual design game was...

    ux设计师薪水

    重点 (Top highlight)

    用户体验 (UX)

    UX Design is a term that came into existence (in jobs, roles in organisations and team requirements) suddenly in early 2000s! The visual design game was not as strong in 2000s, as it is now maybe because of lack of tools or slow speed internet (you can see the websites of top-companies like Apple, from back in 1990s and 2000s, and get ready, to get shocked!) But suddenly when pretty much everything was functional, and the users figured pretty much everything about internet surfing and browsing, we also wanted to make things look beautiful!

    UX设计这个名词在2000年代初突然出现(在工作,组织中的角色和团队需求中) ! 视觉设计游戏在2000年代并不那么强大,现在可能是由于缺少工具或互联网速度缓慢(您可以看到1990年代和2000年代苹果等顶级公司的网站,并做好了准备,震惊!)但是突然之间,当几乎所有功能都正常运行,并且用户几乎了解了有关Internet冲浪和浏览的所有内容时,我们还想使事情看起来更漂亮!

    Someone started a wave of designing websites (and not only developing them), and there started an entire career stream for thousands of people, who wanted to get into tech, but with creativity and not just logic. There were, of course, designers and developers earlier, even in 20th century, but the kind of job they did, versus the kind of job today’s UX Designers do, are fundamentally different. The tools that we have at our disposal right now, didn’t even exist. The infrastructure to support those tools didn’t exist.

    有人开始了设计网站的浪潮(不仅是开发网站),然后开始了数千人的整个职业生涯,他们想进入技术领域,但要有创造力,而不仅仅是逻辑。 当然,甚至早在20世纪,就有设计师和开发人员,但是他们所做的工作与今天的UX设计师所做的工作有着根本的不同。 我们现在可以使用的工具甚至不存在。 没有支持这些工具的基础架构。

    When we talk about UX Design, we think about a lot of scenarios. We think about ideating by using post-its, colourful office walls where everyone sticks their ideas, paper-prototyping, good amount of research, and a lot of time in hand to actually do all that! But the reality can be completely opposite than that!

    当我们谈论UX设计时,我们会想到许多场景。 我们考虑通过使用便利贴,色彩斑office的办公室墙壁来进行构想,每个人都坚持自己的想法,进行纸质原型制作,进行大量研究,并花大量时间进行所有这些工作! 但是现实可以完全相反!

    Image for post
    Image Credits: Unsplash
    图片来源:未飞溅

    您如何向您的朋友或父母解释一下您的工作是什么? 你是做什么? (How do you explain it to your friends or parents, about what your job is? What do you do?)

    Let’s imagine your five year old niece asks you about your typical day at office, how do you tell her what your primary job is?

    假设您五岁的侄女向您询问您平时的上班时间,您如何告诉她您的主要工作是什么?

    I say I’m a super-hero. I’m saving the world one-webpage at a time. I am saving the world from ugliness and non-functional websites and apps. I am saving people’s time, by designing quick sign-ups and forms. I am making things look pretty, but also simpler.

    我说我是超级英雄。 我一次保存了一个世界的网页。 我从丑陋的网站和应用程序中拯救了世界。 通过设计快速注册和表单,我节省了人们的时间。 我使事情看起来更漂亮,但也更简单。

    I am removing the junk, the clutter and the sh*t from websites and web-pages. I am the e-janitor!

    我正在从网站和网页中删除垃圾,混乱和混乱。 我是电子管理员!

    I am preventing Karen from getting frustrated while she’s looking for a dress online, and the page takes a long time to load. I provide interesting facts about Coco-Chanel that keep her occupied while the app loads the page! I am preventing John from throwing his phone away, when he’s trying to book a cab and the driver cancels the ride. I provide him discounts and offers on his next ride, and save the thousand dollars that he just spent on his new, flashy phone!

    我防止Karen在网上寻找衣服时感到沮丧,并且该页面需要很长时间才能加载。 我提供了有关Coco-Chanel的有趣事实,可让她在应用程序加载页面时全神贯注! 当他试图预订出租车而驾驶员取消乘车时,我要防止约翰丢掉电话。 我会为他提供下一次乘车折扣和优惠,并节省他刚刚花在新手机上的一千美元!

    Image for post
    Image Credits: Unsplash
    图片来源:未飞溅

    您真的认为UX到底是什么? (What do you really think UX is all about?)

    User Experience Design, a heavy term coined by the father of UX — Donald Norman, and that’s where the journey of entire generation of UX Designers began! No, I’m not kidding, there was no term such as a UX Designer, before Don Norman came up with it in his book “Design of Everyday Things” published in 1980s. It is considered a holy-book for those willing to learn UX Design and those who are already working as designers! And now companies across the globe require those ‘UX Designers’ to save their worlds!

    用户体验设计,是UX之父唐纳德·诺曼(Donald Norman)创造的一个沉重的名词,这就是整代UX设计师的旅程开始的地方! 不,我不是在开玩笑,在Don Norman于1980年代出版的《日常事物的设计》一书中提出之前,就没有UX设计师这样的名词。 对于那些愿意学习UX设计的人和已经从事设计师工作的人来说,这是一本圣书 ! 现在全球各地的公司都需要那些“ UX设计师”来拯救世界!

    UX Design is more about function over form, which means ideally, in a mythical scenario, there should be two different designers in an organisation — one UX Designer, who should do all the back-end cleaning and other UI or Visual Designer who should focus on beautifying the app, or adding illustrations, running social media campaigns, focusing on branding, creating presentation templates etc. by the side.

    UX设计更多的是功能而非形式,这意味着在理想情况下,组织中应该有两个不同的设计师-一个UX设计器,应执行所有后端清理工作,另一个UI或Visual Designer则应集中精力在旁边美化应用程序或添加插图,进行社交媒体活动,专注于品牌塑造,创建演示模板等。

    But that’s an ideal world that we are talking about. The reality is far, far away from this utopic universe! Most “small” companies and limited budget startups cannot afford two designers. Many companies have only one designer overall. YES. They don’t even have two people working as designers, let alone having a separate UX and a UI Designer in the team. Most of the times, it’s the ‘all-rounder-designer’ who has to do everything — from research to wireframes, from visuals to final prototypes, sometimes even videos for social media campaigns!

    但这是我们正在谈论的理想世界。 现实离这个异位宇宙很远! 大多数“小型”公司和预算有限的初创公司无法负担两名设计师。 许多公司总体上只有一名设计师。 是。 他们甚至没有两个人担任设计师,更不用说在团队中有单独的UX和UI设计师了。 在大多数时候, 都是“全能设计师 ”必须做的一切-从研究到线框,从视觉到最终原型,有时甚至是社交媒体活动的视频!

    Image for post
    Image Credits: Unsplash
    图片来源:未飞溅

    总而言之,它可以是一支单兵! (All in all, it can be a one man army!)

    And this one-man army, has to fight many wars everyday! From fixing the functionality issues, to keeping your head sane enough to come up with creative illustrations for that brand campaign that your sales-manager has decided to run on LinkedIn!

    这个单人军队每天都要打很多仗! 从解决功能问题到保持头脑清醒,为您的销售经理决定在LinkedIn上运行的品牌宣传活动提供创意插图!

    I was working in a small start-up, that had the budget only for one UX Designer, and they hired me.

    我当时在一家小型初创公司工作,当时的预算只有一个UX设计器,他们雇用了我。

    作为一个新手,我充满热情,热情和充满活力-正是他们所需要的,因为没有人向我暗示即将到来的工作量! (Being a newcomer, I was enthusiastic, passionate and energetic — exactly what they needed, because nobody even hinted me about the ‘amount’ of work that was coming up!)

    While some of you might think it was unfair on the part of my employer to hide secrets, but on the other hand, even he was clueless about the amount of work their apps and websites actually required!

    尽管有些人可能认为我的雇主隐瞒秘密是不公平的,但另一方面,即使他对他们的应用程序和网站实际需要的工作量一无所知!

    The second biggest myth that people have about UX Designers is that we can do everything in a minute! That it doesn’t take much time to ‘design’, it only takes time to ‘develop’.

    人们对UX设计师的第二大误解是,我们可以在一分钟内完成所有工作! “设计”不需要花费很多时间,“开发”只需要时间。

    No. We are not robots. We need time to think, ideate and then build. We need our creative juices to flow, so that you can approve our design in the first go!

    不,我们不是机器人。 我们需要时间思考,构想然后建立。 我们需要我们的创意汁,以便您可以一开始就批准我们的设计!

    On the job, I explored and learnt a different tool every week, I learnt about how things in the world ‘actually’ work. I needed that reality-check since now I was out of college and the dreamy life was over!

    在工作中,我每周探索和学习一种不同的工具,了解世界上的事物实际上是如何工作的。 自从我离开大学以来,我就需要进行现实检查,梦想的生活已经结束!

    Nobody in the real-life really cared about things that you thought were important in college. Where on one side, there was a technical co-founder who was only concerned about how things functioned. The visualisations and the beauty could just go to hell for all he cared! While on the other hand, there was our social media manager, who ‘only’ cared about the beauty of the things. The app should look beautiful, doesn’t matter if it’s throwing an error on a new sign-up!

    现实生活中没有人真正关心您认为在大学中很重要的事情。 一方面,有一位技术联合创始人,他只关心事物的功能。 他所关心的一切,视觉效果和美丽都可能落入地狱! 另一方面,我们的社交媒体经理“只”关心事物的美丽。 该应用看起来应该很漂亮,无论是否在新注册时抛出错误都没关系!

    I was stuck into a whirlpool of contradictions. There were different and same things to do everyday!

    我陷入了矛盾的漩涡中。 每天都有不同的事情要做!

    Image for post
    Image Credits: Unsplash
    图片来源:未飞溅

    Sometimes, I only worked on the sign-up page of the application for one complete month, because there were back and forth iterations, as the screenshots had to go on Google Play Store. Nobody was happy with one design, and the suggestions were extreme!

    有时候,我只在应用程序的注册页面上工作了一个完整的月,因为有来回的反复,因为屏幕快照必须在Google Play商店上发布。 没有人对一个设计感到满意,而且建议非常极端!

    Our social media manager liked everything ‘clean’, and aesthetic. While our technical head wanted me to show the ugly-insides of the app that weren’t even designed or thought of ?

    我们的社交媒体经理喜欢一切“干净”和美观的产品。 尽管我们的技术负责人希望我展示该应用程序的丑陋内部,这些内部结构甚至还没有设计或想到?

    Sometimes, I worked on a different poster everyday for their Instagram and LinkedIn campaigns that were going on by the side, and sometimes, just one page of one app wouldn’t be finalised for months!

    有时,我每天都会为旁边的Instagram和LinkedIn广告活动制作不同的海报,有时,一个应用程序的一页不会几个月定稿!

    As a UX Designer, I also did the job of a UI Designer, a graphic designer, a video editor and a social media creative person, who also handled their Instagram and Twitter account in the time of crisis! There were many roles that I played, and juggled with.

    作为UX设计师,我还担任过UI设计师,图形设计师,视频编辑和社交媒体创意人的工作,他们在危机时期还处理了Instagram和Twitter帐户! 我扮演过很多角色,也经常玩弄。

    But all in all, I am happy that I survived such a hectic, disorganised and chaotic work environment. And I am sure the way many companies are just coming up, a lot of new designers are down the same path, or already struggling and juggling different roles in their one job, that they have signed up for. The job of a UX Designer!

    但总而言之,我很高兴能在如此忙乱,混乱和混乱的工作环境中生存下来。 而且我可以肯定,许多公司的崛起方式,许多新设计师走的是同一条路,或者已经在一份已签约的工作中挣扎并兼顾了不同的角色。 UX设计器的工作!

    So, if you are someone who’s looking at starting your career in UX Design, be prepared to do everything and anything that comes your way (in case of crisis). But if you do happen to get an ideal work environment — cherish it and don’t forget to share your story with the rest of us! :)

    因此,如果您正在寻找开始使用UX Design的职业的人,请做好一切准备,做好一切准备(以防万一)。 但是,如果您确实遇到了理想的工作环境,请珍惜它,不要忘记与我们其他人分享您的故事! :)

    That’s all for now folks. Let’s make this community awesome!

    现在只剩下这些了。 让这个社区变得很棒!

    翻译自: https://uxdesign.cc/the-bitter-truth-no-one-will-tell-you-about-being-a-ux-designer-251d1c5f084e

    ux设计师薪水

    展开全文
  • 持续的学习和拥有好奇心是UX设计者需要保持的重要品质,毕竟行业一直在发展,我们需要不断扩展自己的技能。而,阅读各种不同类型的书籍是让自己保持学习状态的好方法。 来自 Nayane de Souza Hablitzel 的插图 今天...

    俗话说,「只要不学死,就往死里学」。

    胡适又说,「怕什么真理无穷,进一寸有一寸的欢喜」。

    持续的学习和拥有好奇心是UX设计者需要保持的重要品质,毕竟行业一直在发展,我们需要不断扩展自己的技能。而,阅读各种不同类型的书籍是让自己保持学习状态的好方法。
    在这里插入图片描述

    来自 Nayane de Souza Hablitzel 的插图

    今天就为刀友们推荐一些关于UX设计的书籍,希望它们能帮助你工作得更加出色。

    《The User Experience Team of One》

    作者:Leah Buhley

    在这里插入图片描述

    作者莉亚•布雷(Leah Buley)是一位有15年工作经验的用户体验设计师,曾为多家的金融公司和信息服务公司工作。莉亚是信息架构峰会和交互设计协会的固定演讲嘉宾,她强调设计的实效性,提倡少做无意义的工作,深受同行欢迎。

    在这里插入图片描述

    许多 UX 设计师发现自己是公司中唯一的UX设计,要在团队里倡导并尝试做用户体验工作是孤独且具有挑战性的。

    《The User Experience Team of One》旨在为设计师提供实践的技巧,使他们即使资源有限的情况下,也能够成功发挥作用。

    它还提供了一些关于如何确定你工作的优先次序以获得最大效果的建议。

    适合人群:正在努力争取并建立出色的UX设计的人。

    《 100 Things Every Designer Should Know About People 》

    作者:Susan Weinschenk

    在这里插入图片描述

    《设计师要懂心理学》出自国际知名的设计心理学博士 Susan M. Weinschenk 之手。

    本书涵盖了与设计高度相关的行为科学中的一些关键行为见解,如人们如何看待,阅读,思考以及激发他们动机的主题。每个设计师都应该了解的这关于人的 100 件事,在进行设计时读上一遍又一遍,可以使用户体验变得令人难忘,提高转换率和可用性。
    在这里插入图片描述

    人是体验设计的中心—作为设计师,我们所做的一切都是以改善人们的体验效果为目标的。了解人是成为优秀设计师的核心!

    适合人群:想要获取关于人们关键行为的全面参考指南。

    《Lean UX 》

    作者:Jeff Golthelf and Josh Seiden
    在这里插入图片描述

    Jeff Gothelf 是一位杰出的用户体验设计师,有长达15年的产品设计经验,现任The Ladders 用户体验部总监。他是敏捷体验与精益设计的倡导者和支持者,曾于2012年创办产品设计和创意工作室Proof,为众多知名公司领导过跨职能的产品设计团队。

    他的 blog 为:www.jeffgothelf.com/blog.

    在这里插入图片描述

    如何确保你正在构建和设计正确的东西?

    在《Lean UX》一书中,Jeff Golthelf 和 Josh Seiden 阐述了一种对用户和业务都很好的思考和构建产品的办法。他们为产品、技术和用户体验如何共同合作,并且快速、反复地验证想法提供了宝贵的见解。

    本书还包含了这些方法在金融服务和许多其他行业中应用的实例。

    适合人群:需要了解 UX 设计师要如何与产品和技术协作,并且以智能和迭代的方式为客户提供价值。

    《Drawing Ideas: A Designer’s Guide to Refining, Communicating, and Selling Your Concepts》

    作者:Mark Baskinger, William Bardel

    主题:设计,绘图,交流思想

    推荐人:David Nuff,跨学科设计师,从事过交互设计、品牌和互动装置。

    在这里插入图片描述

    素描和绘图是UX设计师工作的核心部分。能够有效地勾勒出你的想法以进行交流并获得认可是一项非常重要的技能。该书探讨了绘图在设计过程中的作用和目的,并通过许多示例进行了说明。

    David是这样描述这本书的:“是教科书与文学作品的融合。这本书全面讨论了绘画的方法、材料和哲学。通过对设计师的采访和大量的实例,展示了绘画在设计过程中可以发挥的多种作用。”

    适合人群:正在寻求绘图技巧的提升。

    《Just Enough Research》

    作者:Erika Hall

    主题:设计研究

    推荐人:Raymond Tiong,Xero的用户体验研究员。
    在这里插入图片描述

    做优秀的设计意味着要有设计研究的素养,这样才能理解用户。《Just Enough Research》被好几个人推荐为UX设计师必看的最好的书之一。

    它是一本令人惊叹的入门书,涵盖了通过用户体验研究发现用户需求的关键方法和途径,以及要如何展示该研究的价值并获得利益相关者的认同。这是任何设计师工作技能中必不可少的一部分。

    正如 Raymond 所说“这本书解决了许多关于进行用户研究的实际问题——而且做得很清晰、很机智。虽然这本书主要是关于设计研究的,但对于任何处于决策位置的人来说,这本书都是相关的。"

    适合人群:正想要做出更好的用户研究。

    《Unleash Different 》

    作者:Rich Donovan

    主题:业务,设计,结论,可访问性

    提交人:Alicia Jarvis,数字无障碍高级专家、包容研究员、设计师和战略家。
    在这里插入图片描述

    这本书和下面那本,都将帮助设计师加深对无障碍和包容性的理解。

    了解这些可以确保你所设计的产品和服务是令人愉悦的,并且可以让尽可能多的用户使用,这对你的业务会有很大帮助!

    《Unleash Different》提供了为残疾人士服务的商业案例,并借鉴了作家Rich Donovan在美林证券(Merrill Lynch)担任交易员以及残障人士收益组织(Return on Disability Group)首席执行官的经验。

    《Strategic IT Accessibility 2nd Edition 》

    作者:Jeff Kline
    在这里插入图片描述

    《Strategic IT Accessibility》为所有组织勾勒出无障碍战略的蓝图。

    本书从整体上审视了设计的无障碍性,第二版于2020年2月发布,考虑到了自2011年第一版以来立法、技术和治理方面的变化。

    从Alicia的角度来看:“对于任何希望启动无障碍项目或改善组织的多样性、公平性和包容性战略的人来说,这两本书是必不可少的读物。”

    适合人群:正在磨练你的无障碍和包容性设计技能。

    《Creative Confidence 》

    作者:Tom Kelley & David Kelley

    主题:设计,商业,科技

    推荐人:Matoula Sarantinou,创意设计师。

    在这里插入图片描述

    在《Creative Confidence》一书中,David 和Tom Kelley打破了只有部分人有创意的神话,并为如何在工作和生活中挖掘自己的创意潜力提供指导。

    他们分享了他们在IDEO的项目中的故事以及与许多世界上最成功的公司合作的经验。
    在这里插入图片描述

    适用人群:正在想要一些灵感和创意的信心提升!

    《Health Design Thinking 》

    作者:Bon Ku & Ellen Lupton

    主题:设计,医疗

    提交人:Jennifer Lu,医疗系统的用户体验设计师。

    医疗保健系统已经成熟,充满了创新的挑战和机遇。新冠疫情的爆发比以往任何时候都更加突出了这个问题。如果你是一名在医疗保健领域工作的设计师,或者有兴趣了解设计是如何在医疗保健背景下使用的,这本书就是为你准备的。

    书中充满了将设计应用于医疗保健领域的真实项目和案例。
    在这里插入图片描述

    对于 Jennifer 来说,她正在将这本书在工作中付诸实践。

    “这本书是一个很好的概述,并提供了在医疗环境中利用以人为本的设计的伟大案例研究。我和我的的团队目前正在利用本书中的研究工具来促进与医院赞助商,患者和最终用户的共同设计研讨会,以优化我们的内部流程,并因新冠疫情而不断完善我们的设计系统。”

    适合人群:想从医疗保健领域的一些最具挑战性的设计中获得启发。

    《Rules for Radicals 》

    作者:Saul Alinsky

    主题:社会进步,权力,行动主义

    提交人:Taylor Kim,设计研究员和服务设计师。

    在这里插入图片描述

    《Rules for Radicals》是一本经典的激进主义书籍,于1971年首次出版。他的组织原则和方法已被寻求改变的各个团体使用了多年。设计师需要了解组织,影响力和力量,才能够通过自己的工作使其实现有意义的变化。
    在这里插入图片描述

    Taylor 提到,这本书是她作为设计师的共鸣。“这是一本关于社区和草根组织的书,我觉得很多有经验的设计师都能体会到这本书。我们的很多工作都在证明我们的价值,比如说服利益相关者并试图获得认可。”

    适合人群:正在努力改变你的设计使其能够带来影响。

    以上就是本次的书籍推荐啦,如果你觉得有更好的推荐,也可以留言告诉我们哦~

    本文作者: Linn Vizard

    转载已获授权

    展开全文
  • 本文精选了10个主攻UX设计经验分享的网站,从中寻找自己所需的灵感吧。用户体验(UX)是一个很奇妙的词,它本身并没有被定义为任何一件特定的事。它不等价于UI,简单的来说UX是界面的人机工程学,包括视觉传达和逻辑...
  • UX设计基础 -基于用户行为流程分析的UX设计
  • 译者:王国良审校:Frank Li, 韦世滴原文(作者:Iren Korkishko):...UX 和 UI 设计流程的所有理论。最初,我在 Syndicode 博客上...

    译者:王国良

    审校:Frank Li, 韦世滴

    原文(作者:Iren Korkishko):https://medium.com/swlh/ui-ux-design-guide-with-terms-explanations-tips-and-trends-754b9356d914

    这篇长文旨在汇集与创建网页和移动应用设计有关的 UX 和 UI 设计流程的所有理论。

    640?wx_fmt=png

    最初,我在 Syndicode 博客上分享了这篇描述我们在客户服务中所用的 UI 和 UX 设计流程的指南。由于这篇材料看起来非常有用和有指导意义,我决定在这里再次分享。

    大家知道,设计决定了大多数软件产品的成功。而软件开发拓展了把设计用于不同产品的新方式。我谈论的是关于网页和应用的设计。没有时尚元素和易用性,就没有伟大的应用程序。功能和吸引力的最优组合可以用来衡量应用的有效性。视觉传达必须简单、直观和吸引人。

    UI/UX 设计的作用

    应用和网页设计面临着特殊的挑战:

    • 指引复杂的任务和工作流程;

    • 让用户能够理解和管理复杂数据;

    • 容纳用户角色、需要和流程的各种变化。

    但承担这种挑战是值得的。因为应用的有效设计和实现会在从娱乐到健康保健的广泛环境中对生产力、效率、准确性和满意度产生深远的积极影响。

    你之前可能听说过 UI 或 UX,但还没有实际机会了解它是用来做什么的、在什么场景下用,以及为什么要用。并且,UI 和 UX 不是一回事。在进一步之前,了解下 UI 和 UX 的基本不同之处。UX 是用户对产品的总体体验,而 UI 是用户具体与之互动和可以看见的东西。

    优秀设计的价值

    成功的应用设计的关键并非是一个好的主意或好的功能,而是可以归结到用户体验(UX)和用户界面(UI)。如果 App 看起来很糟糕并且不太容易用,你的主意再好也白搭。

    要开发网页或移动应用的话,你务必要注意的一件重要事项是应用的外观与感觉。例如,如果你所从事的领域是电子商务,那么设计糟糕的应用程序会使你失去很多潜在客户。

    例如,用户打开你的应用后首先看到的是什么?用户首先看到的是登录页面。登录页面是什么呢?它是用户了解该应用或网页能否满足其需求和实现其需要的起始之点。登录页面必须富有吸引力,并且包含一些引导行动的按钮,以便用户知道下一步做什么。

    为了对 UI 和 UX 设计师的工作提供价值,以下给出了 UI 和 UX 的一些有趣对照:

    • UX 设计师就像建筑师。该角色关注用户,并且帮助你的业务提升可度量的指标(降低跳出率,提高点击率等)。UX 设计师理解用户行为和心理,了解界面人体工程学,并且能分析业务需要,将之转换为用户流程。

    • UI 设计师好比是一位装饰者。该角色关注界面能否反映出品牌。这部分更多是不可度量的东西(例如界面的舒适性,是否足够时尚等等。)UI 设计师了解颜色和颜色组合,了解如何阅读品牌说明书并将之转换为 UI 元素。

    有时 UI 和 UX 设计师是同一个人,他负责整个设计流程。但我们分开讨论下每种类型的设计。

    什么是 UX 设计?

    用户体验设计是创建产品、系统或服务的流程,目的是向用户提供有意义和相关的体验。它涉及到获取和集成产品的整体流程设计,包括品牌、设计、易用性和功能方面。它也包含人机互动和拥有产品的有意义和有价值的方面。UX 处理内容和网站地图的体系结构。

    提前说一下,我想说我们在下一部分将会谈到的 UI (用户界面)设计是 UX 设计的一个重要方面,或者说子集。UX 设计涵盖了大量其他领域。信息架构(IA)是 UX 设计的第二个重要方面。

    UX 设计帮助用户实现目标。它不只是专注于创建有用的产品,还涵盖用户体验的其他方面,例如:

    • 愉悦

    • 效率

    • 情绪

    • 娱乐

    到目前为止,好的用户体验就是在目标用户使用产品的特定上下文中满足特定用户的需要。UX 设计以用户为中心 —— 用户的类型决定了设计的类型。

    那就是为什么 UX 设计是动态的,并且经常会由于使用环境的变化、个别系统的变化和使用上下文的变化等而随时修改。我也会介绍一些在2019年可以预期到的一些 UX 设计趋势。我们也可以说用户体验是关于用户与产品的互动和体验。

    UX 设计的主要任务是创建可裁剪的产品,以满足用户的特地需要,但提供的功能是可预期的。换句话说,UX 设计要学习用户的行为,理解用户的动机,目的是设计出更好的数字化体验。

    我们讨论一下 UX 设计的主要要求。完美的用户体验设计是什么?这个问题的答案可以用一个 UX 设计要求的列表来回答,这些要求要在不同层次上被满足。这些层次构成了 UX 设计金字塔。

    UX 原理与 UX 堆栈

    UX 设计金字塔在每一层上的目标是通过以下主要的 UX 设计原则达到的:

    • 层级结构

    层级结构是设计师帮助用户在产品中轻松浏览的最佳工具之一。它包含:(a) 信息架构(内容在整个 App 或网站中是如何组织的)和 (b) 视觉层级(帮助用户在一个部分或页面中更加轻松地浏览)。

    • 一致性

    在大多数情况下,可以通过使用一套关于如何为特定设备或格式设计产品的正式的指南来达到一致性。

    • 确认

    对于任何重要或不可逆转的操作,通过要求确认来防止用户意外犯错。

    • 用户控制

    “撤销”、“返回”、“搜索”这些按钮,以及键盘快捷键是在网站或应用中提供给用户控制的好方法。

    • 便利性

    让尽可能多的人容易使用对一个产品来说是至关重要的。UX 设计应当为人们使用产品时消除障碍,不管这些障碍是临时的还是永久的。

    UX 设计需要平衡考虑业务、人和技术。然而很明显,没有健康的业务就不会有产品的成功,没有满意的客户就不会有成功的业务,而 UX 设计师的工作就是让客户满意。

    完整的 UX 设计栈

    UX 设计牵涉到很多东西。完整的 UX 设计栈包括:

    • 表现层(UI设计发挥作用的地方)

    • 框架层(采用界面与互动设计)

    • 结构层(采用信息架构)

    • 范围层(关于功能规范)

    • 策略层(根据用户调查和业务目标定义用户需要)

    640?wx_fmt=png

    但我们不会先讨论 UI 部分。UX 设计开始于通过用户调查识别问题。解决用户不关心的问题毫无意义。

    UX设计流程

    简而言之,UX 设计流程如下:

    • 用户调查

    • 设计

      • UX 线框图

      • UX 原型

      • UI 设计(视觉与交互)

    • 用户测试

    下面你会看到主要 UX 设计流程方法的概览。

    可以通过几个最流行的 UX 设计方法来描述 UX 设计流程。

    UX 设计流程的主要方法

    目前,有三个广为人知的 UX 设计流程方法。

    • 经典方法

    • 精益方法

    • 谷歌风投设计冲刺

    • 经典 UX 设计流程通常在大学里教授,并且采用瀑布方法实施。经典 UX 设计流程如下:

    • 调查。要发现出主要问题。有效的用户调查有10种图表。

    • 对识别的问题进行分类。

    • 创建角色和旅程地图(不要与用户流程混淆)。

    • 通过构思练习为优秀的UX设计和解决用户问题产生解决方案。

    • 创建原型。

    • 原型测试。

    • 向开发团队发送最终原型。

    • 产品发布。

    • 收集用户反馈。

    • 根据收到的用户反馈,回到第一步。

    简单来说,经典 UX 设计流程可以归纳如下:

    640?wx_fmt=png

    但是由于经典 UX 设计流程与敏捷开发不兼容,在2013年出现了 UX 设计流程的其他方法。新的设计流程被称为精益 UX,并且允许UX在敏捷的不确定性范围内操作,并能基于用户反馈快速更新设计。它使体验设计和产品开发和谐相处。

    简而言之,精益 UX 是一组基于精益创业敏捷方法的原则,其核心是关注当下。不像在瀑布模式中那样把设计交付物抛给下一个环节,而是团队认可最终设计无法事先创建,并相信答案会随着 MVP(最小可推行产品)假设测试的进行而涌现出来。精益 UX 流程可被描述为“构建、测量、学习”循环或“思考、制造、检查”循环。

    640?wx_fmt=png

    后来,当产品计划没有明确定义时,精益用户体验设计过程似乎效率低下,导致大量浪费和返工。

    谷歌风投建议了另一个伟大的设计流程。那就是设计冲刺。它允许团队快速定义和测试低保真原型。谷歌风投的设计冲刺可以看作是三种方法的结合:设计思维,敏捷和精益。冲刺的一个关键组件是创建原型,这是收集数据和测试想法的最佳方法之一。这种方法可以通过以下方式呈现:

    640?wx_fmt=png

    所有的 UX 设计流程方法都是基于类似的迭代循环但是回答不同的问题。通过下面的文章,了解所有方法的不同之处和相同之处。

    UX设计的各个部分

    作为小结,我将介绍UX设计的每个部分的更多信息:

    • 交互设计(Interaction design)

    通过对用户行为深思熟虑,创建出引人入胜的界面。在用户与界面之间产生简单和清晰的沟通。交互设计负责实现人与单个用户界面或多个相关界面(或系统)之间交互的功能。

    • 线框图与原型(Wireframes & prototypes)

    在最终设计之前,用网站基本组件来演示任务的模型或交互原型。(顺便说下,线框图不是草图或样稿)。

    • 信息架构(Information Architect)

    兼顾艺术和科学。以有效和可持续的方法对内容进行组织、结构化和标签。

    • 用户调查(User Research)

    通过观察技术、任务分析和其他反馈方法,理解用户的行为、需要和动机。用户调查定义了受众,并提供了如何最好地满足他们需求的基本见解。为了提供定性的用户研究,我们应该考虑整体情况:—— 谁将使用应用程序/网站?—— 他们想要完成什么?—— 他们可能会遇到什么问题?—— 主要客户的业务需求是什么?我发过一篇关于为什么用户研究对 UX 很重要的帖子。

    • 场景(Scenarios)

    在项目中描述用户交互。他们的故事对于设计界面和可用性测试都非常重要。

    640?wx_fmt=png

    但这并不是 UX 设计所包含内容的完整列表。要找到用户体验设计的关键部分和真正的本质!

    用户体验设计决定了用户是翻页还是滚动内容。为了对这些细节负责并预测其所产生的影响,用户体验设计师应该对人类行为有充分了解。用户体验设计师通常来自各种背景,如视觉设计,编程,心理学和交互设计。稍后,我还将详细讨论UX设计人员的主要任务。

    什么是 UI 设计?

    让我们从接口的定义开始。接口是两个系统交互的机制。从这一点来说,用户界面是为促进系统和用户之间的直接交互而创建的界面。

    在显示设备上,有两种常见类型的用户界面:

    • 命令行界面(CLI),仅包含文本,主要由程序员使用;

    • 以及我将应用的图形用户界面(GUI)。它包括图像,窗口,图标,菜单等。

    在本文中,我将特别关注负责视觉感知的用户界面类型 —— GUI。

    UI 或用户界面设计是为机器和软件(例如计算机,家用电器,移动设备和其他电子设备)设计用户界面的学科,其重点在于响应性和美观性,最大化可用性以促进良好的用户体验。作为 UX 的一部分,UI设计更侧重于颜色和排版。简而言之,UI设计通常是以下组合:

    • 视觉设计(外观和感觉);

    • 交互设计(它是如何工作的)。

    例如,用户体验设计侧重于将按钮放在哪里以便用户轻松找到它,而UI设计将考虑如何使这个按钮看起来漂亮,以使用户想要按下它。

    为什么我们需要用户界面?因为产品必须具有视觉吸引力和美观。UI设计采用通用的视觉语言和层次结构,增强了用户与你的产品互动的方式。

    UI 汇集了交互设计,视觉设计和信息架构中的概念。

    用户界面元素包括按钮,文本字段,复选框,滑块,图标,标签,消息框,分页等。为了更好地理解 UI 设计是什么,你应该对主要的 UI 设计元素稍微学习一下。

    640?wx_fmt=png

    UI 设计的各部分

    如果不使用以下所有技术,就无法开发出吸引人的用户界面设计:

    • 视觉设计

    采用制作一般产品的美学原则,按以用户为中心的原则与用户交互,并以此进行面向网络的设计或概念艺术。视觉设计的主要目标是借助插图,摄影,排版,空间,布局和颜色来塑造和改善用户体验。‘线条,形状,负空间,纹理’ —— 它们都是关于视觉设计。在 Interactive Design Foundation 页面上了解有关视觉设计的更多信息。

    • 颜色

    为你的项目选择正确的颜色非常重要,因为它与情感和意义有着精神上的联系。遵循品牌颜色并根据你要创建的设计和要分享的信息明智地使用它们也很重要。

    • 平面设计

    平面设计负责将图像,排版或动态图形组合在一起,以给你的客户留下深刻印象。平面设计旨在追求像素完美。这是为了确保文本具有完美的字距调整,并且颜色符合品牌指南。平面设计是一门专业学科,需要具有一定的工艺水平和一系列专业技能(如排版和色彩理论),才能产生出色的视觉效果。它经常与视觉设计(Visual Design)混合在一起。

    • 模型

    比例或全尺寸模型用于演示,设计评估,促销和其他目的。模型意味着用视觉细节展示设计的最终外观,例如颜色和排版。线框,模型和原型通常是混合的,但它们只代表设计流程的不同阶段。线框是一种呈现设计的低保真方式,它概述了结构和布局。与线框不同,模型看起来更像是成品或原型,但它不是交互式的,也不是可点击的。模型提供了在应用程序中布局屏幕的各种选项。除了布局,它们还有助于组织内容并使用户界面易于理解。

    • 排版

    排版在各种形式的传播艺术中都是驱动力。它是关于字体样式,外观和结构的艺术和科学,旨在为读者提供一个美观和易读的副本。排版有助于在基于打印或基于屏幕的项目上为你的消息增加展示能力。好的排版应该:

    a)在各种尺寸下工作良好;

    b)容易区分字体;

    c)具有可识别的层次结构以获得更好的感知。

    此外,现在UI设计在很大程度上依赖动作设计,这会产生对任何用户界面至关重要的即时用户反馈。动画,视觉效果和屏幕转换对初次使用者与应用的互动方式产生了巨大影响。在我的博客文章中查找关于动作设计的力量。

    UI 软件原型类型

    正如我之前提到的,原型与线框和模型不同。我以前在 UX 设计中添加了原型,但是就用户通常用于测试产品而言,原型必须是高保真,交互式的,并尽可能地适应最终的用户界面。这就是为什么在下一部分我将谈论用户界面原型。

    原型尽可能逼真地模拟用户和界面之间的交互。

    有5种常见类型的 UI 软件原型:

    • 纸张原型制作(草图绘制)

    在原型制作过程中绘制草图以记录主要想法(通常在纸上),它仅限于创意生成和与设计团队的沟通。

    • 低保真原型设计

    低保真原型是概念的粗略表示,有助于在设计过程的早期验证这些概念。简而言之,这是我们想法的原始表现。设计团队通常使用低保真原型来强调交互和思想。

    • 快速原型制作

    快速原型制作是一种基于用户研究的中等保真技术。快速原型设计有助于设计人员思考需要采取哪些措施来实现最终目标。它经历了一系列可能解决问题的快速迭代和反馈会话。快速原型制作之所以快是因为使用了各种应用程序,不同的数字原型设计和用户研究工具。

    • 高保真原型设计(交互式原型设计)

    与低保真原型设计不同,高保真原型设计需要更多时间,专业技能和资源。高保真原型是基于计算机的交互式设计,在细节和功能方面与最终版本最相似。它通常将可用性和现实性结合在一起。

    • HTML 原型(有些人不算这种类型)

    HTML 原型是使用 HTML 开发的原型。它可以在浏览器中看到。它没有风格选择,外观极小,但 HTML 原型可以比其他原型更快地进入编码阶段,因为它已经部分用代码编写。

    每种类型的原型都有自己的最适合这个过程的数字工具列表。从 Keynote 和 Google 幻灯片到 InVision 和 Adobe XD …… 你可以探索用于不同类型的UI软件原型设计的 UI 原型工具的最终列表。

    UI 设计原则

    在创建 UI 原型时,优秀的设计师遵循接下来的6个用户界面设计原则(根据 Larry LeRoy Constantine 的观点):

    • 结构。它关注整体用户界面架构,并要求模型应该清晰,一致,可识别并包含相关的东西,分离不相关的东西,并使类似的东西彼此组合。

    • 简单。设计应该使简单、通用的任务变得方便,用用户自己的语言清晰简单地进行通信。快捷方式必须与较长的程序有意义地关联。

    • 可视化。没有多余的信息和奇怪的选择。设计应该为特定任务提供所有必需的选项和材料,而不会分散注意力。

    • 反馈。应以清晰,简洁和熟悉的方式告知用户并使用户了解所有相关操作,状态或条件的变化,错误或异常。

    • 容错性。设计应该灵活,通过允许撤消和重做来减少错误和误用。

    • 重用。设计应重用内部和外部组件和行为,保持与目的的一致性,而不仅仅是强制一致性。

    640?wx_fmt=png

    UI 技术

    我们来谈谈如何满足上面提到的所有主要 UI 设计原则。为此,设计人员使用一些简单而有益的 UI 技术。

    首先,用户界面技术(交互技术或输入技术)是硬件和软件元素的组合,为用户提供完成单个任务的方法。例如,单击按钮,按键,执行鼠标手势或发出语音命令。

    在 UI 设计中,有数十种不同的有效技术可帮助用户完成任务。我想介绍最著名的 UI 技术。

    • 交互式样式,如表单填写或菜单选择等。

    • 交互设计模式,表示在特定上下文中描述常见可用性或可访问性问题的解决方案的方法。换句话说,这是记录常见设计问题的解决方案的正式方式。

    • 组织结构和方案:

      • 分层结构是基于大脑根据物理差异(如大小,颜色,对比度,对齐等)区分对象的能力。

      • 用户遵循特殊路径逐个完成任务的顺序结构。

      • 矩阵结构,即用户可以按字母顺序,时间顺序,主题(特定主题或类型的分组)顺序或用户组(一种类型的观众)自己选择导航方式。

    • 内容组织模型:

      • 单页模型。

      • 平面模型,其中所有页面都处于相同地位,并且它们被放置在相同的导航级别。

      • 索引模型,允许用户通过每页上可用的页面列表访问页面。

      • 严格的层次结构模型为用户提供了一种从主页面访问子页面的方法。

      • 共存层次结构模型为用户提供了访问内容的各种方法,但引导他们通过特定路径,以便他们采取按预期的操作。

      • 雏菊模型旨在每次完成任务时将用户引导回主页。

    • 可视化技术,强调输出,旨在以方便的方式和清晰、视觉上吸引人的方式组织和构建数字和非数字数据。

    • 研究与创新。一些例子:

      • 交互层;

      • 定制插图;

      • 分屏;

      • 大胆的排版;

      • 无按钮UI;

      • 动画;

      • 充满活力和大胆的色彩;

      • 照片内容。

    还有更多示例,但大多数示例可以在上面的组中进行分类。

    在你了解所有重要的 UI 技术后,我必须警告你注意那些最烦人的技巧。请考虑它们,以使你的用户免于灭绝。

    UI 设计流程

    640?wx_fmt=png

    我可以说出的用户界面设计包含几个阶段和过程。以下是一些最可行的方法:

    • 功能需求收集。 此步骤包括汇总完成项目目标所需功能的列表以及用户的潜在需求。通常,此阶段在与客户的探索会话之后立即开始。

    • 用户和任务分析。 这是研究潜在用户将如何执行设计必须支持的任务的研究。这个阶段与用户研究相关,我们将其作为 UX 设计过程的一部分。

    • 信息架构(IA)。 该过程涵盖了系统的过程和信息流的开发。在此阶段,我们选择 UI 交互风格,设计模式和可视化技术。我之前描述的许多 UI 设计技术都是在信息架构阶段形成的。

    • 原型。 这个阶段包括原型,线框,模型,纸原型或简单交互式屏幕的开发。

    • 可用性检查。 可用性检查可用于评估系统的原型或规格,通常无法在用户上进行测试。可用性检查方法是认知演练,启发式评估和多元演练。

    • 可用性测试。UI 设计测试允许从观看者的角度理解对设计的接受情况。通常,在可用性测试期间,要求用户完成任务以查看他们在哪里遇到问题和困惑。

    • GUI(图形用户界面)设计。 这是最终图形用户界面设计的实际外观。在这个阶段,我们通过使用排版,摄影和插图来判断视觉交流和问题解决的情况。

    • 软件维护。 部署后偶尔进行维护以修复软件错误,更改功能或完全升级系统。

    在遵循 UI 设计过程的同时,不要忘记创建出色的用户界面设计的基本规则!

    在前面的部分中,我尝试收集,构建,解释并向你展示 UI 和 UX 设计的所有主要术语和细微差别。但你可能想要阅读更多有关它的内容,在这里你可以找到有关 UI 和 UX 设计的最佳书籍列表。

    WEB 和移动应用程序设计

    UX 和 UI 设计主要用于为移动应用程序创建出色的网站和设计。让我们简要介绍一下网络和移动设计。

    网页设计

    简而言之,网页设计是一个创建网站的过程。它涉及信息架构,网站结构,用户界面,导航人体工程学,网站布局,颜色,对比,字体和摄影或插图以及图标设计。

    Web 设计师是将 UX 和 UI 技能应用于网页设计的专家。最初,网页设计师是 UI 设计者(UI 设计者的一个子集),专注于设计和构建 Web 用户界面。他们中的一些人可能知道一些前端编程,如 HTML / CSS,Javascript,以显示设计/原型如何在屏幕上工作。此外,他们应该更多地了解网络,网格等方面的技术限制。

    网页设计师应该:

    • 知道如何创建 Web 布局和可交付成果,以及:

      • 图标;

      • 信息图表;

      • 标志;

      • 演讲等

    • 熟悉行业标准软件。

    • 有线框技巧。

    • 注意前端发展的细微差别。

    • 知道如何编码(这是一个加分项)。

    用户体验的 UX 设计通过提高用户与网站交互的可用性,可访问性和效率来增强用户满意度。

    移动应用设计

    移动应用程序设计(台式机和笔记本电脑)也面临着特殊的挑战:

    • 指引复杂的任务和工作流程,

    • 使用户能够理解和管理复杂数据,

    • 适应各种各样的用户角色,需求和流程。

    应用程序的 UX/UI 设计改善了用户体验和客户满意度,最终有助于增加特定应用程序的用户数量。

    移动用户体验设计是指在使用移动设备和可穿戴设备期间积极体验的设计。根据具体情况,移动应用程序设计对用户体验提出了独特的要求。

    了解移动用户体验设计的已被证明有效的8个关键原则。

    近年来,通过遵循下一代移动应用设计趋势,这些要求被满足了:

    • 设计更大的屏幕;

    • 简化用户界面;

    • 通过滑动和手势进行交互;

    • 添加更多导航选项;

    • 添加功能动画;

    • 讲故事;

    • 使用可扩展的排版;

    • 使用调色板实验等等。

    要了解这些趋势,我建议你阅读有关 Web 应用程序开发的材料中 Web 应用程序和网站之间的主要差异部分。

    另一件需要考虑的事情是我们有时会听到的移动界面设计神话。说实话,这些神话中的一些可能会在过去发生,但现在移动体验更进一步。

    在2019年,为了使你的应用程序(网络或移动设备)具有吸引力和成功,你的网络或移动设计必须足够灵活,以拥抱现今可用的新技术和黑客技术。因为进步使得昨天出现的一些事情成为我们日常生活中必不可少的一部分。你想知道哪些创新可以促进你的业务并节省资金吗?

    UI / UX设计师做了什么?

    640?wx_fmt=png

    从 UX 设计人员的基本知识入手,用户体验设计师会考虑使用他们所使用的产品的原因,内容和方式。

    • 为什么要关心用户使用产品的动机,无论是与他们想要执行的任务有关的,还是与跟产品的所有权和使用相关的价值观和观点。

    • 用户在使用产品和功能时,解决了他们的什么问题。

    • 如何将功能设计与易于访问和美观的方式关联起来。

    用户体验设计师从“为什么”开始,然后确定“是什么”,最后,决定“如何做”,以创建用户可以形成有意义体验的产品。在网络或移动应用程序设计中,设计人员必须确保产品的“实质”来自现有设备,并提供无缝,流畅的体验。

    在“是什么‘阶段,UX 设计师应回答一些基本问题,如:

    • 用户是否需要你正在制作的产品?

    • 用户会为此产品付费吗?

    • 用户会花时间寻找它并学习使用它吗?

    • 用户需要的主要功能是什么?

    • 用户是否需要你构建的所有功能?他们真正需要多少功能?

    ”如何做“阶段的主要问题有所不同,并与实现相关:

    • 如何组织内容以便用户轻松找到它?

    • 该应用程序是否易于使用?

    • 用户是否可能会感到困惑或迷失?他们可能遇到什么困难?

    • 需要什么内容以及如何编写最具吸引力的内容?

    用户体验设计师的典型任务各不相同,但通常包括用户研究,创建角色,设计线框和交互式原型以及测试设计。

    简而言之,UX 设计师参与进行广泛的用户研究,制定信息架构以及创建用户配置文件和故事。用户体验设计师不一定拥有视觉或图形设计技能,但是,理解心理学和系统设计是必须的。

    UI 设计师同时尝试将复杂结构分解为简单易懂的格式,以方便最终用户。因此,UX/UI 设计师和网页设计师一道工作,为用户创建有效的和美好的体验。

    UI/UX 设计师应当能够理解用户的需要。应用的目标依然是首要的决定因素,这远在他们施展才能创建网页应用、移动应用、网站和服务之前。在理解了用户的需要和应用的目标之后,设计师应当能有有效地将它们转换成功能描述。他们必须能够决定应用未来可能的需求。在与其他开发团队成员的长期合作中,设计师在从产品开发的开始阶段到最终完成,都要参与。这些任务和职责构成了用户体验设计师的主要工作。但我建议你阅读UX设计师职责的更多资料。

    在我工作的公司,我们简化了 UI/UX 设计流程。这取决于你同时并行的项目数量。另外,当从业人员的经验增长后,完成整个流程的时间也会缩短。技巧能帮助你工作得更快。

    我们是怎么开始的?我们与客户有一个探索会议以发现有关项目的尽可能多事项。这个会议的主要目的是收集关键项目信息使我们获得一个高层面的理解。接着我们根据在 UI,UX,网页,移动设计方案上的工作内容创建计划,并就每一步与客户达成一致。然后我们根据精益UX回顾UI和UX设计流程的每一个必要的步骤。

    推荐阅读

    展开全文
  • 作为专业的UX设计师,您在寻找工作时必须多次面试。有时,您会在面试中摇摆不定,并以自己喜欢的工作形式获得积极的结果,而有时您可能无法表现出色,因此无法获得所需的结果。但是,将这些机会作为学习机会可以帮助...
  • SHARE DESIGN是一个与世界各地的人分享我的UI / UX设计经验的空间。 分享设计网址: : 我分享我的UI / UX设计经验 :raising_hands: 你好。 我是韩国的UI / UX设计师KyungHwan Kim。 “共享设计”是一个与世界各地...
  • 做设计的小伙伴可能对UI和UX并不陌生,但是对于非设计专业的同学来说就有点不太好理解了,有些时候还会将他们的概念混为一谈,今天小千就来给大家介绍一下UI和UX设计的相同和不同点。 什么是UI设计? UI设计中的“ ...
  • 在数字化领域里,用户体验设计师绝对可以算得上是无名英雄。正是他们开发的工具、网站、应用,让我们可以轻松使用。StevenSnasdell是用户体验设计专家,在数字开发行业里面摸爬滚打了15载,目前他在英国科技公司...
  • 我是一位前石油和天然气工程师,深爱UX设计。 我利用在数据分析中的经验来帮助我在UX设计和研究中成长。 每当我使用简化生活的网站或移动应用程序时,我总是想知道背后的团队并希望成为其中的一员。 有意义的用户...
  • 用户体验设计源于Web设计,尽管仍然有很多人认为这只是同一旧事物的新名称,但UX设计确实确实需要不同的思维方式,更广泛的方法论和少量新工具 。 由于对有才华的UX设计师有很高的要求 ,因...
  • UX设计原则.docx

    2021-10-29 11:29:48
    UX设计、用户体验。
  • ux设计师薪水 重点 (Top highlight)It’s not all that hard to come across these ideas in the UX industry: 在UX行业中遇到这些想法并不难: UX and visual/UI design are mutually exclusive skill-sets best ...
  • UI / UX设计课程的家庭自动化应用程序 这个android应用程序的目标是设计一个用户友好的应用程序,使用户能够自然地适应和使用。 在开发应用程序的UI / UX时,我们希望用户可以通过主屏幕快速访问主要功能。 创建...
  • 50 UX设计实例 50-UX-Best-Practices 50 UX设计实例 50-UX-Best-Practices
  • 示例 Android UI/UX 设计
  • 在本文中,我们将探讨更广泛行业中UX设计的未来发展方向,并解释为什么我们认为在未来几年将继续雇用UX专业知识人才的趋势。 背景:UX设计的兴起 设计界伟大的Dieter Rams曾经说过,“如果你不明
  • 面试中的十大UX设计师面试问题(2) Peter MerholzMartin BelamStu 和 Odette 都认为这过程很简单可以根据应聘者的文凭个性来评估Peter Merhol 表示简单明了他们是否具有相关职业证书?他们是否具有合适的个性并能适应...
  • 但是,当真正涉及到UX 设计销售时, 往往会让人觉得似乎并没有人认识到其重要性。因为,当我们提出这些想法时,客户也好,同事也好,都表现出了完全难以理解的状态。那么我们究竟怎样才能更好地服务客户,并让我们所...
  • 以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器。...这里,我已经创建了一个列表,里面包含了UX设计师为创造良好的用户体验所常用的可交付成果。为方便阅读,我又根据...
  • 以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 一个经验丰富的设计师完全可以根据地区和专业来可以预期薪酬之间的差距,其中悬殊最高可达80K。   ...
  • Some of you probably know by now, I’m not too fond of the monster the UX industry has become. It’s overblown, overcomplicated and often dishonest towards the clients. It’s also in itself undefined....
  • UI / UX设计技能是现阶段技术革命中最需要的技能之一。 所有技术演出人员都想学习这项技能。是的,我知道他们在市场上有大量的YouTube频道课程和网站资源吗? 那么,您甚至应该考虑我们的应用程序吗? 让我们来看看...
  • uxdesign UX设计作品集 在2021年3月3日为Udacity Nanodegree程序中的UX设计文件创建了回购协议。
  • 据说,真正专业优秀的UX设计师是不会介意使用哪款工具。因为,只要能力足够, 即使条件不同,工具不同,也能设计出让人眼前一亮的作品。或许,这样的认识本身并没有什么大问题。但,现今,设计师明明拥有如此优质的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,378
精华内容 10,551
关键字:

ux设计