Break Point。

阅 读 理 解 : : 0 0 1

/

用来整理归档Medium上看到的有用文章,交互设计比较多。

/

Designing for Working Memory

通过Working Memory来讲述设计的一大原则——简化操作。

Essentially, working memory is what processes information, the information that’s stored temporarily in our short term memory and more permanently in our long-term memory.

...

it’s because working memory, when focused on its own goal, has less capacity to figure out how to use a tool.

...

If working memory is focused on the tool, it’s not focused on its goal. If it’s focused on the goal, it has little room for a complex tool.

...

When things are laid out nicely, our eyes can “understand” the page or screen. When a page has good information architecture and visual hierarchy, when buttons and links have good affordances, and when objects follow the Gestalt principles, our eyes can quickly and correctly make sense of a screen.

...

Leave the “understanding” to our eyes.

...

Anything else the user might be doing/thinking or anything from the environment is also vying for those ~4 precious working memory spots.


How to Run Your Own Annual Review

如何写出有效的年终总结?提到了需要考虑的步骤、使用纸笔和日历、以及制定三月目标等提示。

Without a strategy, resolutions merely reflect hopes and dreams, rather than realized outcomes.

...

And here’s what the successful resolvers did more of:

  • Tried hard and made a real effort to stick with the new behavior (sounds obvious but it was a statistically significant difference!)

  • Thought about the severity of the problem, and how it was impacting their life

  • Reminded themselves about their resolution

  • Avoided situations where they would give in

...

“Extraordinary individuals stand out in the extent to which they reflect — often explicitly — on the events of their lives, large as well as small…by seizing the opportunity to leverage and frame these experiences, we gain agency over them. And this heightened agency, in turn, places us in a stronger position to deal with future experiences, even as it may alter our own sense of strengths and possibilities.”

...

Large paper and/or Post-It notes—an activity like this often is better without the distractions of a computer or phone (and you may be using those to look up information as you go)

Journals, calendars and other personal data — since you’re reflecting on the year, it’s helpful to have things that can jog your memory and remind you of all the things that have happened.

...

Once you feel steeped in what happened in the year, set a timer for three minutes at a time and jot down as many events or points as you can for each question.

  1. What were the highlights of the year? What made you feel proud, joyful, and loved?

  2. What were the low parts of the year? What was hard? What made you feel hurt, angry, or sad?

  3. What did you learn this year? What do you now know about yourself, other people, and the world at large?

...

The goal of a life audit is to take a broad look at the different parts of your lifeand see what’s going well and what might need some attention. 

...

Once you’ve rated each area, spend some time reflecting on why you gave it the answer you did.

...

Set a timer for three minutes and write down your answers to each of the following questions (three minutes each).

  1. The Big List. What are all the things you want to accomplish, contribute, and become in the next year? Go nuts and write down everything! We’ll trim it down in the next one.

  2. The Short List. Look through that long list of aspirations/goals. What are the 3–5 things that, if you achieved them, would make next year a huge win? What really matters? Try not to overthink this; focus on the “must haves”, not the “nice to haves”.

...

Recognizing your ‘why’ can help keep you on track, and may help you realize when a goal needs to be redefined.

...

Milestones: For each goal, what would be a good 3-month milestone to let you know you’re on track?

...

Then, set a calendar reminder for yourself to check back in in 3, 6, and 9 months so that you can revisit and set new milestones as the year goes on. 

...

We are not imprisoned by our circumstances. We are not imprisoned by the luck we get or the inherent unfairness of life. We are not imprisoned by crushing setbacks, self-inflicted mistakes or our past success. We are not imprisoned by the times in which we live, by the number of hours in a day or even the number of hours we’re granted in our very short lives. In the end, we can only control a tiny sliver of what happens to us. But even so, we are free to choose, free to become great by choice.


Is Your Footer at an Optimal User Experience Level?

讨论网页的页脚应该包含联系方式、相关链接、社交媒体、网站导航。同时讨论页脚形式——固定式更适合在一页式网站中使用。最后提到个性化问题。

Standards apply here — like name, email, subject and a message box.

...

You can also place widgets to display your latest posts or updates for a small handful of social accounts in the footer.

...

Everything their potential audience might need is there, improving the experience and flow of their site journey.

...

Why not make their journey more convenient by including recent articles and content updates right in your footer?

...

however, is to provide recommended links in the footer, as opposed to just new content.

...

A sticky footer is also a good idea for sites with infinite scroll designs.

...

Your site and every element upon it should reflect your brand’s personality, mission and goals.


Design Language Systems: Why Your Team Needs One and How to Build it

设计语言系统。其实在我看来更像是一个 品牌式、规模更大、细节更多的设计规范= =。

有很多例子,也讲到需要包含的内容、如何去做等。

The design language is a collection of reusable functional elements (button, form, header, etc.). The more descriptive parts are icon, color, typography, animation, etc,. These elements of the interface are defined under certain standards. It can also be described as a form of expression of the product itself.

...

Terminology

Various concepts are used by teams to create their preferred design standards.

  • Functional pattern, Component: Reusable tangible elements. Buttons, form fields, navigation, etc.

  • Perceptual pattern, Styles: This is more abstract than the functional pattern. It will emotionally enhance message perception. Color, typography, animation, etc.

  • Pattern library: Documentation of functional and perceptual patterns.

  • Style guide: Documentation of standards for using pattern library. This includes logo usage and space adjustments. It also includes examples of best practices, and information about the development process.

...

Strict rules: There are precise rules and processes in place that are rigorously followed.

Loose rules: Brand feel and the utility of the page take priority over perfect visual consistency.

...

Centralized model: Rules and patterns are managed primarily by one group of people.

Distributed model: Where everyone who uses the system is also responsible for maintaining and evolving it.


Projectors don’t lie.

从展示时显示不佳的PPT开始讲,需要考虑到对比度与可见性。有一些测试的方式。

Their screen resolutions, color matching, and general quality vary wildly, but so do those of the devices with which people view your website. 

...

Ask yourself, are the main calls to action still prominent on the projector screen? Can you read all the text on the page, even the text that you consider less important? If your answer is “sort of,” amp up your color contrast. 

...

Run your foreground and background colors through WebAIM’s Color Contrast Checkerand ensure that they meet WCAG 2.0 AA standards (WCAG = Web Content Accessibility Guidelines). The contrast ratio between text and background should be at least 4.5:1 for normal-sized text and 3:1 for large text. 

...

Photoshop has color blindness filters built into its “View > Proof Setup” menu.

...

Your website isn’t responsive enough and you should consider a wider variety of viewport sizes. Many of your users will be looking at it with a lower screen resolution.

...

The Projector Test is my favorite “gut check” manual UI test, and I encourage you to use it early, often, and especially when ironing out final visual specs.


UX Design Trends for 2018: Shaping the Way We Interact

讨论的层次特别……高,包括不同人种、语言的适配,AR的推广应用,文案形式(助手),线性流程(简化),全面屏体验,

Everything has a potential to be an interface and users are in full control

...

No hand holding.  So, they may find long tutorials and guidance annoying. You can throw them into deep water and expect them to confidently swim to the shore.

Keep your language casual.

Engage them in creation. Ask them for suggestions regarding functions, interfaces, and even brand colors. Engage them in surveys and art competitions, and recognize their submissions.

...

You can’t create wireframes before deciding which messages you’re going to include on a page. Text is another element of user experience, so it’s important to use it to your advantage. 

Writing microcopy. Being able to write welcome and error pages with reassuring messages and compose sentences that make customers return is a vital skill for a user experience writer.

...

Provide fewer choices. The title of Steve Krug’s classic book on web usability says, “Don’t Make Me Think“. Less is more: Fewer decisions are proven to bring more satisfaction than an abundance of choices.

Complicate gradually. The step-by-step approach works best when you start with the simplest tasks and slowly move to the deeper levels, 

Include a Moment of Delight. In design, a Moment of Delight is a confirmation that everything went well, and a person has nothing to worry about. You can achieve this with the text (here’s where a UX writer’s skill comes through), an animation, or a sound. 



评论
热度(2)

© 断点延线 | Powered by LOFTER