Blockchain as ‘Technological Genie’

Skeptics needing further reassurance that the Blockchain is truly reaching a tipping point can rest easier with the recent publication of Don Tapscott’s Blockchain Revolution, co-written with his son, Alex. Don, whom I’ve long known, has a knack for identifying what the next big thing will likely be, and shortly thereafter writing a book to explain it to everybody else. The Digital Economy, written in the […]

from CIO Journal. http://blogs.wsj.com/cio/2016/08/24/blockchain-as-technological-genie/?mod=WSJBlog

Experientia discussing ethnography and patient-centricity at EPIC 2016

epic2016

This week Experientia joins our colleagues and peers in Minneapolis at EPIC 2016, the premier international gathering on ethnography and design in industry.

The theme for the conference this year is Pathmaking, emphasizing the power of ethnography to create transformative innovation, growth and strategic success for companies, industries and communities.

On the second day of the conference, Experientia collaborator Ciara Green will present a paper titled “Ethnography is the path-maker to better care: paving the way to a patient-centric healthcare model”. The paper is part of the session exploring the role of Ethnography on Organizations and Change.

Experientia’s paper presents a clear and flexible model for understanding the concept of patient-centricity. This model emerged from our own ethnographic work in healthcare contexts, and was tested and strengthened with a literature review and interviews with experts and thought leaders in the healthcare industry. Our model posits that patient-centric care should be Personalized, Hassle-free, Active, Collective and Transparent (PHACT). Hospitals, payers, clinicians, Pharma and MedTech divisions (among others) can use these pillars as a guide to drive their transition to patient-centricity. The underpinning principle for the PHACT model is that ethnographic inquiry is the necessary path-maker for each stakeholder to understand the best ways to implement and maintain these five pillars of patient-centric care in their particular healthcare context.

The full paper will be available soon in the conference proceedings, on Intelligences, Epic’s searchable archive of conference proceedings.

The post Experientia discussing ethnography and patient-centricity at EPIC 2016 appeared first on Putting people first.

from Putting people first http://blog.experientia.com/exploring-ethnography-pathmaker-epic-2016/

CSS Positioning Explained By Building An Ice Cream Sundae

How to Design, Code, and Animate SVGs

You can think of Scalable Vector Graphics (SVG’s) as responsive graphics. SVG is an XML-based format that allows you to create an image by using defined tags and attributes. Your code will render an image that you can edit right in your code editor.

Here’s a sample SVG. If you look at its code, you’ll notice that it’s made up of tags and attributes, just like an HTML document. The whole thing is contained inside <svg> tag. First, there’s a <rect> tag with black strokes and white fill. And inside that, there’s an ellipse (almost a circle, but notice the ry and rx attributes) which is filled with red color.

We can use SVG on the web in two ways. We can use the SVG files as the src attribute of <img> tags. So, you can have <img src=”japan.svg”> like you would do with PNGs and JPEGs.

But, the more interesting case (in case you have noticed that the tags have an id attribute like HTML) is that we can directly paste the source of the SVG in a <div> inside our HTML. We can then style these divs like individual building blocks — or even groups of building blocks — the way we want. We can apply CSS, animations, or even add interactivity using JavaScript. This is what makes SVGs one of the most versatile and hottest element right now in HTML.

SVGs are infinitely scalable, responsive, have smaller file size, are future-proof for next-generation bazillion-pixel dense screens, and can be styled, animated and interacted with using known web technologies — namely CSS and JavaScript.

Notice that all these things were previously possible only with a Flash embed — which required a flash player and lots of specialized work. And there’s no love going around for Flash these days.

Vector vs Raster images

Raster images are made up of pixels to form a complete image. JPEGs, GIFs and PNGs are common raster image types. Almost all of the photos found on the web are raster images.

Raster images consist of a fixed number of pixels, so resizing them without effecting their resolution is not possible. You may have noticed that resizing most images gives them a grainy, and blurry look. That’s because of their fixed pixel count.

Here’s what happens when you zoom in on a raster image:

Vector images, on the other hand, are flexible and resolution-independent. They are constructed using geometric shapes — lines, rectangles, curves — or a sequence of commands. You can edit their attributes, such as color, fill, and outline.

One common use for vector images is icons and small icon animations. These will appear crisp, even on the highest density displays such as upcoming 4k smartphones.

Here’s what happens when you zoom in on a vector image:

SVG tags

<svg>

The <svg> tag embeds an SVG document inside the current document, HTML for instance. The tag has its own x and y coordinates, height and width, and its own unique id.

Here’s what an <svg> tag might look like:

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">

<g>

The <g> tag groups the elements together, and acts like a container for related graphic elements. A <g> element can even contain other <g> elements nested within it.

Here’s an example of a <g> tag:

<g> <title>background</title> <rect fill="#fff" id="canvas_background" height="402" width="582" y="-1" x="-1"/> <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid"> <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/> </g> </g>

<rect>

The <rect> element is an SVG basic shape representing a rectangle. The element can have various attributes, like coordinates, height, width, fill color, stroke color, and sharp or rounded corners.

Here’s an example of a <rect> tag:

<rect id="svg_1" height="253" width="373" y="59" x="107.5" stroke-width="1.5" stroke="#000" fill="#fff"/>

<use>

The <use> element allows you to clone and reuse the graphical SVG elements including other elements like <g> <rect> as well as other <use> elements.

Here’s an example of a <use> tag:

<text y="15">black</text> <use x="50" y="10" xlink:href="#Port" /> <text y="35">red</text> <use x="50" y="30" xlink:href="#Port"/> <text y="55">blue</text> <use x="50" y="50" xlink:href="#Port" style="fill:blue"/

<path>

The <path> element defines a path of coordinates for a shape. The code for path tag might seem cryptic, but don’t be intimidated. The following example code can be read like this:
1. “M150 o” — Move to (150,0)

2.”L75 200″ — Draw a line to (75,200) from last position (which was (150,0)

3. “L255 200” — Draw a line to (225,200) from last position (which was (75,200)

4. “Z” — Close the loop (draw to starting point)

You probably don’t need to learn this since the code for path can be generated in any SVG editor, but it’s cool to know.

Here’s an example of a <path> tag:

<svg height="210" width="400"> <path d="M150 0 L75 200 L225 200 Z" /> </svg>

<symbol>

Finally, the <symbol> element defines symbols that are reusable. These symbols can only be rendered when called by the <use> element.

Here’s an example of a <symbol> tag:

<svg> <symbol id="sym01" viewBox="0 0 150 110"> <circle cx="50" cy="50" r="40" stroke-width="8" stroke="red" fill="red"/> <circle cx="90" cy="60" r="40" stroke-width="8" stroke="green" fill="white"/> </symbol> <use xlink:href="#sym01" x="0" y="0" width="100" height="50"/> <use xlink:href="#sym01" x="0" y="50" width="75" height="38"/> <use xlink:href="#sym01" x="0" y="100" width="50" height="25"/> </svg>

Creating SVGs

There are plenty of SVG editors available, like Adobe Illustrator, and Inkscape, which is free and open source. Since SVG files are plain-text XML, you could also hand-code one in a pinch.

For this example I’ll use a simple online editor where you can design SVGs without having to install anything.

  1. First create a circle

2. Next add more circles and save the source code

CSS3 animations

SVGs can be animated by adding an id or a class to the SVG path in the code and then styling it in CSS3 like any other document. Below is an example of how SVGs can be animated.

CSS3 animation offers a variety of animation types that you can chose from. Line animation is another cool attribute of SVG.

For this next example, I wrote the text “Hi, I am Surbhi” using pen in the editor. Then I used CSS3 keyframes again to animate the stroke.

Notice that each path has a unique id. That is because the delay in the animation is important when animating a stroke with more than one word.

The <animate> tag animations

<animate> is an animation tag built into the SVG element itself. It defines how the attribute of an element changes from the initial value to the end value in the specified animation duration. This is used to animate properties that cannot be animated by CSS alone.

The common elements of the animate tag are color, motion, and transform.

The animate tag is nested inside the shape tag of the object that has to be animated. It does not work on the path coordinates, but only inside the object tags. Notice the additive attribute. It signifies that the animations do not override one another but instead work together at the same time.

Here’s an example of animating an SVG using the HTML5 animate tag:

JavaScript based animations and interactivity

Since SVG is just a document with tags, we can also use JavaScript to interact with individual elements of the SVGs by getting hold of their selectors (id or class).

Apart from vanilla JS, there are various JavaScript libraries available for animating and interacting with SVGs like Vivus.js, Snap.svg, RaphaelJS, and Velocity.js.

In the following example, I have used the Vivus.js library along with jQuery to achieve a line stroke animation.

Why not use SVGs for all images?

SVGs are mostly suited for images that can be constructed with few geometrical shapes and formulas. Though, in principle, you can convert anything like your photograph to SVG, the size of the image would be several megabytes, thus defeating the space-saving purpose of using SVGs. You’re better off using SVGs for icons, logos, and small animations.

Here is something I created while I was learning about SVGs, using CSS and SVGs, without any libraries. (Don’t Judge!) https://github.com/surbhioberoi/surbhi.me

from Sidebar http://sidebar.io/out?url=https%3A%2F%2Fmedium.freecodecamp.com%2Fcss-positioning-explained-by-building-an-ice-cream-sundae-831cb884bfa9%23.63dqfy71v

5 Timeless Design Lessons From The Bauhaus

Of all the influences from the past 100 years, the Bauhaus—the venerable art and design school founded in 1919—has had the most enduring impact on the world, from the modern products and furniture we buy, to the graphics we see, and the architecture we inhabit. Yet while scholars have pored over the school and deconstructed its teachings for decades, many untold stories still wait to be unearthed.

This month, the Harvard Art Museum is highlighting them, launching a digital archive of its immense collection of Bauhaus-related artworks, prototypes, documents, prints, drawings, and photographs. The archive is the legacy of Bauhaus founder Walter Gropius, who became a professor at Harvard in 1937 after the school closed in 1933 (the Nazis did not agree with its experimental teachings), bringing his knowledge and ephemera to Cambridge, Massachusetts.

[Photo: R. Leopoldina Torres; © President
and Fellows of Harvard College]

The new microsite is a valuable design resource that makes the pieces accessible to the entire world. It’s intended to be a portal into the Bauhaus’s work and a study tool to help inform further scholarship into the institution’s legacy and impact. (In fact, Bauhaus superfans take note: anyone can make an appointment to view any of the holdings first-hand, assuming that they’re not on loan.) Robert Wiesenberger, a curatorial fellow at the museum, developed the online collection, which involved making sense of the 32,000 Bauhaus-related pieces in the collection: categorizing, interpreting, and adding just enough context to orient visitors to the site.

“First and foremost, the Bauhaus was a school of art and design—and it was filled with contradiction,” Wiesenberger says. “I really wanted to surface objects and provide a little context. Since there are already shelves and shelves of books about the Bauhaus, I didn’t want to regurgitate a history; however, if the subject is new to someone, there’s a primer.”

We asked Wiesenberger to share a handful of unexpected design lessons to be gleaned from Bauhaus objects in the Harvard Art Museum’s collection.

[Image: © Lucia Moholy Estate/Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn]

In the age of unlimited digital storage, it’s easy to forget that purposeful documentation is important. It’s more than just taking a snapshot on your camera phone as an afterthought—it’s about annotation and being conscious of what you’re recording in notes so that you can trace the development of an idea.

“Most of what we know of the Bauhaus’s output is from the photographs taken at the school,” Wiesenberger says. “The architecture changed, suffered damage, or was destroyed; though many of the products were intended for mass production, they often only ever existed as one-off prototypes or in limited quantities and have been lost along the way. Luckily, some Bauhäusler—the term for people attending and working at the Bauhaus—captured the school’s work photographically, both for artistic reasons and to help the Bauhaus commercialize what was made there.”

“The most brilliant of these artists was Lucia Moholy, the wife of Lázsló Moholy-Nagy, whose precise, dead-on depictions of objects are still some of the most-circulated images from the school. Yet even so-called ‘objective’ documentation is not neutral, either: Many decisions are made behind the camera, and Lucia’s name was effaced from the historical record in part by Walter Gropius, with whom she entrusted her negatives when she fled Germany.”

Few of us are diligent diarists; however keeping track of everything can help designers today—and in the future. If it weren’t for Lucia Moholy and her obsessive photography, we wouldn’t have as much knowledge of the Bauhaus since many of the physical objects are lost.

[Image: Harvard Art Museums/Busch-Reisinger Museum]

Everyone loves a rager, even the serious rationalists at the Bauhaus.

“The Bauhaus famously threw incredible parties,” Wiesenberger says. “For the ‘Metal Party’ in 1929, guests clad in shiny homemade costumes slid in on a chute beneath mirrored orbs hanging from the ceiling. Oskar Schlemmer’s stage workshop, and the metal workshop run by Marianne Brandt, were especially active in the planning. But it wasn’t all just fun and games: Walter Gropius, the school’s director, knew that parties were essential in letting off considerable steam for hard-working and often conflicting Bauhäusler, as the school was full of big personalities with big ideas who often locked horns. Parties helped everyone remember they were part of the same team.”

Design is rarely a solo endeavor and team-building can go a long way in helping to facilitate the conversations that may lead to a creative breakthrough.

[Image: © Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn. Photo: Harvard Art Museums, © President and Fellows of Harvard College]

Lázsló Moholy-Nagy—a painter, photographer, sculptor, and professor—headed up the Bauhaus’s metal workshop. In 1930, he designed Light Prop for An Electric Stage, which is currently on-view in a retrospective of his work at the Guggenheim Museum.

“It’s kind of an avant-garde disco ball, designed to create kaleidoscopic colored light effects,” Wiesenberger says. “But this, one of the Hungarian Constructivist’s proudest achievements, didn’t emerge from his head fully formed. Rather, he claims that the idea began its gestation in 1922, and it went through multiple versions before its first exhibition in Paris in 1930. But he wasn’t finished with it then, either, and he made many later alterations to optimize its ‘light-modulating’ effects, for example, substituting in matte or glossy pieces of metal.”

“The Light Prop was a new kind of art, made without the artist’s hand, and industrially fabricated like Minimalist art would be in the 1960s. Moholy-Nagy worked with two engineers to design and construct the device, which was built with funding from Germany’s AEG corporation. His name does not appear anywhere on it, but one engineer’s name, Otto Ball, does. Like Marcel Breuer’s iconic tubular steel club chair, which was first prototyped by a plumber, Moholy-Nagy, the ‘universal artist,’ still knew when to call on outside help.”

Just as Breuer and Moholy-Nagy looked to experts from different trades to fuel innovation, designers of today can stand to be open to collaboration from other fields rather than walling themselves off in their respective industries.

[Image: © Artists Rights Society (ARS), New York / VG Bild-Kunst, Bonn]

Contemporary design is notorious for established rules and having a base in function, research, testing, and strategy. Fantasy, as superfluous as it sounds, has a place, too.

Paul Klee, born in Switzerland but seemingly from another planet, wasn’t an obvious choice as an instructor at the Bauhaus, a school dedicated to pragmatic design and building,” Wiesenberger says. “Of course the Bauhaus wasn’t always this way, and was founded on utopian ideals and the legacy of German expressionism, but Klee’s continued presence there—for a decade he taught form and color to entering students—was essential to the school’s character well after it dedicated itself to a ‘union of art and technology.’ Klee’s playful drawings channeled nature, poetry, architecture, music, and even magic—Apparatus for the Magnetic Treatment of Plants references the 18th century pseudoscientific idea of animal magnetism while lightly satirizing the machine. Klee enjoyed the reputation of a mystic—though he was certainly a rationalist—and his operating on an entirely different plane from the school’s functional program only enriched students’ experience at the Bauhaus.”

[Image: © Ruth Asawa Lanier/Harvard Art Museums/Busch-Reisinger Museum, Gift of Josef Albers]

Perhaps the most poignant lesson: while today’s designers have access to advanced tools and materials, everyday surroundings and economy can fuel the next great idea.

Ruth Asawa, a California-born Japanese-American artist, who learned drawing in a Japanese internment camp, went to Black Mountain College to study with former Bauhaus master Josef Albers,” Wiesenberger says. “Without money for art supplies—like Albers had been in his student days in Weimar—Asawa exemplified her mentor’s credo, of ‘minimal means, maximum effect.’ Like all students at Black Mountain, Asawa worked on campus to help the school run: While posted in the laundry room, she made rubber stamp drawings on newsprint. This one repeats the text ‘Double Sheet’— a double-meaning of both linen size and the folded-over newspaper format. This exemplifies Albers’s lessons of radical economy, transparency, positive and negative space, and the meandering patterns he gave as assignments. As a kind of typographic textile, these works anticipate Asawa’s more famous hanging wire sculptures.”

As we grapple with the need to be more resource efficient, the simplest things might end up having the greatest potential.

To see more of the collection, visit harvardartmuseums.org.

Slideshow Credits:

01 /
Harvard Art Museums Archives, Harvard University, Cambridge, MA.;


02 /
© Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn./Photo: Harvard Art Museums, © President and Fellows of Harvard College;


03 /
© Artists Rights Society (ARS), New York/Photo: Harvard Art Museums, © President and Fellows of Harvard College.;


05 /
© Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn/Photo: Harvard Art Museums, © President and Fellows of Harvard College.;


06 /
© Lucia Moholy Estate/Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn;


08 /
© Ruth Asawa Lanier/Photo: Harvard Art Museums, © President and Fellows of Harvard College.;


09 /
© Artists Rights Society (ARS), New York / VG Bild-Kunst, Bonn;


10 /
© Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn/Photo: Ali Elai – Camerarts.;


11 /
Photo: Harvard Art Museums, © President and Fellows of Harvard College.;


12 /
© Artists Rights Society (ARS), New York/VG Bild-Kunst, Bonn/Photo: Harvard Art Museums, © President and Fellows of Harvard College.;

from Sidebar http://sidebar.io/out?url=https%3A%2F%2Fwww.fastcodesign.com%2F3063102%2F5-timeless-design-lessons-from-the-bauhaus

C4 Studio motion-design tool for animating Sketch files in Alpha Release

C4 has just entered what some may argue is a crowded space for prototyping tools. They are admitting that up front and asserting that “the market is still ripe for innovation… and the gap remains wide open”.

They describe C4 Studio as “a new class of motion design for mobile. Built for Designers and Developers, C4 Studio lets you easily animate designs and generate production-ready code that a developer can use right away”.

Sketch files can be imported directly within the app. It offers a timeline style UI, but seems to have a clever feature called “State Machine Animation”  that focuses on Start and End states in your Sketch artboards that it then can use to automatically create a tween animation with smart transition effects. The timeline can then be hand-tweaked as desired. The other major feature it promises is “a sophisticated code export system that allows you to generate views, controllers and even full Xcode projects”.

See their Alpha announcement for a list of key features, all supported by Video demonstrations. Overall, when this goes live, it looks like it we’ll have another useful option to consider for prototyping our Sketch designs 😉

c4-studio-overview

The post C4 Studio motion-design tool for animating Sketch files in Alpha Release appeared first on Sketch Hunt.

from Sketch Hunt http://sketchhunt.com/2016/08/26/c4-studio-motion-design-tool-for-animating-sketch-files-in-alpha-release/

You Should Probably Ignore Your Friends’ And Family’s Career Advice

For most of us, our first experience with career advice comes from one source: our parents. As we go through life, the people who have the most interest in the direction we take with our careers continue to be those who are closest to us, like our significant others, friends, mentors, and professors.

Yet, in my experience as a career coach, I can tell you that the tips (and yes, pressure) that come from loved ones can be some of the worst, particularly when it comes to that big-picture question of, “What should I be doing with my life?” Here are two big reasons why.

My mom switched from teaching to accounting about a decade into her professional life. It was a wonderful move for her, and she has had a high level of satisfaction and success with this second career path. Based on this experience, my well-intentioned parents pointed me toward accounting, with the idea that it would also be a great fit for me. (It wasn’t.)

I’ve seen too many people experience something similar—someone they love keeps pouring on suggestions that have absolutely nothing to do with what they want for their careers:

Why would you want to go back to work after having kids when you don’t have to?

You’ll get bored of that subject matter after a year!

Working so many hours always leads to burnout!

In each case, the guidance had more to do with the person providing it than the person receiving it. Just ask that new mom who truly wanted to get back to a job she loved, the social media marketer who still finds the work really compelling, or the individual who thrives on long hours at this point in his career.

The truth is: People are different. Maybe your parent or mentor or would personally hate whatever choice you’re making—but that doesn’t mean you will. If someone keeps questioning your choice or hammering his or her advice, it’s okay to say, “I really appreciate you taking the time to share your personal experience with me. I’ve carefully considered my options, and I’m really excited about this choice. I’d love to hear more about [change the subject].”

Related: How To Deal With Unsolicited Career Advice From Your Family

Most people have a natural desire to protect the people they love. This instinct is highly beneficial around small children, who, if left to their own devices, could walk into traffic without looking or play with matches. But you’re not a small child; you’re an adult who is putting himself or herself out there.

Developing a well-fitting career path often involves putting some skin in the game, being willing to face rejection or failure, making mistakes, and learning along the way. In other words, a great career path will mean getting hurt at times, so that you can learn important lesson. Advice that stems from an attempt to protect you from this natural (and sometimes painful) progression of career development is well-meaning, but ultimately flawed. It can wind up doing more harm than good.

For example, one of my clients was instructed to pursue government work solely on the basis of the perceived stability of the positions. But she was someone who thrived on creativity and wilted at the idea of bureaucracy, so this was not the culture for her.

One way to deal with this kind of advice is to thank your nearest and dearest for caring so deeply, and then remind him or her that no job is 100% safe. Moreover, if you work in a field you really have no interest in, you’re less likely to want to put in the time and effort necessary to advance. Finally, remind him or her that even if you work somewhere that isn’t right for you, you’ll still benefit from the experience.

It’s natural for those closest to us to have opinions about our career decisions. Just remember that at the end of the day it’s your life. You’re the one who actually deals with the consequences and benefits of any given career choice. With that in mind, your opinion is the one that matters most.


This article originally appeared on The Daily Muse and is reprinted with permission.

from Fast Company https://www.fastcompany.com/3063162/hit-the-ground-running/you-should-probably-ignore-you-friends-and-familys-career-advice?partner=rss

6 Things You’re Doing That You’ll Seriously Regret In 10 Years

Scrolling through my social media feed, I noticed a college friend’s photograph of his son’s dormitory. My friend and I had been thick as thieves during our undergraduate years, and now his son was leaving home, and roughly the age his father was when he and I first met.

Suddenly, I was hit with a wave of regret.

We hadn’t seen each other in years, even though we live roughly an hour apart. I don’t really know his children well, and he doesn’t know mine. Over the years, when one of us reached out to the other, we were always busy with work, soccer practices, music lessons, or other commitments. “Next time for sure,” we’d say as we postponed. At one time in our lives, I thought we’d be close pals forever and our children would carry on the next generation of our friendship. It didn’t work out that way.

With a full roster of work, family, friends, and other obligations—not to mention trying to make time to stay healthy and have an occasional moment or two alone—it can be tough to fit in all the things we want and need to do. As we try to keep all of those commitments, it’s not uncommon to form habits and take shortcuts that let us fit more into the day. We may stay at our desks longer, forego vacations, or crowd out time for family and friends.

A recent survey by Allianz Life Insurance Company of North America found that roughly one-third (32%) of Americans regret major choices in their lives.

But what kind of consequences do those decisions have in the long run? Possibly big ones, experts say. Here are some key things you may be doing now that you’ll likely regret in a decade or more.

Many people have relationship regrets, whether they’re related to friends or romantic partners, says Gail Saltz, MD, an associate professor of psychiatry at the New York Presbyterian Hospital Weill-Cornell School of Medicine. The relationship road not taken is a big source of regret among people she sees. Career-focused romantic partners may find themselves either living in different areas or faced with one partner making a sacrifice to be with the other.

“Given the day and age we’re living in now, many, many people feel they shouldn’t have to do that for someone else, and so they don’t,” she says. Later, they may have the great career, but regret that they didn’t try harder to make the relationship work, she says.

While lost friendships are often considered unimportant compared to romantic partners, their loss can be just as painful and regrettable, says Neal Roese, PhD, a professor of marketing at the Kellogg School of Management at Northwestern University, and author of If Only: How to Turn Regret Into Opportunity.

When you put in too many hours at work and let those friendships drift away, you’re setting yourself up for regret. Roese has coauthored several studies on regrets and their causes and says that not making time to maintain friendships is a big one, especially because it can be harder to make new deep friendships later in life. This is especially true at work, where friendships with colleagues can boost both happiness and productivity.

It’s easy to end up sitting at your desk all day or blow off working out because you’re tired when you get home. However, failing to make time for regular exercise can affect everything from your overall health to your creativity. As we get older, establishing a regular exercise habit is even more important.

A March 2016 study in the online issue of Neurology found that regular exercise can slow brain aging by as much as 10 years. Saltz says that many people know better, but don’t heed the potential consequences of their actions when they’re younger. “It’s a firmly rooted early belief that I’m invincible, or I’ll be young forever, or these issues of later just don’t pertain to me,” she says.

Similarly, Saltz says compiling a routine health history—including check-ups and routine testing such as blood pressure, cholesterol, and others—is important in the long run. If you’re not compiling a health history and, when possible, sharing health concerns and history with a medical professional, you risk missing important warning signs. Many treatments are time-limited, and early detection can make a big difference in outcomes, she says.

Living in a chronic state of being overscheduled and under a variety of pressures can lead to a number of stress-related behaviors and problems, says stress expert Mary Wingo, PhD, author of The Human Stress Response: The Biological Origins and Responses to Human Stress.

There’s even evidence that prolonged stress can predispose people to mental illness. Wingo says it’s important to find ways to mitigate that stress before it causes damage.

“Sit down—by yourself, with a therapist, self-help group, etc.—and list every single stressor,” Wingo advises. Then make a conscious effort, the way you would if you were going on a diet or quitting smoking, to eliminate what stressors you can, she says. Adopt stress-relieving habits like meditation, exercise, and other practices that are helpful to relieve stress.

Whether it’s fear of not making enough money, disapproval from others, or other concerns, many people let fear rule when it comes to making decisions, which is a common source of regret, says Hal Shorey, PhD, associate professor in the Institute for Graduate Clinical Psychology at Widener University.

Instead of taking healthy risks and following their passions or intuition, some people worry that they won’t meet certain standards they, or others, have for themselves and instead make choices that aren’t really right for them. Such fear-based decision making can also lead to ethical issues, which Shorey has seen with his students:

My first management job, and this happens with a lot of my grads, they’re making good money for the first time in their lives, and they think to themselves, “Oh my goodness, I’ve arrived.” Then they’ll be asked to do things professionally that they may think are unethical, or they might be asked to do things professionally that go against their own knowledge of leadership and the right way to do things. Because they’re too concerned about losing the job, they go along with it and conform.

Shorey says that almost inevitably leads to regret.

Of course, it’s not possible to map out a strategy for a regret-free life, and some regrets are bigger than others. However, Roese says that paying attention to the areas where research shows us most people have regrets can help us be more mindful about our choices.

Looking for ways to “have your cake and eat it, too” can help. Nurture friendships at work. Make time for important people in your life. Take care of your health. Being aware of your own values system and what matters to you can also help you make more regret-free decisions, he says.

Says Roese:

Some regrets we just get over. We rationalize or explain them away. But other things linger. I think that the key question that a lot of people like to talk about these days is, let’s say you’ve reached the end of your life, or maybe you’re on your deathbed. What are your deathbed regrets? If you look at these, there might be a recipe for how better to live your life.

from Co.Labs https://www.fastcompany.com/3062962/6-things-you-may-be-doing-that-youll-seriously-regret-in-10-years?partner=rss

Death to Complexity: How we Simplified Advanced Search

Disclaimer: these features are in QA and not yet released.

Considering the nature of people search, filtering by parameters other than first and last name is crucial. ‘John Smith’ doesn’t really help you find who you’re looking for, but a 36 year old John Smith in Pasadena, CA, related to a Susan is damn specific, and will inform you quickly if we have the data you want.

Old (left) and new (right)

Hidden ➞ Visible

Our Advanced Search (AS) was hard to find. Small blue text beneath the map read ‘Show All Filters,’ which was an imperfect solution to the requirement that we maintain a list of clickable states (for SEO reasons), and that list be visible “above the fold”. The states are, in a sense, filters, but they are very specific and essentially a dead end without other filters.

We moved AS into a dedicated module which is always visible on desktop, and has a floating button on mobile. This provided obvious, persistent access to our most powerful search tool. Mobile search became a full-screen takeover, with the understanding that users would be in a binary situation: modifying query parameters, or browsing results. Supporting both on a small screen is futile.

New explicit behavior

Implicit ➞ Explicit

We abandoned the expectation that users are experts. Anyone should be able to figure out how to use AS, even if it’s their first time visiting.

We added an explicit title that explains what AS does. An added benefit is that it provides additional visual differentiation for that section in the left panel.

We removed the behavior that would submit the form when users stopped typing, or tabbed/clicked to a new input. Now nothing changes until the user explicitly clicks “Search Spokeo” or hits Enter.

Clicking an age range used to toggle and submit immediately. No longer! Click ages on and off to your heart’s content before hitting that submit button.

Added bonus: the locations list got a title that explains its value.

Old (left) and new (right)

Wall ➞ Sections

Opening the filters was overwhelming! Scanning the inputs was nearly impossible. Location inputs are directly related to each other, as are relative first/last name, but Phone and Email inputs were adjacent and independent.

Separating AS into logical sections fixed these problems and reduced the cognitive work for users. Each section can be considered independently, instead of the form appearing as a daunting task. Phone and Email suddenly make more sense in the context of “Contact info.”

Old (left) and new (right)

Ambiguous ➞ Guided

The City, State input was confusing because once a State was entered, users didn’t know they could edit it to enter a City, State combination. Users could also enter a City, State combo that returned zero results, leading to an empty state.

We changed these to native dropdowns, where the list of states only reflects states with results, and the city dropdown is only available once a state is chosen. The city dropdown also updates whenever a new state is chosen, and only provides available cities from the chosen state.

We removed the Street input, which required too-accurate, and often unavailable, information.

Old (left) and new (right)

Cramped ➞ Rows

Street and City, State inputs were originally adjacent to follow the design pattern of the following inputs, not because those particular parameters should logically be side by side. In fact, for most forms (think shopping checkout) they’re most commonly placed on multiple lines. “Street” is also ambiguous, because we were actually expecting a full address, not just a street name.

Phone and Email being adjacent was a form-over-function design choice, which we sought to remedy. Relative first and last name kinda makes sense, but there’s no strong reason for it.

Now, each input gets its own row. Simple, effective, and visually less oppressive. All sections being simultaneously opened is an unlikely case, and ultimately the user’s decision. Fortunately, this flexible design allows this behavior without any negative consequences. We don’t make assumptions about how they will use Advanced Search.

Old (left) and new (right)

Mobile behavior

A persistent problem we’ve had to deal with is maintaining crucial functionality in a left panel which disappears on mobile. Having the left panel is a hard product requirement, and we discovered an elegant solution to provide access to the Advanced Search panel on mobile.

Previously, the Advanced Search panel was always open, and appeared before the results list. Users who didn’t scroll down wouldn’t know that they could just browse, if they had no more information to provide.

By providing a floating button at the bottom of the page, we allow users to browse, and access filters at any point in their browsing experience. For example, if they scroll through 30 results and realize their search is futile, they can quickly access Advanced Search and refine their query.

General related cleanup

We added filter “chips” beneath the primary page title. These reflect the exact query that produce the results, and allow an easy way to remove any given parameter.

Our data shows that the map isn’t engaged with, but having it present is a strict product requirement. We reduced the size, providing more space for relevant content/tools.

The left panel width was flexible, with a hard minimum at 330px. Why ever allow it to take up more space, if everything fits and works at the smaller size? From now on it’s always narrow.

For SEO reasons, we must have a clickable list of locations. However, that list doesn’t have to be so prominent. We modified our React component to only show the first 10 locations, with an option for the user to ‘show more.’

On the horizon/what we’d like to do in the future

First and last name should not be required to search. Finding a person should be initiated with any available information (e.g. relative and phone number).

Allow entering a city without a state/

Mixed content list, where we can show name, address, social, phone, and historical records all in one list, with options to toggle returned types.

from uxdesign.cc – User Experience Design – Medium https://uxdesign.cc/death-to-complexity-how-we-simplified-advanced-search-a9ab2940acf0?source=rss—-138adf9c44c—4