Reread Nicely Said

Rewriting the content for ON Designs motivated me to reread Nicely Said by Nicole Fenton and Kate Kiefer Lee. I wanted to make my writing clear and concise. Furthermore, I simply enjoy the beautiful typesetting by Kim Scott. It’s a must-read for anyone who works on the web.

Hồ Bích Ngọc: Ngọc

Qua tám ca khúc quen thuộc, Hồ Bích Ngọc hát hết tất cả tâm hồn. Hòa vào âm nhạc nhẹ nhàng sang trọng của Thanh Tâm, giọng hát đầy truyền cảm của Ngọc đưa người nghe vào một không gian thân mật ấm áp. Đặc biệt qua “Cho Em Quên Tuổi Ngọc” của nhạc sĩ Lam Phương, Ngọc cho ta cảm nhận được một giấc mộng chua cay của một con tim ngậm ngùi. Ngọc là một album thính phòng giản dị đáng được thưởng thức.

Holy Shit: a Brief History of Swearing

Although I didn’t get through the entire book, I found some fascinating, which “comes from the Latin fascinum, a representation of the erected penis” (p. 17), vulgarities:

It is much better to fuck a hairy cunt than one which is smooth; it holds in the steam and simulates the cock. (p. 20)

Futuo could be translated more literally as “to penetrate a vagina.” Pedicare means “to penetrate an anus.” (p. 30)

The verb irrumare involves pretty much the only other orifice available—it means “to penetrate the mouth.” (p. 31)

Five Reads

Redesigning edX in 10 Hours

For a design exercise, I took on the challenge of redesigning the edX’s homepage and the course page. The goal was to create a working (HTML, CSS, and JavaScript) prototype in 10 hours. Because of the limitation, I needed to set my priorities. What can I accomplish with the time that I had?

For user research, I relied on myself as a student who wanted to take an online course at edX. While browsing through the site I kept the following questions in mind:

  1. What am I looking for?
  2. Can I find the courses I want to take? Why not?
  3. How quickly and easily can I find the courses?
  4. What does the current site do well?
  5. What does the current site do poorly?
  6. What is the most important goal needed to be considered in the redesign?
  7. How does the user interface need changing?
  8. What areas can I improve in the new redesign?
  9. What features can I eliminate in the redesign?
  10. What features can I highlight in the redesign?

After spending an hour using the site on my laptop and mobile phone, I concluded that my priorities are speed and simplicity.

Eliminate Distractions

On the homepage, my first priority is to eliminate distractions. For new students who just want to see what edX has to offer, they don’t need to see all the navigational items until they logged in; therefore, I eliminated all the menu items, except for the “sign in” button.

For the main hero image, I wanted to move away from stock photography of students using their laptops to a simpler illustration. The image of the figure carrying the entire world on his head, illustrated by Jim Frazier, indicates knowledge and worldwide education. I also removed popular courses to feature various programs student can take at edX. Below that is a list of some of the schools that partnered with edX.

For the footer, I had detailed navigation to allow students get answers and information they have about edX as fast as possible.

Take a look at the current edX homepage and my redesign.

For the search page, I displayed the large heading to showcase how many courses EDX has and the search box appeared immediately underneath. If students don’t know what they are searching for, they can check out some of the popular courses below.

One of the key differences between the old and the new design is the remove of the images. On the current site, the thumbnail images don’t help much because most of them are simply stock photography. Removing the thumbnails make the courses load faster and allow more room for the course description. Furthermore, it forces me to make good use of typography.

Take a look at the current course page, the redesigned search page, and the redesigned result page.

Process

I knew that I don’t have much time to mockup the pages in Photoshop; therefore, I went straight into HTML, CSS, and JavaScript. I also knew that if I use a framework like Bootstrap or Foundation, I would have spend much more time customizing the design; therefore, I just do it from scratch. SASS helped tremendously in speeding up my time.

For responsive design, I started with the mobile first approach and take advantage of the screen space on desktop without breaking the layout or making the text harder to read—thanks to CSS Flexbox.

The edX redesign prototype is on GitHub. Feel free to play with it.

Clinton’s Next Priority: VP Pick

After winning big victories last night, Hillary Clinton entertained her supports with references of hip-hop lyrics: “Whoever’s out of hand, I’ma give ’em handles / Light ’em up, blow ’em out like candles.” She used Jay-Z’s line, “I got 99 problems, being a bitch ain’t one, hit me.”

Clinton then thanked Bernie Sanders for his incredible campaign. She urged him to fight to the end to keep her from being bored and forgotten in the next few months. She will keep him entertained, but her next move is focusing on her Vice President.

Clinton told her supports that her running mate has to help her galvanize young voters and take on Wall Street. She said, “No other candidate can champion those two issues better than the senior U.S. Senator from Massachusetts Elizabeth Ann Warren.” The crowd went wild chanting: “Woman Power.”

Bedtime Stories

Every night before going to sleep, the boys wants to do bedtime stories. Đạo (my soon-to-be-seven-year-old son) usually tells us what he did in school or in his Minecraft world. For me, I just pick out recent family trips to remind them the good times. My four-year-old Đán sticks to his dinosaur stories, but the details just seem to get darker and darker each time. For instance, his story last night went something like this:

Once upon a time, there’s a T-Rex and a Brachiosaurus. They got into a fight. The T-Rex bit the Brachiosaurus’s neck. Blood spilled everywhere. The Brachiosaurus was eaten by the T-Rex.

He went on to provide more graphical details, but I couldn’t remember all of dinosaur names he was dropping. Suddenly, he switched:

There were two eggs. They hatched into baby dinosaurs. The babies were hungry so they fought each other. One killed the other. But then both got stomped by a Giganotosaurus.

For a four-year-old, Đán has an impressive dinosaur vocabulary, and yet I haven’t been able to get him to recognize the alphabet letters beyond A, O, and X. His expressive storytelling is also intriguing, but I am not sure if it is a gift or a curse.

Dụ Gái

Chiều hôm qua đến đón thằng Đán thì có một bé gái Mỹ trắng chạy đến rỉ tai tôi nói, “Cho cháu đến nhà bác chơi được không?” Tôi đáp, “Cũng được nếu như cha mẹ cháu cho phép.” Bé hớn hở nói tiếp, “Đán nói với cháu là nhà bác có Barbie nên rủ cháu đến chơi.” Tôi cười đáp, “Nhà bác không có Barbie chỉ có dinosaurs thôi.” Thì ra thằng con bịa chuyện dụ gái về nhà. Bó tay!

Design for Real Life

Based on their own use cases, whether in a crisis situation or an unfortunate scenario, Eric Meyer and Sara Wachter-Boettcher provide a foundation for making compassionate and inclusive designs. Design for Real Life challenges designers to approach the less-than-ideal users first in their process to ensure that the experience is not only satisfying, but also not causing any harm. Read it and apply kindness to your UX.

Make America White Again

If elected, President Donald Trump promises to make America white again. Here are his steps:

  1. Deport 11 million Mexicans.
  2. Get rid of all the Muslims.
  3. Punch Black people in the face if they protest. Same goes for Black Lives Matter.
  4. Throw Asians out if they don’t shut up.
  5. Appoint David Duke to serve as White House Chief of Staff.
  6. Change White House to White Supremacy House.
Contact