Working Notes — what you see is sort of what you get….

Time to work on this has been limited, but I’ve continued to try to push forward where I can. The focus the last few days has been to finalize the core design and validate it against real content. They key pieces of design are now, I think, done.

2015-01-17_16-59-53

Behold the new front page. The main menu has been changed a bit (and may change in minor ways still). The colors have changed in minor but significant ways (more on that in a second), and you can see that the images now have the title captioned in.

In fact, the title is part of the actual image I’m exporting from Lightroom:

Mr. Grumpy

 

 

This is called either a poster mat or gallery mat border, and more and more photographers are using them. I’ve experimented with them before with mixed success (for instance, the one I use on Flickr has a color that’s too saturated). In this case, the color of the border matches the color of the background the site displays the image on so they merge together and you don’t see it unless you suck out an image and look at it on its own. I’m including the title on these now, along with my name and web site in the border, plus a small watermark/copyright down in the corner.

Coordinating the border with the site led me on a merry match, since the colors I’d chosen were out of gamut in the sRGB color space. A few hours of experimenting (and cussing) finally found a color that was in gamut that both the web site and photoshop would agree were usable and which met my criterion for the site design. It’s a big darker than I’d originally planned, but by shifting to a web safe color I’ll save myself future surprises and pain, so it was worth it.

The goal was always to use a background that was close to neutral but with enough blue to tie the blues of the site design around in a compatible way. I think I succeeded at that. For the image border, I wanted to use the same color so the images and site would mesh cleanly — I didn’t want a lot of different colors and color changes and stripes and borders visible to the eye. That said, I’m debating with myself if there should be a 1 pixel white stroke around the image. Maybe I will, maybe not.  The font used in the border on the image is the venerable Copperplate, which I love and which I think is perfect here, and a font I rarely use because it’s only real use is for very short bits of text like this. Do too much, it’ll make you crazy.

I’ve been experimenting with image size to find the right trade off on size, quality, usability, fast downloads and limiting how enticing it is to rip them off around my copyright. I’ve settled on doing all of my exports at 1500 pixels on the long side. Anything online will have the border wrap and the mini watermark on it — because most of the casual sharing people do today is simply reposting, and almost all of those that do that don’t worry about attribution. the border wrap makes sure the attribution follows the image, and very few of the people doing this casual sharing will edit a photo or crop it. None of this stops the nasty pirates (none of the so-called solutions to that do), and the watermark in the corner is there to prove willful infringement when they crop or photoshop it out and I send a lawyer after them later.

The goal here isn’t to do everything possible to make the image be the star — I don’t want the site design drawing the eye from it; I don’t want the colors I surround it with to compete with the image; I don’t want to use watermarks that destroy the image in an attempt to save it from pirates. Everything is about showing off the image with minimal distractions and let it strut its stuff.

Other changes — in the menus Portfolios has become Photography and I’ve re-arranged the bits in the submenus to something that I feel is more logical. Since I feel the design is now primarily finished I’ve stripped out the temporary content and I’ve started loading in the final content. As I get that set up, I’ll be relinking everything on the main blog to it from the other sources that are going away, and redirecting old links to new links.  This part is going to take some time.; I’m honestly not looking forward to it, but it needs to be done — partly because if you don’t take the time it’ll never look right in the new design, and partly because splitting one site into two isn’t something you can do with a fireaxe, it’s better to take a scalpel and a couple of knitting needles.

Finally, I’ve finished setting up all of the back end pieces you’ll never see — backups, analytics, hooks into Google Webmaster, etc.

On the inside, the basic page designs have settled down.

2015-01-17_19-05-55

I’ve finalized the look of the portfolios, using a masonry style display with images about 225px wide. When I do the galleries of my casual/social images over on the main site, I’ll use the same style but at about 150px wide to differentiate.

I’ve got the text pieces looking the way I want in the broader details (font and paragraph formatting, headings) but not in the small details (lists and site chrome). Those I’ll work out along the way. But the big details are done and the rest is finish work.

Still lots of other things to do. Bits of editorial content (like the about page) to do — been trying to decide about one or two, and I’ve settled on two with each cross-referencing each other. Same with contact info, T&C, Privacy policies… I think it makes sense to build those in parallel on both sites.

On that other site? Still thinking about whether to use the theme I’ve chosen or switch to Photocrati. The latter would probably be easier to use in the update, but I’m not sure that’s the look I want. My current plan of attack is to finish off as much of the Photography side as I can, so I can take my time finalizing that.

The actual fitting out of the new www.chuqui.com looks to be a bear. I can do much of the work seems pretty complicated. I have to put more work into understanding the best/safest way to move all of the pieces around.

Oh, and one bit I still have to figure out: how to best enable HTTPS on the sites, since that’s now a thing site owners ought to worry about, even if they aren’t pushing around accounts or personal info.

 

 

Posted in Redesign 2015: Upgrading chuqui.com in public

New Years Resolutions Considered Harmful

(let me admit up front I’m playing devil’s advocate here… you’ve been warned)

I’ve had this conversation with multiple people this year. When asked what my new years resolutions are, I’ve told them I’m not doing them any more.

My explanation: New Years Resolutions are inherently waterfall, and I’ve moved to a continuous development project management style.

For the non-geeks, let me explain in real english (the geeks are probably laughing their butts off right now):

For the last number of years, I’ve found myself shifting away from making big plans with lots of drama and instead attempting to focus more on what I need to do next. I still have long-term plans (like, for instance “not have to go to work ever again unless I want to”), but I put more energy into what the next steps to take me closer to that goal are, and less about trying to plan out all of the steps before taking any.

In geek speak, this is moving from Waterfall project planning (do all the planning upfront, work out all the details you can, and then code like crazy until you run into something you didn’t plan for or the client changes the requirements on you. Then iterate) to a more agile view of life (what do I need to accomplish tomorrow? What should I focus on this month? what are the short term accomplishments that I need to put energy into?)

For some reason, that got me thinking about the New Years Resolution — what is it? Once a year, you plan out what you’re going to do for the entire year, make a big proclamation of that year-long project, dive into it, and three weeks later you’ve given it up and sit in the coffee shop going “oh well, maybe next year”.

Think about it for a second. Making resolutions once a year encourages making Grand Plans with Big Scope and Large Impact. You may well be well-intentioned about them, but they tend to be big, dramatic changes in what you’re doing and how you live your life. And then you jump into them without any real planning or preparation. On the 3rd, you cut out desserts, smoking, alcohol and hit the gym. On the 5th, your body is so sore you can’t move, your feeling like throwing up, the nicotine habit is kicking you in the groin, and you can’t move to either throw up or give up. By the time you come out of this “too much too soon” load of feeling crappy, it’s really easy to simply not try again.

And in fact, the way society treats resolutions it’s almost a badge of honor to give up on them. People don’t take them seriously, there’s no real incentive to follow through. you’re expected to fail. And so most of the time you do, because we know going into resolution season that we will and that it’s okay.

So why do we keep doing it? Because we can pretend we tried, but it didn’t work. makes us feel better that we can think that.

Major dramatic lifestyle changes have generally the lowest chance of success, because you’re trying to do too much, too soon.

So instead, what I’ve done is instead of trying to one or two big changes doomed to failure once a year, I’ve been trying to understand what my ultimate goal is, and focus more on what my next change, my next project, my next step toward that goal.

Instead of crossing that canyon in one leap on an Wiley Coyote rocket, I’m using the footbridge, one step at a time. And you know how well those Coyote ideas end up, right?

Maybe your New Years resolution should be to give up New Years resolutions, and instead look for that smaller next thing, next step that you can actually accomplish…

 

Posted in Health and Fitness

Working Notes: building out the design

Had a few days where I couldn’t work on the project much, but I spent some time on it this weekend to push it forward another step.

One unexpected change: I woke up Saturday morning to find my that brain had been having a discussion with itself overnight about the FYC site, and whether I really had the cycles and motivation to keep things fresh and build content for it reliably. The decision of this internal oversight committee was that I don’t.

And in thinking about it, that’s correct. For at least the next year, much as I’d like to build out that part of my content suite, it’s — not gonna happen. Or not reliably. And it’s a bad idea to build out something that ends up looking like a ghost town and building virtual tumbleweeds.

So the content I’d planned for FYC is being rolled back into the main site, and I’m only going to do a split out the photography content from the main site, and leave everything else on the main site. That decision has me wondering if I should do the revamped main site in Photocrati instead of the theme I’d decided to use. I’m going to take a few days to chew on that — whether I want the two sites to share a strong common design look with differences, or whether I want the two sites to have distinct looks with common elements. I can make good arguments either way. Going with Photocrati would be simpler because I could share more of the design across both sites, but I’m not convinced that’s what I really want. Decisions, decisions.

Speaking of decisions…

Speaking of decisions, I’ve built out the new photo site and started using it to build out the design. Again, to my surprise, it came together surprisingly fast (6-7 hours) and I’m pretty happy with it — I think. I need to live with the design for a few days and let it sink in to see if I continue to like it.

Here’s the current look of the front page. (you can see the site here at photography.chuqui.com)

2015-01-11_18-19-36

Some of the thinking behind this look. I knew I wanted the front page to feature the photography and as a large carousel of images rather than a gallery or slideshow. I considered going full bleed, decided against it.

To show off the images, I knew I wanted the background behind it to be fairly dark, relatively unsaturated, close to a neutral color, but I intended to design this site around blue so I wanted the background to have some touch of blue to it. I decided I liked this color, which is the pre-defined value for “dark slate” — it’s really a grey with some blue in it, and I don’t think that will clash with images.

All of the other colors are keyed off of that (with one exception). the text is an extremely dark version of that color — close to black but not completely black. The header and footer backgrounds go the other direction to be lighter, but with the same color and saturation values. The drop-down menus, since they cross both the light background and the dark background, needed their own value so it takes on the color of the text with the text being the light background and then reverses for the chosen item. The footer mimics this.

The menu’s been refined out. The logo and branding has been brought from the existing site and revamped into the new color scheme and tweaked a bit to fit into the design.

I’ve been experimenting with various image sizes to see what the best size of image to use; right now I’m standardizing on 1500px wide as the max size (probably not optimal for Retina displays, but I still want to limit image size online as a way to reduce the impact of piracy; there is no great tradeoff here). I’ve shifted to a much lower-visibility watermark, and since I’m not going to do any kind of printing or distribution off the site (well, officially. If people grab stuff, that’s different) so the watermark is being added on export from Lightroom. I’ve been working on the selection/management/export part in Lightroom and the import/organization part within NextGen to make sure that all works smoothly, and I think I have that under control — the less of this stuff you standardize up front and build processes for, the more chaotic your life will be when you roll into production.

As with the current version of my site, I’m going full-width with the “sidebar” content either being made accessible through the menus (like the blog archives) or in the footer, because I find the sidebar cramps the width of the main content area and clashes with the images, and I want the images to stay front and center. In studying most sidebars, I find most of the content there is being given much higher priority on the site than it deserves, so I’m less and less enamored of sidebars on sites. There are a few places where this decision will complicate other decisions — but I want the content to be the star here, not the administration. Is that true on your site?

Along the way I came to the conclusion the site was too monochromatic and needed some element to break up the endless display of blue. The obvious places to add that were in the headers, and for the main header I went to a compatible red because it’d make it easy for the eye to see the start of an article, and for sub-headers I went with a dark version

The dark background complicates the text pages. For instance, the blog page needed some work to make it usable, so I had to hack the theme a bit to display the text on a light background. I personally hate white on black text almost as much as my middle-aged eyes hate text displayed in a low-contrast setup, so I am always going to design with dark text on a lighter background. While the background isn’t white, there’s good contrast.

The links were another place I could toss in a bit of color, so the links are using the red I used in the headers. The hover effect needs to confirm to you that it is in fact a link, so there needs to be a noticeable change when you mouse over. In this case, I think it’s okay to use that low-contrast because it’s the change from the non-hover that matters and because your cursor already has focus on it — in that case, it’s less about readability than confirmation of that mouseover action.

Finally, while none of the fonts I’ve chosen are locked in and permanent, I’m pretty happy with the choices right now; the text font is a slab serif, mainly because I’ve wanted to design with one for a while and see how it works in practice, so I’m curious what you think of the readability. Right now, I like it.

2015-01-11_18-21-10

The pages (as opposed to the blog postings) are used for the longer articles, for landing pages, and for portfolios and because of how the theme displays this, I’m having to introduce custom elements to hold the text rather than just overriding some CSS (I’ll probably move this into a custom page template when I finalize it). As you can see below, I’m testing the look of things within that element. All in all, the customization at this stage is quite minimal and I can use the existing theme structure as is without a lot of tweaking — some of that is by making decisions that take advantage of how the theme is built rather than trying to fight the theme to do things it’s not set up to do natively.

This sample portfolio gives you a look at my current choice for showing off a portfolio page, which is a masonry style display three wide. For the galleries on the main site, I’ll use a similar look, but five-wide, so there’s a visual difference between the portfolios and galleries. For individual images I’ll use NextGen’s Singlepic style, and for multiple images inline in a  blog or text block where the images will live within the light background, I’ll either use the NextGen slideshow, the NextGen blog display block, or as I do on this sample portfolio, use multiple text blocks to put the images back on the dark background — depending on what’s visually less cluttering.

2015-01-11_18-22-32

Next steps

Right now, it seems like things have moved quite far along, and you’re right — except….

So, imagine you’re custom building a house. You’ve poured the foundation, you’ve framed it, you’ve added the roof and closed in the exterior walls so the house is waterproof and you’ve framed the insides and are putting up the electrical, the plumbing and then putting up the drywall. At that stage, a house under construction seems almost done, but it’s not. You have trim, you have appliances, you have paint, and carpet or flooring, and window coverings and outlet covers and… the sheer amount of detail to finish a house can be amazing. And then once you get to the point you can move in, they drop off a truck or three of stuff you’d left in storage and dump 20 years of boxes and furniture  into the rooms for you to organize and put away.

As far as this site’s concerned, I’m at that point where the drywall is mostly up and I’m picking wall colors, but there’s a large number of small design details I still haven’t started working on — to name just one, the way a blog post’s author information is displayed doesn’t work for me and I need to go redesign that. Same with ordered and unordered lists.

And then content. Oh, god… it’s going to take a long time to clean up and move the content, rewire all the images, fix the structure of all that content, update outdated content, etc. Putting the furniture in the right places isn’t that difficult, but there is 20 years of boxes of virtual books and pictures (that need framing and hanging). I’m estimating I’m maybe 30% of the way through this just for this site in terms of number of hours I’m going to have to invest to get there.

I could cut corners, but then every time I look at it, I’d see stuff that doesn’t look right or act right, and even if you, the viewer, don’t pick up on it, elements will be off and the site won’t come off as well as I want it to. Some of that I can automate, but everything will have to be manually reviewed and edited to fix at some level or another.

But it’l be worth it, and part of doing all of that now is to make sure I don’t have to think about it until the next major redesign…. And since two of my goals here — removal of all flash display blocks and shifting to a fully responsive design for mobile devices — can’t be done without going through all of this, it’s worth it. And Having looked at the current site on both iPad and iPhone, I’m pretty happy with the results on those devices so far.

Once I decide on my final theme for the new main site, I’ll start rolling in the design there. Right now I’m thinking to make them be distinct but clearly related is to swap out the light/dark backgrounds, which since the other site will be a lot more textually oriented will make the design a bit easier. And from that decision a lot of the other design ideas (font colors, etc) will be easy, too.

But I want to emphasize, I’m at the point where a lot of the easy stuff is done, but there’s still a huge amount of work to do, and much of that work is the kind of grinding hand work that takes a long time to do and which can get really boring while doing it, but which ends up making a difference between a site that feels slapped together and a site that people like to visit.

If there are two lessons to reinforce to people following this and thinking of doing their own site setups, it’s these lessons:

  • Installing the server and wordpress and installing the theme is the easy part. No theme is going to 100% solve your needs or present your look at first install. How you customize and personalize the theme is going to make a huge difference in whether people see your site as something sloppy and generic or something polished and personal. it’s worth the effort, if you’re going to open the hood and do something like this, to do it well.
  • And if you’re going to go through the work to update your site and modernize the look and feel, you’re really doing yourself a disservice if you don’t clean up your content as well. that part can be mind-numbingly manual and grinding — but people (and the search engines) notice the broken links and ugly formatting and other problems that crop up over time, and if you don’t fix those things, they’ll be things that encourage people who do find your site to not come back. Sloppy look and feel will make them see the content as sloppy as well, and you’ll find it a lot harder to build your reputation and grow your audience if you don’t sweat the details.

And now, back to testing…

Posted in Redesign 2015: Upgrading chuqui.com in public

The Apple CES Media Overlay and the leaked 12″ Macbook Air rumors

If it’s time for CES, there’s one thing seemingly guaranteed every year now, it’s that some kind of Apple News will come out, and as one media person I follow noted, “Suck the air out of CES”. Sometimes Apple’s released a product or issued a press release, but even when it doesn’t, people know it’s a good time for a rumor to come out and get played with. Some of this is simply that the media knows the public will pay attention to Apple news, even weird and obscure rumors — and I think some of media types that don’t go to CES use this as a way to meet their page view quotas against their colleagues who are in Las Vegas.

For whatever reason it happens, it seems that a whole bunch of companies spend a lot of money on CES to promote their products, and then at some point, some kind of Apple noise gets made and drowns out a lot of the fanfare being made in the Vegas Convention Center. I’ll bet that pisses off a lot of PR people in Vegas…

On the other hand, stop and ask yourself how many things were announced at CES last year that you now own. Or care about and want to own. Or even remember being announced. That’s the problem with CES: 95% of what goes on there are companies and products hoping desperately to be noticed, and in fact very little of what happens there has any real substance, so even weak Apple news can easily replace it — because even a weak signal will usually drown out what’s in reality background static and noise.

There are always a few things that come out of CES and become useful technologies or products, but it’s rarely clear until later which ones they are.

This year’s Apple media overlay showed up in two big pieces.

Apple is going to hell. (not really, but hyped up headlines drive readership, right?)

First, Marco posted his worries about where Apple’s software quality is headed. That triggered a strong response with a lot of agreement. Marco later had second thoughts about posting it because of the intensity of the discussion it triggered, but I think that was because I think he’s onto something. If Apple sees nothing out of that discussion, it should pay attention to the number of people who chimed in with their own, similar views, especially from the group I’ll consider the Elite Indie developers, because I see them as the canary in this particular coal mine.

I got involved in that discussion on twitter because I agree with most of what Marco said, but I’ve been struggling with putting out my concerns in some detail. Fortunately, I don’t have to, because Craig Hockenberry did it for me. His piece nicely sums up my worldview in a way I was struggling to. This isn’t an “Apple is doomed” scenario, but to me, the trendlines are negative — there is no cliff, but the beginning of the same kind of worry for a trip into the future that ends up looking like SGI (remember them? No? Ask your dad). A couple of people put up the claim that Apple was nowhere near as bad as Microsoft, and I agree, but to me, that’s irrelevant. What we’re comparing is not Apple compared to any other company, but to the Apple that should be, and the existing Apple and the possible Apple are starting to diverge.

(for an idea of why some of us think the real and potential Apple’s are diverging, you can read Glenn Fleishman and Adam Engst and Tidbits. Both nicely talk about the kind of things we’re seeing crop up that Apple didn’t tolerate and never should tolerate in its own software). My evidence for the prosecution is the quality of iCloud, the absolute disaster that is today’s iTunes (a tool that’s three or four years overdue for a complete overhaul) and the woeful quality of many of the Apps and how those have been changed significantly in non-compatible ways without any real recourse for existing users and no real warning to let them prepare for the update. That’s just not understanding or caring for the end user, and to me unacceptable.

My bottom line on this: Apple has been pushing really hard to get a lot of big things out: the new designs of IOS and Yosemite; the Watch, Apple Pay and better interoperation between IOS and OS X — and that’s some amazingly great technology, but it’s pushed the Apple programming teams really hard. Too hard, and quality has suffered and the rough edges are showing. Now that this massive cycle of innovation has happened, What I’d like to see Apple do is slow down and focus more on performance and quality.

One big change I hope Apple does is push the iPhone to a two-year release cycle. The need for annual, full-line refreshes is over. My suggestion: release a smaller form factor iPhone this year (iPhone 6s) with a screen the size of the older phones, and keep the larger phones in the product line and then iterate the phones every other year — 2015 is the smaller iPhone 6, then 2016 would be the iPhone 7’s. That would allow them to slow down the release cycle of IOS and allow them time for polish, performance and bug fixing, and match up phone releases with the carrier two-year refresh cycle.

Now would be a good time to take a breather for a year or two and focus less on non-stop innovation and more on refinement and improvement — while working in the background for the next big changes in a couple of years.

Apple is coming out with a new Macbook Air (because rumors are always true, right?)

The other new item running through the press right now is a well-timed rumor based on a  leak that shows a new, 12″ monitor version of the Macbook Air. Now, we always know that rumors are always true, right? So we’re all arguing about something that couldn’t be made up. Right?

The big noise about this is that the rumor says that this new Macbook only has two ports, one for headphones and one USB3 (or something like that) to do everything else. And some folks are hypering about how bad an idea that is. Assuming the rumor is true, of course.

What few people seem to do with information like this is take a step back and consider why Apple might be doing this and how it can make sure this new design will work for us. It’s a lot more fun and a lot easier to declare Apple is stupid — when the fact is Apple usually has these things thought through a lot better than the rumor commenters do.

So here’s my thought on this new form factor, assuming it’s true and what Apple might be up to here.

My general thought: I really like this. The primary purpose of the MacBook air is portability, low weight, small form factor. By removing all of the existing ports, you can make the device less power hungry, lighter and smaller. All good things for a device designed to be carried around and used on airplanes.

But only one port? How is that a good idea?

Two ideas: the MagSafe connector is gone. People are talking about power through this single connector, but I don’t think so. The watch is using a new inductive charger (which was something we did with the Touchstone at Palm). I think it’s not unreasonable to assume if Apple is doing a major hardware redesign with this new model that it decides it’s time to retire MacSafe in favor of this updated technology, and the reason there’s no power connector is because you don’t need one. Instead, there will be a place on the case where you can place a magnetic inductive charger, and that will charge the mac without having to plug a cable into the device via a connector. So we no longer need a power plug.

And this new single-port?

Think about we usually use a  MacBook air. Here’s my view of the most common use cases:

On a plane: while traveling, you aren’t going to be plugging in a lot of peripherals. you’re going to be working in a restricted space, and the only thing you’re likely to do is plug in your headset so you can listen to music or watch a movie — which this unit allows. If you can attach an inductive charger to this as needed to keep it powered, you’re covered for this use case.

Away from your workspace: in a coffee shop, in a conference room, hanging out on the couch. Your connectivity needs in this case are limited; maybe load pictures off a card, maybe plug in a portable disk, but you’re not going to wire up lots of things. Inductive charging and one port is going to work fine for most people in this case, but there are ways you an cover those that need more connectivity — I’ll explain in a second.

At your desktop: And after playing road warrior for the day (or days), you come home, go back to your desk, and wire it up to all your stuff. You’ll need more ports and more varieties of ports here, but there’s no reason those ports all need to be built into the computer itself. If you have one port, you can expand it easily, using a hub.

And that’s the way Apple makes that one port connection work. Inductive charging and hubs.

If you’re a road warrior, maybe all you carry is the inductive charger, and you plug the charger in and slap it on to charge when you need to.

If you’re sitting at the coffee shop and need to load pictures off an SD card and save them to your portable hard drive, then you use the neat new charger/hub combo. this is a unit that includes both the inductive charger and a small hub system. slap the charger onto the induction spot and the magnet holds it the the unit, so the hub won’t flop around like Apple’s current dongles. Maybe that hub has an HDMI, 2-3 USB3 and a thunderbolt. More than you might need, in a space maybe the size of a deck of cards that attaches to your computer for you to use — but only when you need it. No need for that stuff to be permanently wired into the classic of the computer any more. Apple wasn’t afraid to remove the DVD drive when it was time to move on, and people yelled about that when it happened, but see how that turned out? This is the next generation of that.

And when you get home? Plug in your desktop hub, just like many of us plug in a thunderbolt hub today, and get the functionality of the network, HDMI, thunderbolt and USB ports — all from one onboard port.

By the way, are we really sure that’s a USB hub? Maybe Apple’s going to announce a new, thin format thunderbolt port standard instead that would allow for a smaller, thinner connector to allow for a smaller, thinner computer?

I’m not saying this is what Apple’s doing. Instead, what I’m saying is more of the people trying to be pundits should stop looking at what’s there, and start thinking a bit more about how Apple would make a system like this work — because there’s a lot of commentary that seems to circle around Apple being stupid, when assuming Apple’s stupid is almost always a bad bet.

And it doesn’t take long to think about ways to make a new form factor like this work, especially when all of the technology pieces already exist and are staring at us in the face…

P.S.  I really like the idea of a magnetic mini-hub for people who need more connectivity some of the time but want light and portable most of the time — and I like it even more when you bring in the idea of inductive charging, which seems to be about to hit the tech world big time. So this could well be, if this device actually sees the light of day, the start of some interesting hardware innovations….

P. P. S. The one worry I see about inductive charging is energy transfer efficiency. Charging a Palm Pre via a Touchstone was only about half as efficient as plugging in that charging wire. I’m hoping Apple’s figured out how to improve that, or we may see the return of the energy sucking wall warts in a new form….

 

 

Posted in Computers and Technology

Working Notes – Site Architecture and connections

What I’ve been doing since the last update includes a couple of things — continuing to dig into WordPress Themes and making preliminary decisions on them (done!) and starting to build out the architecture of this thing so I know both what content I plan to go where and how I need to interconnect them, and what content is being sucked in or pushed out from other services.

For things like this I use a mind map (click through for a larger version)

New chuqui.com

There are four sites in the combined setup now: www (replacing the existing www.chuqui.com), fyc (the review system), photos (the photography portfolio/blog site), and my files server (an apache server that handles random weird stuff I want to make available).

Files will continue to exist as it is today, so it won’t get further mention in the plans. It is basically an apache web server with directory display disabled, so if you go in and look you’ll get 404 pages; without an explicit URL you won’t find anything, and it’s a handy place to dump large files or other random goodies — I use it for the list archives and for things like distributing PDFs and panoramas. Overall, pretty boring and utilitarian.

Notice that the galleries site that I’ve already prototyped up has disappeared from the list. As I built out the architecture it became clear the galleries were sitting off in a corner feeling neglected, and more important, I’d designed in a web site to host them that really didn’t need to be there — they were a feature and not a server. I also consolidated my idea for a commentary digest (working name ‘chuquisplains’ into the three-dot digest because they were too similar and had no real need to live separately.

This is one of the joys of this kind of build-out model, which I like to call “prototype and iterate”. Sometimes you find a better way in the exploration and make changes along the way (that’s a feature not a bug). Since I’m product manager, implementor and business owner and ultimate approver of this, it’s works as a nice, fluid way to get to where I want to be. If I were doing this for a client or my real bosses, I’d be putting more time into design/architecture up front for their approval. That creates a comfort level for them, but I think at times limits the ability to find and create “hey, this is a better way” as you discover stuff in the journey. I find it works for me, and that’s what matters.

So the galleries site will down the road get torn down, but I’ll leave it up for now for folks to poke at if they want.

What is all that stuff, anyway?

This diagram looks complicated and may seem intimidating if you’re in the “I just want a blog” faction out there watching, but it’s not as bad as it seems. The first layer represents the four sites I’ll use to produce my online presence — and remember, I’m taking content currently living on some external sites (SmugMug and Flickr) and pulling it onto my own servers, so if you sit down and map out your own online existence it may well turn out to be this complicated – you just may not be doing it on your own servers.

The salmon books define what the distribution platform is (Apache is basic HTTP, WordPress is the CMS that manages content and shoves it out through Apache). The red blocks are the key tools I’m using to enhance the CMS (wordpress themes and major plug-ins like NextGen Gallery), which tells me what functionality is embedded in the system.

The light blue blocks define which content topics live on which server. The peach blocks do the same for the photography. The dark grey are the special content types based around my three-dot Lounge digest style posting.

The green blocks define what I’m calling portals, which are special code blocks I need to attach to the site to suck in content from other places, while the purpose are gateways, which is the same kind of thing except these are places where I’m pushing content from the site out onto other services.

Basically, these are the things I need to create and the touch points I need to manage. Still missing from this are a few things — the FYC site portals and gateways are only partially designed because that piece is going to trail the other sites in implementation (for now), so I’m still figuring it out. Also, minor tools like, say, a plug-in that enables the mailchimp connections are assumed and not called out in the technology blocks. Also missing are some of the between-site connections (like how I’m going to pull ads from FYC onto the other sites), although I have those generally mapped out in my head. I’ll deal with that later in the design phase and map them in as needed.

This gives me an objective way to look at the new setup and compare it to both my existing sites and my plans and make sure everything I’m currently doing or plan on doing has a place and I understand how it will be treated, what technologies I need to enable it, and how all of the pieces will interact with each other.

This still looks complicated!

Yeah, I hear you. It is. But that’s what makes it fun (and hopefully interesting).

Part of the reason it’s complicated is that I’ve got two intertwined environments here: my photography and my personal interests. In the existing setup, I’ve surpassed a lot of the latter in favor of building the former, but I’m now at the point where I want to put more effort into both, and I don’t believe they can both thrive in a single setup, so I have to split it in two and build them both out to be separate but sharing with each other. The FYC stuff is a way to continue to build the plans I have for creating and growing income off of this site via passive revenue, mostly through amazon affiliate sales. I don’t even have my planned before&after video podcast on the design yet, either.

Also realize there’s a lot of complicated content here. I have blog content going back to 2001 and other content dating back into the late 1980’s, plus my photography. There are a literally thousands of assets to worry about in about a dozen topic categories of content.

If you look at what a photographer who keeps a blog has to manage, it’s honestly not so different, and my feeling is if I’m going to do this, I want to do it right — and build it so I don’t feel the need to rebuild it again for three or four years. Or hopefully longer. all while supporting growing the number of assets into the tens of thousands while keeping it all easy to find and use by all of you — while keeping it efficient to manage and create for me.

So, piece of cake, right?

(actually, if you put in some time up front and build it right…..)

Next Steps

Next steps for me: start defining the structure of the sites by defining the navigation menus and what the major landing pages are going to be. And after that, it’s back into building and prototyping and experimenting with content until I like the structure and feel like it’s pretty solid. And after that, starting on the chrome.

Much to my surprise, this is coming together a lot faster than I expected. Hopefully that will continue… (part of that, to be honest, is that I’ve been working this out in my head for a few weeks, and so putting it down on paper is effectively my second draft of the design)

Posted in Redesign 2015: Upgrading chuqui.com in public