Menu
Community /Pin to ProfileBookmark
@PeterPan_321Jul 20.2015 — #Thanks Jed... you're probably the most helpful person on this domain!
Well hey, I'm still using an i-phone4. Its resolution is technically only 320 wide in profile mode, but even if future devices pack more pixels into the same 2 inch screen a lot of people do like these smaller sizes. I hear more and more complaints that the whole point of a smartphone is for it to NOT take up a ton of space in a purse or pocket, and geeze... what will we do about the i-watch! (LOL).
But the point is, I very much want to think about what I can creatively do to support my products on the smaller screen even if I need to subtly suggest the visitor consider re-visiting on a desktop machine later. The problem really goes beyond graphics, because even text can get bulky. And unfortunately with certain specialized products like this, its hard to get past the fact that deep product details are important. I'm not SONY, after all, and can't depend on 30 other consumer publications to provide the gory details, while I relax with a sparcly populated site with just a few bullet points. And while its possible to judiciously format a "long story" on single huge desktop pages, i-phone pages probably need some notion of "pages", so a reader can at least "bookmark" where they left off. just thinking out loud here.
But for now, I'm all ears as to what would be the best approach(es). I'm fully aware that there are no perfect solutions here, but I would like the benefit of many minds. :-) And figuring out a good compromise for displaying product closeups would be a good start.
Advise on displaying product photos, on smaller screens
I’m developing a (hopefully) responsive site to provide information about some electronic products for musicians I’ve developed. Of course I’ll make a video demo, but right now I’m concerned about offering some photos with reasonable detail. Back when desktop machines were my only concerns, I’d probably opt for some small to medium sized photos which when clicked (or hovered over) would pop-up a separate window with a larger and more high res. photo, perhaps with scrolling if I really wanted to display more detail than a window normally would. There are plenty of online tutorials and tools for doing that, but for smaller screens I think I need a different strategy, or just a reasonable strategy that scales well. So I’m just looking for suggestions for presentation.
Maybe for mobil screens its better I use on-click pop-ups that simply open a new window/tab with a close box that also closes the window. That way I can take up the whole screen and provide sufficient resolution that a user can just scale and navigate around for a closer look? I certainly don’t want to force the higher res images to preload or take up bandwidth until a viewer requests it. Thoughts/
Sign in
to post a comment3 Comments(s) ↴
0
@PeterPan_321Jul 20.2015 — #Well hey, I'm still using an i-phone4. Its resolution is technically only 320 wide in profile mode, but even if future devices pack more pixels into the same 2 inch screen a lot of people do like these smaller sizes. I hear more and more complaints that the whole point of a smartphone is for it to NOT take up a ton of space in a purse or pocket, and geeze... what will we do about the i-watch! (LOL).
But the point is, I very much want to think about what I can creatively do to support my products on the smaller screen even if I need to subtly suggest the visitor consider re-visiting on a desktop machine later. The problem really goes beyond graphics, because even text can get bulky. And unfortunately with certain specialized products like this, its hard to get past the fact that deep product details are important. I'm not SONY, after all, and can't depend on 30 other consumer publications to provide the gory details, while I relax with a sparcly populated site with just a few bullet points. And while its possible to judiciously format a "long story" on single huge desktop pages, i-phone pages probably need some notion of "pages", so a reader can at least "bookmark" where they left off. just thinking out loud here.
But for now, I'm all ears as to what would be the best approach(es). I'm fully aware that there are no perfect solutions here, but I would like the benefit of many minds. :-) And figuring out a good compromise for displaying product closeups would be a good start.