Better indicate to users that 3D models can be interacted with
Open, MediumPublic
Actions

Assigned To

None

Authored By

	CKoerner_WMF
	May 4 2017, 4:48 PM

Description

From: https://commons.wikimedia.org/wiki/Commons:Village_pump#Preparing_for_3D_models_on_Commons

One design piece of feedback: in the 3d View, its not clear that I have the opportunity to manipulate the image. A small hint to "Click and drag, to see the image", or a little logo that does that (as happens with Facebook 360 photo), would help a lot with engaging it.

The mouse cursor icon does turn into the hand cursor, but perhaps a more predominant on-screen indicator of orientation or available interactivity would be wise.

Screenshot from Facebook 360 video. Note the orientation UI toward the top-right corner

Screen Shot 2017-05-04 at 11.44.41 AM.png (563×905 px, 585 KB)

Event Timeline

CKoerner_WMF created this task.May 4 2017, 4:48 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 4 2017, 4:48 PM

TheDJ subscribed.May 4 2017, 5:44 PM

Fuzheado subscribed.May 5 2017, 5:06 PM

@Nirzar would you please advise on a treatment?

dr0ptp4kt triaged this task as Medium priority.May 31 2017, 5:43 PM

dr0ptp4kt added projects: Multimedia, Design.

dr0ptp4kt assigned this task to • Nirzar.Jun 1 2017, 12:05 AM

• Elitre subscribed.Jun 13 2017, 9:11 AM

dr0ptp4kt raised the priority of this task from Medium to High.Jun 14 2017, 9:20 PM

dr0ptp4kt moved this task from Untriaged to Needs Design on the Multimedia board.

dr0ptp4kt lowered the priority of this task from High to Medium.Jul 24 2017, 3:19 PM

jcrespo awarded a token.Nov 14 2017, 2:23 PM

This is a link of a video of what FB uses right now for 360 panorama controls.

It has the 360 degree animation in the center straight after initial loading, this disappears quickly and is to be able to quickly recognise this content.
Then it has the 'orientation' compass in the the top right, which indicates the current angle within the panorama. This is permanently present.
And lastly at the bottom, after a few seconds, it will show an animated 'how-to' to explain how to change the orientation. This is platform dependent. On desktop it tells you u can use a mouse drag, on mobile it tells you to rotate your phone. This is on screen long enough for people to process the instructions, about 3 seconds. It will not show if you already engaged with the content.

Idea: add two circular arrows to indicate that you can drag & interact with the image.

baseline_3d_rotation_black_18dp.png (36×36 px, 517 B)

(Material Design icon)

Removing @Nirzar as assignee, as that account has been disabled.

• Elitre unsubscribed.Nov 5 2019, 12:18 PM

CKoerner_WMF unsubscribed.Dec 12 2019, 4:24 PM

dr0ptp4kt unsubscribed.Jul 28 2023, 3:29 PM

	F26779063: baseline_3d_rotation_black_18dp.png
	Oct 25 2018, 3:54 AM

	F26779045: baseline-3d_rotation-24px.svg
	Oct 25 2018, 3:52 AM

	F7912577: Screen Shot 2017-05-04 at 11.44.41 AM.png
	May 4 2017, 4:48 PM

Better indicate to users that 3D models can be interacted withOpen, MediumPublicActions

Description

Event Timeline

Better indicate to users that 3D models can be interacted with
Open, MediumPublic
Actions