Joshua Porter
bokardo.com · Personal blog · on HN since 2007
Joshua Porter writes about user interface design, social web applications, and product design, including microcopy and the Del.icio.us lesson.
What HN saysCommenters recommend it for social interface design and cite its microcopy post on conversion rates and the post arguing that labels always win.
78HN people shared it
15linked it in comments
110stories submitted
920story points
2 years agolast shared
2007people per year2026
Most-shared posts
- 1Principles of UI design5 people · 183 points · first shared 2012 · 27 comments on HN
- 2Using your Sign-up form as a Qualifier4 people · 8 points · first shared 2009 · discussion on HN
- 3The Del.icio.us Lesson ( May 2nd 2006 )4 people · 3 points · first shared 2008 · discussion on HN
- 4Why Apple doesn’t do MVPs3 people · 10 points · first shared 2014 · 2 comments on HN
- 5Writing Microcopy2 people · 53 points · first shared 2009 · 2 comments on HN
- 6Facebook's Brilliant but Evil design2 people · 16 points · first shared 2007 · 4 comments on HN
- 7The Del.icio.us Lesson: Is your system useful to someone even if nobody else uses it?2 people · 13 points · first shared 2007 · 7 comments on HN
- 8Common Pitfalls of Building Social Web Applications and How to Avoid Them2 people · 10 points · first shared 2007 · 1 comments on HN
- 9Design is not Horsepoop2 people · 9 points · first shared 2011 · 2 comments on HN
- 107 Reasons Why Web Apps Fail2 people · 7 points · first shared 2007 · 1 comments on HN
- 115 Principles of Great Design2 people · 6 points · first shared 2007 · discussion on HN
- 12Scrolling is easier than clicking2 people · 5 points · first shared 2014 · discussion on HN
- 131 hour of research saves 10 hours of development time2 people · 3 points · first shared 2015 · discussion on HN
- 14What Malcolm Gladwell’s book Outliers can teach us about interface design2 people · 3 points · first shared 2009 · discussion on HN
- 15Creating Engaged and Passionate Users2 people · 2 points · first shared 2011 · discussion on HN
What HN people wrote when they linked it
biz2hack · 2009-11-18
I think article this may be too sparse in details for a subject that so important.
For better resources, please see:
http://www.bokardo.com - for design of social interfaces (please read everything you can, it's not that much)
and
http://buildingreputation.com/doku.php?id=bryce (for reputation systems. Bryce is the man here.)
peterhi · 2009-06-11
Did you see that article on microcopy yesterday. It mentioned that adding that you didn't need to have a paypal account to pay by paypal improved the conversion rate. Maybe worth look => http://bokardo.com/archives/writing-microcopy/
tlow · 2020-08-03
There are lots of resources available, but I think following a design process might really help you most at this point.[1] You're going to need to conform the the style and practices of of the larger piece to which your part will fit in. Good design has to be consistent so that the user can have a continuous understanding. From this perspective, might it be possible to generate "working art" and approach the final visual treatment later? Also, for "beautiful" design to shine, usually this involves the removal of all extraneous elements, since good design is really about distillation.
Rough Design Process [2]
1. Discover
- Have you identified your users and the need that you are hoping to solve with this "part/feature"?
- Usually users are broken into different segments, a persona is just like a rough representative sample of the different segments.
- It sounds like you work for a for-profit organization, therefore you must also understand who your stake holders are and what they think the business needs are (they can be wrong and you might have to help correct this).
- Are there already people doing something like what you're trying to do? Not only should you benchmark competitors, you can look for analogous situations in totally different domains and still use this to help inform you.
- Redefine the problem your own way.
- review research claims, scientific literature, external info
2. Ideate
- explore insights
- design objectives
- develop user POV and need…
jfarmer · 2020-02-22
lovskogen · 2013-06-17
It's sad, I'm a product designer myself, but labels always win: http://bokardo.com/archives/labels-always-win/
bokardo · 2011-12-17
I wrote a response to this:
http://bokardo.com/archives/design-is-not-horsepoop/
asymptotic · 2011-04-19
Was it just me or did anyone else think of "Outliers" by Malcolm Gladwell? The author of this article implicitly assumes that all the participants of the game come from similar cultural backgrounds.
Read: http://bokardo.com/archives/what-malcolm-gladwells-book-outliers-can-t…
Some cultures, e.g. Colombian or South Korean, are more geared towards respecting authority than other cultures, e.g. New Yorkers. A collision of two such disparate cultures can result in disasters such as Flight 052:
https://secure.wikimedia.org/wikipedia/en/wiki/Avianca_Flight_52
More details about the Power Distance Index (PDI): http://www.maximizingutility.com/2009/06/culture-clash-power-distance-…
Elepsis · 2010-09-07
All the way back in 2006, Joshua Porter wrote a really good article illustrating this principle using the example of Delicious: http://bokardo.com/archives/the-delicious-lesson/
The gist of it:
The one major idea behind the Del.icio.us Lesson is that personal value precedes network value. What this means is that if we are to build networks of value, then each person on the network needs to find value for themselves before they can contribute value to the network. In the case of Del.icio.us, people find value saving their personal bookmarks first and foremost. All other usage is secondary.
JayNeely · 2010-08-31
Depending on what you're looking for, you may want to get in touch with either Joshua Porter ( http://bokardo.com/services/ ), or Joe Baz ( http://www.abovethefolddesign.com/ ).
bdickason · 2010-07-24
How to Write Great Microcopy - http://huffduffer.com/thinkvitamin/22025
Basecamp landing page breakdown - http://www.unmatchedstyle.com/gallery/basecamphqcom.php
Using your Sign-Up Form as your Qualifier - http://bokardo.com/archives/using-your-sign-up-form-as-a-qualifier/
Mike McDermott talks Web App Marketing Metrics - http://carsonified.com/blog/business/mike-mcderment-of-freshbooks-on-w…
Seven Steps to Remarkable Customer Service - http://www.joelonsoftware.com/articles/customerservice.html
Obviously there are alot more but these are the ones I've saved in Evernote to go back to.
uggedal · 2009-08-10
I don't follow any blogs like TechCruch, but here are my favorites (mostly UI, Web, and Python related):
http://feeds2.feedburner.com/al3x
http://www.azarask.in/blog/feed/
http://bokardo.com/feed/atom/
http://feeds2.feedburner.com/chrismahon
http://diveintomark.org/feed/
http://feeds2.feedburner.com/garrettdimoncom
http://jacobian.org/feed/
http://www.holovaty.com/rss/
http://feeds.feedburner.com/JohnResig
http://minima.soup.io/rss
http://joegrossberg.com/paulgraham.rss
http://www.randsinrepose.com/index.xml
http://feeds.simonwillison.net/swn-everything
http://steve-yegge.blogspot.com/atom.xml
http://feeds.feedburner.com/b-list-entries
http://python-history.blogspot.com/feeds/posts/default
http://zedshaw.com/feed.xml
blader · 2007-10-12
Some blogs from my Google Reader:
Functioning Form: http://www.lukew.com/ff/
flow|state: http://miksovsky.blogs.com
Bokardo (social design): http://bokardo.com
WeBreakStuff: http://blog.webreakstuff.com/
37signals: http://37signals.com/svn
ParticleTree: http://particletree.com/
Jensen Harris (Office 2K7): http://blogs.msdn.com/jensenh/
Usability in the News: http://www.usernomics.com/news/user-interface-design-news.html
throwawaykf05 · 2014-07-16
>You may recall that Yahoo, AOL, Microsoft received the same subpoena but did not fight the Feds in court; they instead quietly complied.
Correction: Microsoft did not turn over the requested information.
http://bokardo.com/archives/microsoft-didnt-give-user-data-to-doj-in-p…
“Today, Mehdi added some detail concerning what actually happened when the request from the Government was made. First, the Government had asked for information that could identify people on an individual basis (most likely, an IP address). Microsoft declined this request, and instead handed the Government a watered down version of data, which Mehdi made clear did not include personal information. The information provided by Microsoft, Mehdi said, consisted only of a sample of search terms and their frequency, as well as a random sample of pages in the MSN Search Index.”
Just a minute of research would have led you to this, but of course, that would run counter to your pro-Google bias.
charliepark · 2010-07-17
We coded up a very basic one in HTML for ours. (I don't know of any template services.)
The core thing you need is an email signup list. We used Campaign Monitor (http://campaignmonitor.com/), but I've also heard good things about MailChimp (http://www.mailchimp.com/). They'll give you the code for a form. It's really simple, and it outputs to a page of your choice. We had ours output to /thanks.html, and on that page, we had an iframe with a survey from Wufoo (http://wufoo.com). You can see ours in place at https://monotask.com.
So what happens is that the user comes to the page, maybe signs up for a beta account, and then is taken to a survey, where you can gather info about them.
Joshua Porter actually wrote up our approach, here: http://bokardo.com/archives/using-your-sign-up-form-as-a-qualifier/. I don't think I'd seen anyone talk about tacking a survey on after signup before we did it, but it makes sense, right? Interested people sign up. If they've exhibited at least some modicum of interest in your service, get info on how to tailor it to their needs.
Note, on our survey, there's an "ideal pricing" section. If you're planning to charge, you should have this section. It helps your users know that the service won't be free, and it also helps you evaluate their input, so you can see if your pricing model is wildly off from their expectations.
One thing I wish we'd done differently with our survey is to include the user's e-mail address on the survey itself. I know…