I’m taking a break from all this portfolio stuff to talk about something fun I got to do recently.
Over the past 2 years or so, I have been learning about Japan and Japanese culture. Going farther back, I’ve been interested in Asian cultures for many years, having joined Asia Society Texas many years ago.
Japanese society being what it is, there are many ceremonies and rituals when a new emperor ascends the throne. They involve, among other things, music. And the fun thing I go to do recently was attend a performance of Japanese court music.
The United Nations Educational, Scientific and Cultural Organization (UNESCO) provides the following description for Gagaku:
Gagaku, characterized by long, slow songs and dance-like movements, is the oldest of the Japanese traditional performing arts. It is performed at banquets and ceremonies in the Imperial Palace and in theatres throughout the country, and encompasses three distinct arts. The first, Kuniburi no Utamai, features ancient Japanese songs, partial accompaniment by harp and flute and simple choreography. The second consists of instrumental music (especially wind instruments) and a ceremonial dance developed on the Asian continent and subsequently adapted by Japanese artists. The third, Utamono, is danced to vocal music whose texts include Japanese folk songs and Chinese poems. Influenced by the politics and culture of different periods over its long evolution, Gagaku continues to be transmitted to apprentices by masters in the Music Department of the Imperial Household Agency, many of whom are the descendants of families with deep roots in the art. It is not only an important cultural tool in confirming Japanese identity and a crystallization of the history of Japanese society, but also a demonstration of how multiple cultural traditions can be fused into a unique heritage through constant recreation over time.
Here’s UNESCO video on Gagaku:
Essentially Gagaku is the entire performance and Bagaku is the dance.
There are 3 types of musical instruments: Wind, String, and Percussion. I’m not sure if all of these instruments are included in every Gagaku performance, but these were listed in my program.
These are the wind instruments.
Gagaku translates to “elegant music” and that’s probably the best way to describe the sound of the Shô. You’d probably recognize the sound if you heard it. It’s a “mouth-organ”.
When I was watching the performance, the shô players rotated their instruments over some kind of urn. I thought it was something to catch extra moisture, like spit-valves in trombones. I learned from the video below that the shô has wax inside where the mouthpiece is located and these urns have small pieces of coal in them, which the musicians rotate the shô over to heat up the wax.
The Gakusô is a type of Koto, which is a 13-string instrument and is the national instrument of Japan. Modern kotos are derived from the gakusô used in Gagaku performances. I couldn’t find a great photo, but the wikipedia article where I found this info is interesting.
The yamatogoto, or wagon, is another type of Koto. But it usually has only 6 strings or so. It’s also considered fully native to Japan, unlike the other types of Koto which were imported from China.
Shôko is a kind of small, metal gong that sounds like someone tapping a iron/stainless steel skillet with a drumstick. The taiko is a kind of large, hanging drum. It’s struck with big, padded mallets. The kakko is a double-headed drum that’s beated with skinny drumsticks. (Shakubyoshi look like 2 wooden sticks. To be honest, I don’t remember these but maybe I was watching something else.)
These are photos I took after the performance. The theater lights helped them turn out really well! 🙂
Our program didn’t include much information about the dancing portion, but UNESCO comes through again. Here’s a video that goes much more into the dance portion of Bugaku.
When I was there listening, I felt like I had been transported into a Kurasawa film. In particular, “Dreams” from 1990. And specifically, the scene in the peach orchard when all the dolls come alive.
I love this movie a lot but I have found throughout the years that this particular scene is very difficult to find online (for free).
However, the trailer for the movie is available. The only problem is that it’s set to Vivaldi’s The Four Seasons, Invierno and La Primavera. (Violin Concerto in E Major, Op. 8, No. 1, RV 269, “Spring”: I. Allegro; and Concerto No. 4 in F minor, Op. 8, RV 297, “Winter”: III. Allegro.) It’s not bad music, but it’s not Japanese.
Anyway, if you are looking for more information on Gagaku and Bugaku, here’s some information:
I have a lot of thoughts about the idea of “culture fit”, because rarely is culture so clearly defined in a company. I think most companies use it to discriminate and/or to try and get away with bad behavior.
Two Stories About “Cultural Fit”
There are 2 stories I think about when I hear about companies hiring for “culture fit”.
I will never forget this talk because something she said was so relevant about why diversity is important. She said: if everyone is the same, it means they can all fail the same way.
As a new member of her company’s engineering team, she came in with a bit of a non-traditional background, which gave her a different perspective when approaching problem solving. In her example, she explained how she solved a critical error that all the other experienced team members failed to recognize because they all thought about the problem in the same way. Her value to the team was not her skill as a developer. Her value was her knowledge about their customers. It was that unique perspective that allowed her to view this critical problem differently and find a solution that everyone else missed.
Story Two: What is your culture?
The second story is my own experience from job hunting. A few years ago, I was on a call with a creative director and the CEO/President of a small e-commerce company selling men’s clothes. As I talked to them about the role and what they were looking for, they revealed that they’d spent a long time looking for the “right person” who could fit into their culture. When I asked them how long they’d been looking, they told me 8 months. (8 months!?)
When they told me that, I realized they didn’t know what they were looking for and all this time they’d come up with some type of excuse to eliminate candidates from their list. And I basically told them that it sounded like I was unlikely to get the job. I even asked them, what was special about their culture. They couldn’t articulate any details about their company culture that made them any more unique compared to any other company.
So what is culture anyway?
I love going to cultural events. It’s such a great way to learn about people and different parts of the world, without actually traveling and spending money on a trip. 🙂
Culture is the combination of art, language, food, dress, religion, music and social rules of a society. Here’s what Wikipedia has to say:
Culture is an umbrella term which encompasses the social behavior, and norms found in human societies, as well as the knowledge, beliefs, arts, laws, customs, capabilities and habits of the individuals in these groups.
Humans acquire culture through the learning processes of enculturation and socialization, which is shown by the diversity of cultures across societies.
A cultural norm codifies acceptable conduct in society; it serves as guideline for behavior, dress, language, and demeanor in a situation, which serves as a template for expectations in a social group. Accepting only a monoculture in a social group can bear risks, just as a single species can wither in the face of environmental change, for lack of functional responses to the change.
I think companies neglect the second paragraph: enculturation and socialization. Enculturation is the process by which people learn the dynamics of their surrounding culture. Socialization is the process of internalizing the norms and ideologies of society.
The first question to ask is whether a company is truly aware of their culture, and the second is if they have a plan to help new employees learn it. All companies have a culture, but do they recognize the elements of their culture enough to help new people learn them.
With so many companies cutting back on HR departments, I wonder how many of them have truly invested in the process of enculturation and socialization to help people learn and internalize the culture of their workplace. And have they considered how much time they’re willing to allow for assimilation to happen. My guess is too many employers are looking for exact matches, which makes no sense because the only way someone would have a company’s exact culture is if they already work there.
Is “cultural fit” just an excuse for bad behavior?
To be totally honest, when I hear people talk about “cultural fit”, what I think they really mean is:
Will this person complain or push back at working nights and weekends?
Is this person going to get offended at our sexist jokes?
Can we drink in the office or have bottles of liquor on the desk?
Can we swear like pirates at work?
Can we get away without a true HR department?
Maybe in some cases, it’s Will this person turn us in for doing something illegal?
But I think what they’re really asking is: Is this someone we can control? To some extent, that’s a fair question. On the other hand, is anybody asking, controlling for what?
Same Words, Two Deliveries
I sometimes think companies try to squeeze the individuality out of their employees, so that they can all become the same type of person over time. For that, let me share an example from Shakespeare (aka culture).
What I love about this is that despite the words being exactly the same, the director gave them the freedom to express their own versions of the character. The video is under 12 minutes, so it doesn’t take long to view.
This example is kind of the embodiment of what I wish companies would really get about “cultural fit” and diversity. I really don’t think the question to ask is ‘Do you fit in?’ To me, that list is pretty short:
be pleasant to be around
don’t do illegal stuff at work or on behalf of the company
It shows a theater company that has hired two accomplished actors who can do the same role and speak the same exact words, yet their individual and diverse perspectives are what brings value to their performances. It also shows that the theater company, either at the same time or at different times, not only values the diversity of a heterogeneous theater troupe but they also recognize that their audience does too.
I hope that for-profit companies can also get to a place where they value that some of their employees will express the company culture differently than others, or express different aspects of the company culture at different times — and they’re OK with that. They’re still getting the job done, but the uniqueness each person brings to the job is still valued and ultimately will be a benefit to their company and their customers.
And just for fun, here’s Al Pacino doing the same scene:
While reading a forum discussion on FreeCodeCamp, I came across a reference to George Pólya’s book, “How to Solve a Problem”. In this post, I review Pólya’s problem solving strategy.
In a recent FreeCodeCamp forum, someone asked a question about journaling:
Hi coders, While looking for the source for my project, I saw that some programmers or developers wrote a kind of diary to keep track of the code. I think it’s nice, but I was wondering exactly how you can structure a diary and if any of you use this to write code. Question here.
Good question. I’ve seen other people use diaries or online journals, or those things people use…writing logs or whatever. 🙂
George Pólya was a Hungarian-born mathematician who was known for his mathematics work, as well as his work in heuristics. Heuristics is “any approach to problem solving or self-discovery that employs a practical method”.
“Examples that employ heuristics include using a rule of thumb, an educated guess, an intuitive judgment, a guesstimate, profiling, or common sense.”
He wrote a book about solving problems using common sense principles.
The George Pólya Method of Solving Problems
The Wikipedia page shows that Pólya lays out some pretty good heuristics for solving problems. Although he intended for these strategies to be used for solving math problems, I think they could be used to provide a structured method for solving almost any difficult problem.
The Pólya problem solving method involves 4 principles:
First, you have to understand the problem.
After understanding, make a plan.
Carry out the plan.
Look back on your work.How could it be better?
So how does it work?
Principle 1: Understand the Problem
Pólya based the first principle, Understand the Problem, on the idea that math students struggled to solve problems due to a lack of understanding the problem in full or in part. His technique involved coaching teachers to prompt students with the following questions:
What are you asked to find or show?
Can you restate the problem in your own words?
Can you think of a picture or a diagram that might help you understand the problem?
Is there enough information to enable you to find a solution?
Do you understand all the words used in stating the problem?
Do you need to ask a question to get the answer?
Essentially one should not move past principle one until a constructive answer can be given. It’s not clear from the Wikipedia entry if a constructive answer is required for each question or the entire problem.
Principle 2: Make a Plan
Basically he felt that a person gets better at selecting a good plan/strategy the more times they solve problems. Here’s a big list of strategies:
Guess and check
Make an orderly list
Consider special cases
Use direct reasoning
Solve an equation
Look for a pattern
Draw a picture
Solve a simpler problem
Use a model
Use a formula
Be creative – (“[Have] patience to wait until the bright idea appears”)
Applying these rules to devise a plan takes your own skill and judgement – (“Always use your own brain first”)
Principle 3: Carry out the plan
Simple enough, but the main problem people have with this step is giving up too soon. For that, the Wikipedia entry says:
“In general, all you need is care and patience, given that you have the necessary skills. Persist with the plan that you have chosen. If it continues not to work, discard it and choose another.”
Principle 4: Review, Reflect and Extrapolate
Take a look at what you’ve done, and evaluate how well it worked (or didn’t), and see how you can use what you’ve discovered for future problems.
Finding the book:
If you want to find this book, I recommend trying your library. I found it by searching for "how to solve it book pdf" (Google suggested the "pdf") and I found a copy.
An earlier version of this post included an account of how I applied Polya’s technique to my portfolio changes. A follow-up post will focus on that account.
These are sites I’ve come across that may help someone building a portfolio. (Writing it also helps me remember!)
Yet another portfolio post!
Rather than go on about my own issues, I wanted to share a few resources. Before I begin, I’m going to make a little rant in case you’re feeling overwhelmed, like I am.
One of the sites emphasizes the importance the design a portfolio has on your job prospects. I feel this importance is overblown because the the design or tool seems to have such a big impact on how the portfolio is perceived. I can’t emphasize enough how many people use paid templates, plus the cost of a web domain. And I would be lying if I said it didn’t bother me that choosing the wrong CMS template is the difference between gainful employment vs not.
The fact that the portfolio makes a difference at all seems like the difference between showing up in a limo, BMW, Toyota, or SmartCar. I guess it really is like dating, which I admittedly know absolutely nothing about.
At the start of this review, my feeling is that people just want to be entertained. My thoughts changed somewhat, which you can read at the end.
Ok, now that I’m off my soapbox, here is my list. It’s organized like this:
Sites – Guides, essays, and portfolio collections
Tools – What people use to create their portfolio
People – A small handful of portfolios
A collection of essays, slides, and guides.
Article page: The Case Study FactoryThe Case Study Factory is about how similar so many UX portfolios seemingly look alike. The authors write:
“How the formulaic approach to UX case studies is numbing our critical thinking as designers, and how to bring a unique point of view to our work.”
Provides some pretty good tips at the end, however I recommend you read the whole article for context. Also because it’s a good article.
This is a compilation of tips and tricks to improve a design portfolio. She states:
While each design discipline has slightly different project expectations (i.e. UX wants wireframes while Branding wants logo sketches), I’ve realized there is an overall universal set of tactics that, when applied, will automatically enhance and differentiate any design portfolio.
The Google slide deck is really big and there are videos, so keep that in mind. It loads a little slow.
nng.com’s recent article, “5 Steps to Creating a UX-Design Portfolio” is probably what kicked this whole thing off. Actually I talked about this in another post, so I won’t rehash. But I will point out that I’ve made a number of changes to my website and my portfolio at Cargo Collective, which at this moment is offline.
My Personal Bookmarks
I’ve had the following links bookmarked for a few years. These seem more geared to PDFs.
This book was put together for the purpose of facilitating higher-quality portfolios. It will not cover project processes, but will act as a guide to documenting a project well for your portfolio. We hope the book will ease some of the anxiety around creating your first portfolio and then later exist as a helpful reference book to check a newer portfolio concept against
We are fortunate enough to see some great portfolios, however there are still many UX practitioners who are selling themselves short. There are some absolutely brilliant and in-depth guides about UX portfolios out there. But our intention with this document is to provide a concise, visual hand book on what to include in your portfolio.
Your portfolio represents you. But you’re not always there to talk about your work. No one gets hired on their portfolio alone. The best outcome is a meeting. Tonight is about snap judgments.
What people use to create sites
From the list of 80 above, (plus a few others I found) I randomly clicked into about 3-4 portfolios per group and I took a look at the page source.
Many, many sites are built using Squarespace, WordPress, Wix, or some other type of CMS with either built-in or plugins for flashy animation, grids, and what-not.
WordPress and Adobe Portfolio
Semplice home pageFor WordPress, I came across a template called Semplice. It is advertised as a WordPress template for designers. The latest version is Semplice4. Price is $100. I wouldn’t be surprised if many people have upgraded to the Studio version for $140. Semplice does not seem to have options for blogging; I didn’t see it.
Another theme I came across is Salient, although the site I found it on had a “Under Construction” label. It’s $60 and available on ThemeForest. It has over 5,500 reviews, over 95,000 sales, and is currently rated as 5-star.
If you use Behance, you may be interested in Adobe Portfolio. It’s $9.99/month, paid annually (about $120). You get access to Adobe Portfolio, Photoshop, and Lightroom, as well as access to Adobe Fonts. You can get a free trial, but you need to upgrade to connect a domain/subdomain.
Free DIY Options
Startbootstrap.com offers free Bootstrap templates, themes, and snippets that you can download and customize. Basically everything is free, with the obvious exceptions that you cannot use Startbootstrap templates to create a competitive website serving free Bootstrap templates.
I have used Startbootstrap multiple times and I find them pretty easy to use and combine. Some have CSS or JS animations built in; mostly CSS.
It does require solid HTML and CSS knowledge.
Github Pages uses your own github respository to host a website. It’s 100% free. However, it will say username.github.io/yourproject. And your code will be online for all to see. I’m also not sure if you can use Google Analytics.
Again, this is for people who have experience developing websites.
Obviously, having a free site generator is great. If you want to have your own domain, you can get a personal email address, like firstname.lastname@example.org. And you can connect it to github. But all that is well beyond the scope of this post.
BlankSlate by TidyThemes allows you to completely customize a WordPress installation, by providing a theme with absolutely zero styling. Sometimes you use a nice theme, but end up undoing stuff you don’t really like. Needless to say, this theme is for people with a good amount of experience. I say no more.
If you code your own site, these were some of the libraries and plug-ins some people used. I thought tilt.js was pretty cool.
There are so many JS libraries, this list will keep getting updated.
You can download InDesign templates, at 8.5 x 11 and 11 x 17. Good if you want to create a print portfolio, or if you want to redesign your resume.
A few portfolios in use
I randomly came across the following people, either in context of this post, or when reading an article, or serendipitously in some other way.
Caveat: In no way am I promoting any of the following people. I have never met them. I don’t know if they’re the kind of people who cut in line or litter. Maybe they don’t pick up after their dog….
The one thing that is true is that I took a look at their websites and I have an opinion. If you disagree, there’s a list of 80 portfolios above to check out.
Antonio Carusone, creator of Grid System. A very simple website. No images. He simply links to his other websites, most of them photography sites. The site is made with Cactus, which is another static-site generator not using Jekyll. (The last commit was 2 years ago, so it may not be maintained.)
I viewed a few other personal websites like this: simple, text-only, with no images. I think this is a good way to connect disparate interests. He seems to have a lot of experience, which is also good to know if you’re looking for ideas and you’re not early in your career.
Hiroaki Ito has this project on Behance. I’m including this person because I attended a virtual recruiter session with Google. The three recruiters reviewed two portfolios, and this project was one of them as an example from a visual designer. (The UX designer was Simon Pan, who uses WordPress. It appears to be his own theme although it could’ve started from BlankSlate.)
The project above is a combination of several very long images, stacked one on top of the other. This designer has a job at Google. He does not seem to have as much experience as the first guy.
Johna Paolino is someone I came across on Medium. She wrote an article on using CSS grid. Then I found her website, which is hosted on github. So that’s another – FREE – option. Looked like an interesting site and she seems to be employed at the NY Times.
That big font is BungeeShade.
Pendar Yousefi is the only person I came across in the list above that used Adobe Portfolio. It was pretty nice looking, so I’m including that here. He also appears to be employed at Google. He also seems to have many years of experience, which is another good data point.
To be clear, you cannot create an Adobe Portfolio account and link it to a personal domain without becoming paid subscriber. He does a good job of connecting his web properties. For him, he’s getting his money’s worth. But I just want to make sure it’s clear, according to the website, money appears to have been exchanged.
I came across Sharon Tsao‘s portfolio above, too. She does NOT appear to be employed. But I thought her simple site was an interesting example, and she seemed to explain her background particularly well.
She built this herself, or at least she did not use a template or CMS.
Thoughts & Reflections
I wrote this post over the course of 1-2 weeks. Right away, my initial thoughts for my own portfolio when the time of this post were to create a simple site that links out to other websites or to just expand my current WordPress installation (this blog). I also considered installing a separate WordPress instance altogether, which is still a strong possibility.
Despite my rant at the top of this post, I have started to change my opinion a little on the importance of portfolios. I think there is something to be said for trying to display your work in as good a light as possible.
I’m still collecting more data about these 80 portfolios, so there will be another post. And I’ve found more items to add to the Tools section (Webflow, anyone?), so I’ll probably continue making updates to this post in addition to simply posting again.
[Featured image credit: Photo by Pierre Bamin on Unsplash]