For a while, weâve been thinking about how best to facelift the Lucire website templates, to bring them into the 2020s. The current look is many years old (Iâve a feeling it was 2016 when we last looked at it), which in internet terms puts this once-cutting edge site into old-school territory.
But whatâs the next step? When I surf the web these days, so many websites seem to be run off one of several templates, and there arenât many others out there. After you scroll down past the header, everything more or less looks the same: a big single-column layout with large type.
I know we have to make things responsive, and we havenât done this properly, by any means. The CSS will have to be reprogrammed to suit 2020s requirements. But I am reminded of when we adopted many of the practices online publishers do today, except we did them nearly two decades ago.
Those of you who have been with us a long time, and those who might want to venture into the Wayback Machine, might know that we provided âappsâ for hand-held devices even then. We offered those using Palm Pilots and the like a small, downloadable version of the Lucire news pages. We had barely any takers.
Then Bitstream (if I recall correctly) came out with tech that could reduce pages to a lower resolution and narrower pixel width so those browsing on smaller devices could do so, and those of us publishing for larger monitors no longer needed to do a special version.
So that was the scene 20 years ago. Did apps, no one cared; and eventually tech came out that rendered it all unnecessary. It’s why I resisted making apps today, because I keep expecting history to repeat itself. I can’t be the only one with a memory of the first half of the 2000s. As a non-technical person, I expect thereâd be something like that Bitstream technology today. Maybe there is. I guess some browsers have a reader mode, and thatâs a great idea. And if we want to offer that to our readers, it canât be too hard to find a service that we can point modern smartphone users to, and they can browse all sites to their heartsâ content.
Except I know, as with so many tech things, that it isnât that easy, that in fact itâs all so much harder. Server management hasnât become easier in 2020 compared with 2005, all as the computing industry loses touch with everyday people like me who once really believed in the democratization of technology and bridging the digital divide.
Back to the templates. I wrote on NewTumbl yesterday, âRemember when we could surf the web pretty easily and find amazing new sites, and creative web designs, as people figured out how best to exploit this medium? These days a lot of websites all look the same and thereâs far less innovation. Have we settled into what this mediumâs about and thereâs no need for the same creativity? Iâm no programmer, so I canât answer that, but it wasnât that long ago we could marvel at a lot of fresh web designs, rather than see yet another site driven by the same CMS with the same single-column responsive template. Or people just treat a Facebook page or an Instagram feed as their âwebsiteâ, and to heck with making sure itâs hosted on something they have control over.â
And thatâs the thing: I havenât visited any sites that really jumped out at me, that inspires me to go, âWhat a great layout idea. I must see if I can do something similar here.â My very limited programming and CSS design skills arenât being challenged. This is a medium that was supposed to be so creative, and when I surf, after finding a page via a search engine, those fun moments of accidental discovery donât come any more. The web seems like a giant utilitarian information system, which I suppose is how its inventor conceived it, but I feel it could be so much more. Maybe the whole world could even get on board a fair, unbiased search engine, and a news spidering service that was current and didnât prioritize corporate media, recognizing that stories can be broken by independents. Because such a thing doesnât really exist in 2020, even though we had it in the early 2000s. It was called Google, and it actually worked fairly. No search engine with that brand name strikes me as fair today.
I am, therefore, unsure if we can claim to have advanced this medium.
Posts tagged ‘redesign’
Have we stopped innovating in online publishing?
22.07.2020Tags: 1990s, 2000s, 2020, 2020s, Bitstream, design, history, innovation, JY&A Media, Lucire, publishing, redesign, web design
Posted in design, internet, New Zealand, publishing, technology, Wellington | No Comments »
The return of borders?
22.12.2019Nadia has done it for ages, but I noticed Glamour did it for a while in 2018, and Wheels has stuck with it for its “new look”. What’s the deal with bordered covers?
I still prefer them bled, especially as I remember the difficulties of doing them back in the old days, and print agencies discouraged me from bleeds on cheaper jobs.
Unless there’s a clever reason, I can’t really see these covers as having a greater impact. Having bought Wheelsâ design issue recently, I was pretty disappointed in the overall look. Nothing really beats the feeling of the UVed, upmarket Phil Scott issues back in the late â80s, even if the price hike put it slightly outside my teenage budget, and I stopped getting the mag monthly.
Based on a cursory examination, CondĂ© Nast’s Glamour went back to bled covers by the end of 2018, the gamble probably having done nothing for circulation.
Tags: 2010s, 2017, 2018, Bauer, Condé Nast, design, editorial design, Glamour, magazine, magazine design, Nadia, publishing, redesign, trend, Wheels
Posted in cars, design, publishing, USA | No Comments »
Sounds familiar? Works on all browsers, except for IE8
29.12.2013I’m sure this is familiar to anyone who has done web development. Lucire has a new home page and the tests show:
Firefox on Mac, Windows, Ubuntu: OK
Chromium on Windows: OK
IE9 and IE10: OK
Safari on Mac OS X, Iphone and Ipad: OK
Dolphin on Android: OK
A really old version of Seamonkey we had at the office: OK
IE8 on Windows XP: not OK
All the roman text is showing as bold, and as usual this is not a bug that I can find reported (I even looked on Google). I have found bugs about italics showing instead of romans caused by installation issues, which don’t apply here as we are using webfonts. There is another common bug about faux bolds and italics, but I’m having the opposite problem: a true bold showing up where romans should (and bold italic instead of italic).
Annoyingly, this bug may have been with us for over a monthâwhen we changed our body type.
Given that IE8 was never a good browser to begin with, and anyone who cared about their surfing experiences would not have touched it, it makes me wonder if we should invest any more time trying to get things to work. It does mean that just under a tenth of our readers (or is it just over a fifth? Depends who you want to believe) won’t be able to experience our website the way we intended. I realize older IEs are more commonplace in China but our readership this year in the Middle Kingdom had dipped.
The good news, in some ways, is Microsoft’s announcement that it will cease support for the venerable XP platform in 2014. If trends continue based on the first set of stats, the well obsolete IE8 should dip below the five per cent mark this coming year.
It’s a toss-up between leaving it and fixing it, given that we don’t know why IE8 is misinterpreting the linked fonts (theory: are the character sets of the roman and italic too large for it to handle?). If we knew, then fixing things would be a no-brainer. (Clues are welcome!)
Tags: 2013, computing, design, fonts, internet, JY&A Media, Lucire, media, Microsoft, Microsoft Windows, publishing, redesign, typography, web design, web fonts
Posted in business, design, internet, media, New Zealand, technology, typography | 2 Comments »
Tinkering time
19.02.2013I’m hoping no one has noticed that we are shifting servers, because seamlessness is the sure sign that it’s all been done properly without any effect on our clients, their clients, and our audiences.
Thanks to Nigel Dunn at Xplosiv.lyâNigel and I have worked together both at this firm and, now, between our firmsâall our websites are at a new home, running Nginx.
The tricky ones were Lucire and Autocade, the latter needing a bit of surgery since I hadn’t bothered to update Mediawiki properly since I uploaded the software in 2008. Instead, over the years, I’ve patched it to ensure that viruses and spammers didn’t get in there.
The wise thing to do is to make sure everything is running the latest versions, so Autocade was upgraded to the newest Mediawiki. As the original skin wasn’t compatible (nor was one of the extensions), the eagle-eyed among you will have noticed some minor changes to its look.
Over the next week, you’ll see this website change. I’ve been wanting to tinker with my personal site since last year, when I realized the look was six years old. Two thousand and six in the internet world is, in human evolution, roughly when we started to walk upright.
It’s not finished yetâfar from itâbut I’m still playing with the theme here on WordPress. Right now, the larger type should be clearer to read, and if there are no issues, I’ll roll this look out to the rest of the site, which runs static HTML pages.
I will say it was easier this time than it was in 2006, so I must have learned a thing or two in that time.
Your thoughts are welcome, as always.
Tags: 2013, design, internet, Jack Yan, Nigel Dunn, redesign, website
Posted in design, internet, technology | 1 Comment »
A fresher Lucire (the web edition) for 2013
05.01.2013When Lilith-Fynn Herrmann, Tania Naidu, Julia Chu, Tanya Sooksombatisatian and I redesigned Lucire in 2012, we went for a very clean look, taking a leaf from Miguel Kirjon’s work at Twinpalms Lucire in Thailand. I’m really proud of the results, and it makes you happy to work on the magazineâand just pick up the finished article and gaze at it.
But the websiteâwhere it all began 15 years agoâwas looking a bit dreary. After getting Autocade to 2,000 models, and updating various listings to reflect the 2013 model year, it was time we turned our attention to Lucire.
Like all of these things, the mood has to hit you right, and we needed a quiet news dayâof which there are plenty at this time of the year. We knew where things were with the web: because of improved screen resolutions, type had to be larger. There may beâand this is something we don’t have any research on yetâpeople who are familiar with on-screen reading that some of the rules about line length might apply less. And some of the successful publications have multiple sharingâin fact, there are so many links to like or Tweet or pin something on each page that you can be left wondering just which one you press.
The last big overhaul of the Lucire look online was in 2009, and the updates have been relatively minor since then. But it was looking messy. We had to add icons for new things that were creeping up. One Facebook “like” button wasn’t enough: what about people who wanted to become Facebook fans? Surely we should capture them? Maybe we should put up a Pinterest link? That went up during 2012. We had 160-pixel-wide ads for yearsâso we kept them. The result was tolerable, and it served us reasonably well, but did people still browse Lucire for fun? Or was it just a site where you got the information you needed and left again? Bounce rates suggested the latter.
While some of these things were noted subconsciously, we didn’t have a firm brief initially. We simply decided to do one page with a new look, to see how it would go. We had the print editions in mind. We knew we wanted cleanâbut we still had to eat, so advertising still had to take up some of the page. We also knew that the lead image should be 640 pixels wide, and that that would have to be reflected on the news pages.
I’m glad to say we got lucky. The first page doneâa redesign of Sarah MacKenzie’s BMW X1 first drive, which originally went up with the old look on January 1âworked. It had all the features we wanted, even if it meant abandoning some things we had had for a long time, such as the skyscraper ads. The callouts could go. In fact, we could remove the central column altogether. And the ‘Related articles’ could be moved to the bottom, where they used to be. And we stuck up plenty of sharing tools, even if good design says they introduce clutter, so we could capture users at the start and the end of an articleâbut we used different templates for each one. All the social networking pages we had could go to the top of the page in a row with ‘Follow us’.
The trick was then to repeat the look on other pages.
The âVolante’ index page is the only one so far to be brought into line with the new template, just to try some different layouts. I don’t think it’s quite there yet, though fashion ed. Sopheak Seng believes it’s clean enough. Practically, it is where it should be, but I want some visual drama in there. We’ll seeâI think Sopheak might be right given the function of the index page, and it is heaps cleaner than how it used to look.
The home page, of course, is the biggie, and I’m very proud to note that there’s been some great DIY there. While the slider and Tweets appear courtesy of programming that its authors have distributed freely, it’s a nice feeling to be able to say that they are on there because of in-house work, using Jquery (which we last used internally at JY&A Consultingâs website), and not a convenient WordPress plug-in. Time will tell whether it will prove to be more practical to manage but I think it already is.
I’ve summarized in Lucire some of the features, but there were just sensible things like getting rid of the QR code (what’s it doing on the website, anyway?), the Digg link (yes, really), the Nokia Ovi link (not far from now, kids will be asking what Nokia was). We have removed three of the six news headlines and grouped the remaining ones in a more prominent fashionâwhich might mean people will need to scroll down to see them, so I can foresee them being moved up somehow. But, overall, the effect is, as Sopheak notes, so much closer to the print title.
The slider has solved some problems with Google News picking up the wrong headline, too. I realize the big omission is not doing a proper mobile-optimized version but we need to do a bit more learning internally to deliver that properly. The news pages, which are on WordPress, have the default Jetpack skin. We have made some concessions to mobile devices and Sopheak tells me it is more browseable on his Samsung.
And today, the look went on to all the news pages.
I mentioned to him today that it was very 2002â3. That period, too, saw Lucire get a redesign, standardizing things, making the pages cleaner, and in line with a print style (although at that point, the print edition had not been launchedâthough when it did, we adapted some of the look from the site). That look lasted us into 2006, perhaps longer than it should have been, given that we had some internal issues in that period.
It’s only natural that some clutter will be reintroduced as the years wear onâin Facebook’s case, it only takes a few monthsâbut, for now, we’re hoping that bounce rate goes down, that the team, as a whole, feel far prouder of the work that appears online where it’s seen by more people, and that we have future-proofed a little.
So what were the lessons? (a) You need to keep on top of developments, and, even if you’re not the richest company in the world, you need to have someone thinking about how you look to the public. If smaller companies can manage teams more effectively, then they need to ensure there’s strong loyaltyâand that the feedback about things like the website are collated, either online or kept with one team member who champions the change. When a redesign happens, you’ll need to solve a lot of problems in one go. (b) There is no substitute for doingâand even getting it wrong on occasion. What we’ve done is to phase things inâjust so we can learn from any bugs. (c) And after the job is done, take some time to enjoy it.
There’s probably no surprise when I say that this site is next. I know, it has links to different blog readers. It looks very mid-2000s. Which is no surprise, considering when it was designed âŠ
Tags: 2013, Autocade, cellphones, cross-media issues, design, Jack Yan, JY&A Media, Lucire, management, media, New Zealand, publishing, redesign, Sopheak Seng, technology, web design, website, Wordpress
Posted in design, internet, media, New Zealand, publishing, technology, Wellington | No Comments »
Facebook Timeline gets rolled out: here come the complaints
16.12.2011
Above: My Facebook Timeline, as it appeared in October.
As more of the planet gets on to Facebook Timeline, it’s been interesting to watch reactions.
When Facebook went to a new layout three years ago, plenty of peopleâmyself includedâwent to an anti-new Facebook group. Most were there because they didn’t like change, threatened to leave, and failed to carry out their threat. It was like those who said they would stop reading tabloids after the Princess of Wales diedâas circulation rose the following year.
I joined not because I disliked the changeâI thought the redesign was quite goodâbut because Facebook never did any testing and we were the guinea pigs. The new design was about as reliable as a Wall Street banker, and given it kept failing, I joined to voice my opposition.
No such issue with Timeline, at least not till regularly. Having been on it for two months, I haven’t come across the concerns the majority haveâat all.
Here are a few I’ve heard, including in the mainstream media.
My privacy is compromised. How? Timeline has exactly the same settings as Facebook had, prior to Timeline’s introduction. I didn’t like these new settings when they were introduced in mid-September, because I was used to shutting my wall off to certain people (e.g. those having a company name on a personal accountâyes, I did want to hear from the company, but no, I don’t know who runs the account), but I could see the merit of having public posts which rendered such a setting irrelevant.
If there was a time to complain, it was three months ago. If you’re complaining now, you’re well late. I doubt Facebook will make any changes since relatively few of us made any complaints when the privacy settings were changed last quarter. Those of us who knew were probably spending more time figuring them out and protecting ourselves.
People can now see what I posted x years ago at an instant. Among the changes was a setting that allowed you to restrict all past posts. That was a new privacy entry that wasn’t there before September. Use it and restrict them to yourself, or yourself and your closest friends. I never had this problem, since Facebook always had different classes of friendsâat least since I joined in April 2007âand my statuses were always customized to different audiences.
People can now go back to a particular year and find out more about me. True, but see above.
Itâs ugly. This is one I have some sympathy with. Design is subjective, and there is some merit to the argument that Timeline introduces extra elements on to the page (see below). The rule of good design, in my book, is the reduction of elements. So in some ways, I can understand this complaint, but, I rather like the idea of a “timeline” going down the middle, and I can see why Facebook used the two columns: to minimize the need to scroll.
I can’t go back to the old Facebook. I always thought it was clear that when you changed, that was it.
As usual, my problems with Timeline seem to be different to those of the general public.
Why two friends’ boxes? When Timeline was introduced in September, it was actually cleaner than it is now. There was one friends’ box: in the header. Last week, when it was rolled out to New Zealand, a second box was introduced that was completely superfluous.
I joked that this was typical of American design. They start out with a clean design, like the original Buick Riviera or Oldsmobile Toronado, or even the Ford Taurus, and then they add unnecessary stuff to it and clutter it up. That’s what’s happened with Facebook.
This second box is probably not helping people understand what Timeline is about, and it does contribute to its clumsy look. Amazing how one thing can ruin it, but that’s how design sometimes works.
The location settings. When Facebook allowed friends to tag you at a location, it also gave us the option to approve each tag. Problem: this has never worked properly if using Mobile Facebook. Even when you change the settings to allow automatic tagging, they don’t tend to stick and the tags plain disappear regardless.
Timeline doesn’t work on the 1st of each month. If you’re in New Zealand, tough luck. Your Timeline will stay frozen on the last day of the previous month for most of the day, because the new month doesn’t start until the Americans say it starts. Prior to that, the new month wouldn’t start till the Californians said it starts. Presumably, this is why the New Zealand roll-out didn’t happen on December 1. The error has been there for three months now.
You can no longer use the lists properly. This was a huge surprise, when Facebook stopped me from selecting ‘Limited Profile’ in any privacy setting, be it a status update or a photo album. This has still not been fixed. I traced the bug to Facebook’s new inability to add fan pages to your lists. It still allows you, but beware: adding a fan page to any list will render it inaccessible for your privacy settings.
Not many people seem to care about this one, though there are complaints about Facebook’s ‘Smart Lists’ on its fan page. The majority doesn’t use them, or was unaware they even existed till this year, calling Facebook copycats for taking a Google Plus feature. As mentioned above, it’s certainly been there since the mid-2000s, so I’m unsure how Facebook in 2007 managed to copy Google in 2011.
I’ve got to scroll down a long way. At the time of writing, I have to scroll down six days before I can see my December summary. Before the roll-out, Facebook had this fixed at a number of posts. I preferred it beforeâagain, this lengthy scrolling is contributing to the public’s concerns about Timeline’s concept and their privacy.
The Friendfeed and Tumblr plug-ins no longer work the same way. Facebook will gather up a series of posts before it puts a summary into a Timeline “box”. The Tumblr ones have totally disappeared. (Tumblr has been notified.)
Despite my many misgivings about Facebook, especially about its privacy changes over the years and the imposed defaults that it got a lot of flak about, I have increased my usage at the expense of Tumblr and other services. I now make public posts for the subscribersâthose I choose to have outside my friends’ list. When Facebook killed my Limited Profile last week, I spent some time doing a cullâI’ve cut my list down by about 80 people, including those I was on a business club with but who never shared a single Facebook post with me in two or three years. (âI must have killed more men than Cecil B. de Mille.â) In my mind, these have all been healthy moves.
Popping by others’ pages is a bit more enjoyable, seeing what graphics they have chosen for their headers, although I have spent very little time visiting. I have spent some time âfilling in the gapsâ over November with pre-2007 statuses and photographs for me, and adding locations to other statuses.
In most of these cases, only my real friends know them: that’s the beauty of having availed myself of the privacy settings since day oneâand keeping an eye on them on a very regular basis.
Facebook never took a step back, so I’m afraid no matter what our complaints are, they’ll fall on deaf ears. Even after posting the solution to their newly introduced lists’ bug on to Facebook’s Lists’ Team page, they haven’t lifted a finger to fix the faultâbut, then, since it doesn’t affect the boss, it might never get fixed.
As long as their member numbers keep growing, Facebook might think itself impregnable, even if I like Timeline. Altavista once thought it would remain the number-one website in the world, too.
Tags: 2011, bugs, design, errors, Facebook, internet, New Zealand, privacy, redesign, Tumblr, USA, web design, website
Posted in business, design, internet, New Zealand, technology, USA | 5 Comments »
New Twitter, less utility?
16.12.2010I might have to go on to one of those Twitter clients, when “new” Twitter is forced upon all users soon.
When it eventually began working (it didn’t initially), I liked the new Twitter’s overall look. It was only missing one feature: telling us what the last Tweet of the person was at a glance. I didn’t want to click on each person to see what their last Tweet was.
Knowing what the last Tweet was allows me to make a judgement call about whether I follow that person back. Sometimes you can tell if the Tweeter is actually a spammer, sending automated Tweets that you have no interest in following. For instance, these are my newest followers (sorry, folksâbut since anyone can see you, I’m sure you won’t mind being used for this exercise):
In each case, I already have an idea who is worth following back, and it saves me some time. (I won’t comment on whom I have followed back out of these four.)
The new Twitter is a little slower because it loads so much moreâyet I don’t get any more utility from it, based on my usage.
We all adapt, just as we did with wholesale changes to Facebook and other services. But I wonder whether it will be like Digg or Technorati, or, for that matter, Infoseek and Altavista (remember the portal gag? I think Google does), where changes scared people away.
PS.: Based on Twitter’s own ‘Help Center’, the bug I reported three months ago is still present for a lot of users. While the bug disappeared for me around six weeks ago, I’m now dreading the change, being one of the first people to encounter it when the new Twitter was launched.âJY
Tags: design, history, internet, redesign, technology, Twitter, user interface, World Wide Web
Posted in design, internet, technology | 2 Comments »
Anyone else with a new Google results’ page?
25.02.2010Anyone else have a different resultsâ page layout for Google? Only began happening this morning (NZDT) to me, though I imagine others must have this by now.
Despite my fairly regular moans about technology, I seem to be among the first to get some features. I remember getting the Digg Toolbar about two or three weeks before it was mentioned on Mashable or one of the tech guides; ditto with YouTube when there was a layout change there; and I managed to get the Twitter lists on the first day. Have I been among the early ones this time?
Iâm pretty blasĂ© about the whole thing. I think Iâm suffering from Google fatigue after spending much of the last few months dissing them and their failings. This change doesnât really annoy me, especially after all the other dodgy things that have been happening at Google.
Tags: design, Google, layout, redesign
Posted in design, internet, USA | 1 Comment »