During lunch today, I de-activated LCAR_S here, and re-activated my old theme.
Until April of this year, I hadn’t had time to work on my personal site since late 2012. Sure, I say that the day after I created a fake startup called FART, but I realized my recently-launched re-design of this site – LCAR_S – had some big isues, and had to go for now.
The most notable is that the LCARS interface – while it’s a pleasant work of art by Michael Okuda – is an absolute poster-child for bad site interfaces. I was so wrapped-up in the design that I didn’t bother to subject it to the standards I’d apply to any actual site build, namely: does it suck to use?
The short answer there is YES. Because I conformed to the UI guidelines for LCARS, I entirely ignored my own experience as a developer (those guidelines are sparse, but here’s one source. I generally went with my own observations from TNG).
The primary function of this site is to provide content in a pleasant interface for others. It’s an outlet for the variety of things I do. When even the theme author can’t read a whole post without being annoyed by the design, you know it’s bad.
There are many issues:
- Narrow, hard to read header text
- The average viewer is not going to care about the LCARS flair, or fictitious Starfleet data on each post, such as the stardate function (in which I’m essentially just playing around with the Julian Day in PHP)
- Inefficient use of space; borders everywhere, no central alignment or grid
- Flat, non-intuitive interface makes it difficult for the user to know how to complete common actions by default.
- In development, forcing an LCARS ui on every common screen breakpoint, to every element, resulted in writing some pretty heavy sass. Way heavier than is acceptable for typical site development.
From here, I’ll be re-working the LCARS interface from scratch. If I can arrive at something that combines elements of LCARS while not sacrificing usability, great. If not, it was still enojoyable exploring the LCARS interface through the viewpoint of CSS.