0

In an Android application, I have to display images during texts. For example: enter image description here

So image must be a part of text without border, shadow, ... or with button effect. Problem is that sometimes image does not load properly, for example:

enter image description here

Now I have to denote that image is refresh-able by clicking it. How I can denote this with keeping image as part of text?

Edit

  • Really above problem occurs at run-time and my application cannot detect loaded/generated image is incomplete, else it could try for reloading/regenerating.
  • My application is a Flashcard Application enter image description here
  • a card may contain more than one image
  • 3
    Is it impossible to solve the loading problem? That's ultimately the solution that would provide the best user experience. – maxathousand Jul 16 '18 at 19:00
  • could you provide more context? like a screenshot of the page where it would be embebed in – Alejandro Veltri Jul 16 '18 at 20:12
  • @AlejandroVeltri I edited my question, please see it again. – hasanghaforian Jul 17 '18 at 3:00
0

You could blur out or change opacity to low on the icon that is semi-loaded; and then added a refresh icon on top of that with more prominent colour, like black to dark grey.

See a simple example below.

Of course, colouring, opacity and exact size and positioning of the refresh icon is up to your eyes.

PS: As someone mentioned in the comments, fixing the loading issue would probably be your unltimate solution indeed.

Hope this helps.

| improve this answer | |
  • 1
    Thank you for your reply, but as I discussed in edition of my question, really above problem occurs at run-time and my application cannot detect loaded/generated image is incomplete, else it could try for reloading/regenerating. – hasanghaforian Jul 17 '18 at 2:59
0

I'm sure you already know, but I have to say it:

First and foremost, the loading problem is the issue that really should be addressed. I'm not sure where these images are coming from, if they're being incorrectly generated, or why they're rendering when only partially loaded, but this is ultimately the issue that needs to be solved. Users have experienced long load times and can be adequately prepared for that (loading indicators, image placeholders, lower quality images that get replaced with hi-res, etc...), but half-loaded images is unexpected, so a user wouldn't necessarily be ready to handle that.

Until you fix the real loading issue, I'd suggest simply reporting it as an error.

However your app reports errors, I'd follow the same pattern and show that some images failed to load. Provide the user with a way to trigger a reload, preferably one that requests all failed images so they don't have to find and tap each failed image.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

| improve this answer | |
  • Thank you for your reply. I added more details. Please see my question again. – hasanghaforian Jul 17 '18 at 3:08
  • @ Also you talked in about image placeholder. Do you think OBJECT REPLACEMENT CHARACTER (U+FFFC) is a good candidate? – hasanghaforian Jul 17 '18 at 3:36
  • @hasanghaforian Would you be able to use a placeholder if you can't detect if the image loaded successfully? I think you should ask this question with additional technical details at StackOverflow and try to solve the loading issue. – maxathousand Jul 17 '18 at 13:46
  • I mean I can display an image placeholder (for example (U+FFFC) before loading and displaying image without knowing if image loading was successful or not. – hasanghaforian Jul 18 '18 at 1:42
0

Have you tried regenerating the images after the first content load occurs ? Eg: You load the content and some images are not completely loaded. You do a background reload of all images. Based on cache and other factors the reload should happen faster and issues of the images should be solved. As there is no way to know if the image is loaded or not this would be your best take on the issue.

Else you could ask the user if the images are loaded or not and prompt him to reload. But this implies that you either add placeholders where images are or the user won't really know where to expect an image or not.

enter image description here

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.