Hacker News new | ask | show | jobs
by criddell 2375 days ago
First, the good. There are a lot of nice ideas here. I especially like that somebody is working on the problem of getting highlights and notes out of the device. Does the Kindle have to be physically connected to the computer, or does it work over the network?

There's also bad... I hate to say this, but I don't think I would use the app because of the way it looks. For example, look at the top screenshot with the tiles for the books and the postage-stamp image in the bottom right corner. IMHO, it doesn't look good. Graphic design isn't something I'm good at so I don't have any recommendations here, but I know that I don't like it.

There also seem to be a lot of odd font choices in the application. I would probably stick with one font family for the UI portions.

1 comments

I'm not a specialist in graphic design, but a few issues that appeared to stand out to me, in no particular order:

1. Whatever the shadowed rectangle is lower left, it looks like an ad that I'm supposed to be sure isn't their content. In other words, it completely doesn't fit with everything else. Its shadow makes it above everything else on the z-index, as if it's the most important thing on the page

2. Inconsistent padding. Similar things should have similar spaces between them. The whole padding scheme falls apart in the lower left, and the massive difference between vertical and horizontal padding on the tiles makes them look wrong. Also, this is a nitpick but the search button should be aligned with the other icons or farther away from them.

3. The tiles are too narrow. This is partly caused by too much padding between the tiles, taking up valuable space.

But text

flows

badly if

you

squish

it too

much

The items should have a set width that lets the examples look nice (maybe so that "Beijing's tallest tower" fits on one line, not sure exactly without seeing it) and then have fewer items on one row if the window can't fit them all.

4. The thumbnails, like you said. If you've got images for titles one can put the text over the image. This is the trickiest of my suggestions to get right. I think it looks cool. Some people hate it. A discussion of ways to do this: https://css-tricks.com/design-considerations-text-images/

5. Color. Color draws attention. Right now my attention is drawn to the thumbnails the floating action button. The rest feels like a mock up that hasn't been colored yet. This seems to use material design, and material design has color palettes. I'd pick one of them and color according to the instructions.

6. That "Storage" floating action button. Does that mean connect a device? If so: the FAB is for stuff people need to do frequently. If people don't need to connect devices frequently this might be better as a de-emphasized button and a prompt on the first run

But then, I'm a random person on the internet whose never launched anything near this impressive. Feel free to ignore my thoughts OP.

@iudqnolq Thanks for your suggestion!

A few problems (padding of those virtual book cover) I have already tried to fix before posting the "SHOW HN" thread. But you have given me a lot of other clue to improve.

Yes, I'm using material design, but at a superficial level, after the initial releasing, I will spend more time at better use the design tool. (eg: lever up color).

The "storage" button is just an entrance of popping up menus. I will change it in the next release version.

Your modest but inspiriting language gives me lots of engergies. Thanks again.