mosaico_learning_logo
mosaico_logo_elearning
p11
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

CONTATTACI

Tre idee per rendere interattiva una immagine stock

2021-07-07 02:00

mosaicoelearning

Digital learning, steve Jobs, online, elearning, user interface, italog, archivi, business development manager, immagine,

Tre idee per rendere interattiva una immagine stock

3-idee-per-rendere-interattiva-una-immagine-stock-.png
banner21-1024x230-1-.png
e-learning-interactions-.png


In un recente workshop sulla creazione di interazioni, abbiamo esaminato i modi per acquisire una singola immagine e creare contenuti interattivi. È una buona attività pratica perché molti di noi non sono grafici, quindi ci aiuta a vedere modi diversi di utilizzare le immagini stock senza dover fare molte modifiche. Inoltre questa attività ci porta a pensare ai contenuti interattivi in ​​modi che inizialmente non avevamo nemmeno considerato.



L’idea di partenza è quella di trovare un’immagine da utilizzare per un'interazione. Prima di iniziare, ecco alcune caratteristiche che deve avere l’immagine che cerco:


  • Essere visivamente interessante. Non sono un grafico e le mode valgono anche per il design, per cui i gusti cambiano ogni anno. Quindi, cerco di trovare immagini che abbiano un aspetto nuovo e moderno.
  • Avere aree di contenuto. Dal momento che sto usando una singola immagine che fa da grafica unificante, questa deve avere delle aree in cui è possibile aggiungere contenuti. A volte è necessario posizionare un box o qualche altra forma sull'immagine, quindi è necessario avere dello spazio nell'immagine che vada bene per posizionare il contenuto. Per esempio, nelle seguenti demo che ho realizzato, tutte le immagini che ho scelto hanno un’area libera dove è possibile inserire un contenuto. Per esempio: nella prima demo il contenuto viene mostrato nello schermo del computer o in altri oggetti nell’area di lavoro, nella seconda l’area è posizionata al centro nella sezione vuota, mentre  per il collage aziendale ho creato un pannello laterale.

  • Contesto visivo. Cerca delle immagini che offrano un contesto visivo che si adatti al contenuto del corso. Solitamente, immagini generiche con interni di uffici, scrivanie e aree di lavoro funzionano alla grande.


Ecco tre esempi che dimostrano come sia semplice utilizzare una singola immagine per inserire degli elementi interattivi.


Interazione esplorativa

zoom-office-interaction-.png


Fare clic qui per visualizzare la demo.



In questo esempio, una singola immagine fornisce un contesto simile a quello di un ufficio. Questa immagine potrebbe essere usata come un'interazione esplorativa, poiché facendo clic sugli oggetti vengono visualizzati contenuti aggiuntivi. Fai una domanda. Cerca indizi per rispondere.



Post originale: Create an Interactive Course Using a Single Image includes free download.


Interazione “Meet the team”

character-interaction-.png


Fare clic qui per visualizzare la demo.



L'esempio originale è stato utilizzato per il conteggio dei clic con le variabili. Tuttavia, la singola immagine potrebbe essere utilizzata per fare clic su un personaggio per scoprire più informazioni, come per esempio presentare una nuova squadra lavorativa. L'area centrale è perfetta per visualizzare i contenuti.



Post originale: E-Learning Tutorial – Easy Way to Make an Image Interactive


Collage aziendale

business-interaction-.png


Fare clic qui per visualizzare la demo



Mi piacciono molto queste immagini collage perché ce ne sono davvero tante da poter usare. L'originale di questa demo è stata costruita in PowerPoint e poi trasposta in Storyline. Ecco il link per il download di entrambi i file.



Post originale: Here’s a Simple Way to Convert Your Course to an Interactive Story





Spero che questo articolo abbia stimolato la tua fantasia e ti abbia ispirato. Se vuoi un buon punto di partenza, inizia con una ricerca nelle immagini stock e sono sicuro che troverai molte idee interessanti.


 



Traduzione autorizzata tratta dal post originale di Tom Kuhlmann su “Rapid E-Learning Blog”.



Il post originale è disponibile qui.


 


Ti è piaciuto questo articolo? Segnalalo ai tuoi colleghi!

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Articulate

Per acquistare o ricevere informazioni sui prodotti Articulate articulate@mosaicoelearning.it
 

Dove
Ragusa, Via del Melograno, 77

Digital Learning

Per richiedere un preventivo su corsi o servizi elearning corsi@mosaicoelearning.it

Digital Learning

Per richiedere un preventivo su corsi o servizi elearning corsi@mosaicoelearning.it

Articulate

Per acquistare o ricevere informazioni sui prodotti Articulate articulate@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

footer

facebook
instagram
twitter
linkedin

www.mosaicoelearning.it @ All Right Reserved 2022 - Sito Realizzato da Flazio Experience

k2.svg
k1.svg
k4.svg
p2.svg
k5.svg
k3.svg
Create Website with flazio.com | Free and Easy Website Builder