Design Obsession

One of the essential principles of the Indieweb is selfdogfooding: Using your own creations on your own personal site. Those who have been following this effort see I continue to make changes. But, what is interesting as I work on design is how the little details can drive you crazy. It is surprisingly challenging.

 

statustest

This is an example of a standard status update on the site. The blue icon is the comment icon, and next to it, linked to same, is the number of responses. I can’t help thinking that I don’t need both. But the rest of the line has an icon and information: Status and the Status Icon, the Time and a Time Icon, the Shared Icon with the icons of the sites I syndicated the post to.

If you look at this, which I classify as an article, not a status update, some of that information migrates to the top.

I also wanted to add a business card like area in the sidebar.

card

This is not a finished feature…but I’m innovating in public. I spent a lot of time on the other site, but this part is just temporary. You can see the icons that indicate places I syndicate copies of these posts to. I really like the look of those icons, however, they don’t quite fit on the full version on the site. It looks fine if it is on a phone(Yes, the site scales for mobile. Try it.)

Then we get to the profile box. The picture is too big. I probably need a new profile picture anyway, but I’m usually behind the camera, not in front of it. We’ll see what else I can do with this. I’ve been looking at other sites and how people do these sidebar bios.

There actually has to be a picture of me on the front page of the site, much as I don’t really want it, for syndication purposes. The photo is used as an icon for the link should anything I say be replied to elsewhere.

There will likely be more exploratory posts like this. So, here I am, worrying about the smallest detail. No wonder designers boast about chamfered edges and all sort of things users don’t normally focus on. I’ve never heard anyone say…”I see you picked Helvetica as your font. Great choice.”

More on exploring this to come. Feel free to comment on whether you want to hear about it or not. You can comment on the site or over on any of the syndicated networks. It will come back.

 

David Shanske

My day job is in training for an airline. I also develop Indieweb WordPress plugins so that others can take control of their online identity.

  1. Enjoyed reading about your design process! Re:

    There actually has to be a picture of me on the front page of the site, much as I donโ€™t really want it, for syndication purposes. The photo is used as an icon for the link should anything I say be replied to elsewhere.

    If you want the picture to be part of your machine discoverable profile, but not shown on your site, you can set its style to display:none. I do this on my post permalink pages.

Leave a Reply

Your email address will not be published. Required fields are marked *