SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
Csatolmányok és beágyazható linkek egységes kezelése
Indamail concept
Aadaam <aadaam@gmail.com>
A dokumentumban szereplő mockupok az Indamail termék képvilágát, esetenként brand-elemeit,
ikonkészletét használják. Jelen dokumentum szerzőjének nincs kapcsolata az IndaMail alkotógárdájával,
a felhasználás célja pusztán a konkrét termékkel kapcsolatos ötletek élethűbb bemutatása.
Concept alapvetései
Ha a leveleim közt egy csatolmányt, vagy küldött linket keresek, a levél tartalmára nem feltétlenül vagyok kiváncsi.
(Sok esetben az amúgyis érdektelen), pusztán a tényleges tartalomra
Egy videót, képet, csatolmányként, linkként éppúgy elküldhetek
Az óriáscsatolmányok fogalma tovább csökkenti a különbségeket
Ezért
A csatolmányokat és a beépíthető médiatartalmakat hasonlóan kell kezelni.
Tehát
Mindaz a funkcionalitás (helyben lejátszás, előnézet, listázás) megilleti a csatolt képet, hangot, videót éppúgy,
mint ezek óriáscsatolt vagy médiamegosztó weboldalakon tárolt változatai
I. A médiumok összemosódása
II. A levél mint a médiumokat tartalmazó "boríték"
A youtube, flickr, scribd, gDocs korában az embed és a csatolmány fogalma összemosódik
Egy levél akárhány linket, csatolmányt tartalmazhat.
Ezért
Biztosítsunk közvetlen hozzáférést a csatolmányokhoz, támogassuk azok közvetlen megnyitását
Tehát
Listázzuk ki a levélhez tartozó csatolmányokat mintha egy fa elemeit bontanánk ki
Biztosítsunk közvetlen hozzáférést a csatolmányok megtekintéséhez, lejátszásához
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Ezt nézd meg Ma 11:23
Kovács Béla Vicces video Ma 11:23
Mellékletek, linkek
Mappa: Érkezett
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
Inbox
Ha a leveleim közt egy
csatolmányt, vagy küldött
linket keresek, a levél
tartalmára nem feltétlenül
vagyok kiváncsi.
Ezért ehelyett a melléklet
keresőbe megyek
(Ez jelenleg a Gyors Linkek
néven futó szolgáltatás)
Ez akár alapból is be lehet
kapcsolva
Kilépési pontok:
Mellékletek - a legfrissebb,
bármilyen fajta mellékletet
vagy beszúrható
médiamegosztó linket
tartalmazó levelek listája
Mellékletek melletti
háromszög - A mellékletek
és beszúrható elemek
típusainak listáját nyitja
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Ezt nézd meg Ma 11:23
Kovács Béla Vicces video Ma 11:23
Mellékletek, linkek
Levelek mellékletekkel, linkekkel
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
Vicces_Eloadas.pptx 3500 KB.
Mellékletek
A legfrissebb, mellékletekkel
rendelkező levelek listája.
Szerencsés, ha a levelek
rögtön lenyitott állapotban
szerepelnek, és lehet együtt
nyitni/csukni.
Ha egy levél túl sok elemet
tartalmazna, a legelső 2-3
elemet érdemes
megjeleníteni, továbbá egy
tovább linket
Kilépési pontok:
Levél melletti háromszög -
A levélben küldött
mellékletek és beszúrható
elemek listáját rejti el vagy
jeleníti meg. Alapállapota
nyitott.
Melléklettípusok listája - a
levelek listáját szűri azokra
a levelekre, amik az adott
típusú mellékletet
tartalmazzák
Megjelenítés, letöltés -
sima fájloknál u.a.
Mindet csuk Mindet nyit
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Vicces video Ma 11:23
Kovács Béla Vicces video Ma 11:23
Mellékletek, linkek
Levelek Videó, Hang mellékletekkel, linkekkel
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
The Aristocrats - Everbo... 5:21
Mindet csuk Mindet nyit
Videók
A példában egy YouTube
videó szerepel.
Ennek mérete a videó
hossza, letöltés helyett
pedig a Youtube weboldalát
nyithatjuk új ablakban.
Kilépési pontok:
Új ablakban - A YT új
ablakban nyílik az eredeti
linkkkel
Lejátszás - Egy beépített
lejátszó (akár lenyíló réteg,
példánkban lightbox)
megnyitja a tartalmat
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Vicces video Ma 11:23
Kovács Béla Vicces video Ma 11:23
Mellékletek, linkek
Levelek Videó, Hang mellékletekkel, linkekkel
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
The Aristocrats - Everbo... 5:21
The Aristocats - Everybody wants to be a cat
Videólejátszás
Példánkban helyi megnyitás
helyett egy lightboxban
nyitjuk meg a tartalmat.
Fontos, hogy vissza
lehessen térni a listához, de
meg lehessen nyitni a
levelet is.
A lightbox itt egy példa,
lehet még egy szint lenyitás
is.
Kilépési pontok:
Új ablakban - A YT új
ablakban nyílik az eredeti
linkkkel
Levél - a mellékletet
tartalmazó levelet nyitja
meg
Bezárás - megállítja a
lejátszást és bezárja a
lightboxot.
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Vicces video Ma 11:23
Kovács Béla Vicces video Ma 11:23
Mellékletek, linkek
Levelek Videó, Hang mellékletekkel, linkekkel
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
The Aristocrats - Everbo... 5:21
Mindet csuk Mindet nyit
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Ket kep Ma 11:23
Kovács Béla Tobbi kep Ma 11:23
Mellékletek, linkek
Levelek Kép mellékletekkel, linkekkel
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
Kep 1.jpg 1120KB
Kep 2.jpg 1132KB
Mindet csuk Mindet nyit
további 3 elem... Mutat
Érkezett (4/7)
Közösségek (0/0)
Elküldött (0/4)
Piszkozat (0/0)
Spam (0/0)
Kuka (0/0)
Ismerősök
Új levél írása
Feladó Tárgy Dátum
Kovács Béla Vicces video Ma 11:23
Kovács Béla Vicces video Ma 11:23
Mellékletek, linkek
Levelek Videó, Hang mellékletekkel, linkekkel
Mappába vele Kukába vele Spamnek jelöl
Mappába vele Kukába vele Spamnek jelöl
The Aristocrats - Everbo... 5:21
Kep 1.jpg (1/5)
Képgaléria
Ha egy csatolmány több
azonos típusú elemet is
tartalmaz, galériába
szervezhetőek.
Ez képekre jellemző, de
megoldható videóra is.
Opcionálisan használható
az indafotó slideshow
modulja is.
Kilépési pontok:
Előző/következő kép - A
levélhez csatolt képek közt
lapoz
Levél - a mellékletet
tartalmazó levelet nyitja
meg
Bezárás - megállítja a
lejátszást és bezárja a
lightboxot.
Letöltés - a csatolt képet
letölti

Weitere ähnliche Inhalte

Mehr von Adam Nemeth

Agilis UX - Frontend Meetup előadás
Agilis UX - Frontend Meetup előadásAgilis UX - Frontend Meetup előadás
Agilis UX - Frontend Meetup előadásAdam Nemeth
 
Nearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conferenceNearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conferenceAdam Nemeth
 
Frontend First Design & Development
Frontend First Design & DevelopmentFrontend First Design & Development
Frontend First Design & DevelopmentAdam Nemeth
 
Kanban - út a rend felé
Kanban - út a rend feléKanban - út a rend felé
Kanban - út a rend feléAdam Nemeth
 
Webszolgáltatások elmélete és gyakorlata
Webszolgáltatások elmélete és gyakorlataWebszolgáltatások elmélete és gyakorlata
Webszolgáltatások elmélete és gyakorlataAdam Nemeth
 
Nearby Feeling: Urban Architecture
Nearby Feeling: Urban ArchitectureNearby Feeling: Urban Architecture
Nearby Feeling: Urban ArchitectureAdam Nemeth
 
Unified Instant messaging in Hungary?
Unified Instant messaging in Hungary?Unified Instant messaging in Hungary?
Unified Instant messaging in Hungary?Adam Nemeth
 
OptimalWorkshop az OnlineMarketingnél
OptimalWorkshop az OnlineMarketingnélOptimalWorkshop az OnlineMarketingnél
OptimalWorkshop az OnlineMarketingnélAdam Nemeth
 
What makes a good map?
What makes a good map?What makes a good map?
What makes a good map?Adam Nemeth
 
The Earth is Flat
The Earth is FlatThe Earth is Flat
The Earth is FlatAdam Nemeth
 
Creating web services
Creating web servicesCreating web services
Creating web servicesAdam Nemeth
 

Mehr von Adam Nemeth (11)

Agilis UX - Frontend Meetup előadás
Agilis UX - Frontend Meetup előadásAgilis UX - Frontend Meetup előadás
Agilis UX - Frontend Meetup előadás
 
Nearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conferenceNearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conference
 
Frontend First Design & Development
Frontend First Design & DevelopmentFrontend First Design & Development
Frontend First Design & Development
 
Kanban - út a rend felé
Kanban - út a rend feléKanban - út a rend felé
Kanban - út a rend felé
 
Webszolgáltatások elmélete és gyakorlata
Webszolgáltatások elmélete és gyakorlataWebszolgáltatások elmélete és gyakorlata
Webszolgáltatások elmélete és gyakorlata
 
Nearby Feeling: Urban Architecture
Nearby Feeling: Urban ArchitectureNearby Feeling: Urban Architecture
Nearby Feeling: Urban Architecture
 
Unified Instant messaging in Hungary?
Unified Instant messaging in Hungary?Unified Instant messaging in Hungary?
Unified Instant messaging in Hungary?
 
OptimalWorkshop az OnlineMarketingnél
OptimalWorkshop az OnlineMarketingnélOptimalWorkshop az OnlineMarketingnél
OptimalWorkshop az OnlineMarketingnél
 
What makes a good map?
What makes a good map?What makes a good map?
What makes a good map?
 
The Earth is Flat
The Earth is FlatThe Earth is Flat
The Earth is Flat
 
Creating web services
Creating web servicesCreating web services
Creating web services
 

Indamail embed csatolmanyconcept

  • 1. Csatolmányok és beágyazható linkek egységes kezelése Indamail concept Aadaam <aadaam@gmail.com> A dokumentumban szereplő mockupok az Indamail termék képvilágát, esetenként brand-elemeit, ikonkészletét használják. Jelen dokumentum szerzőjének nincs kapcsolata az IndaMail alkotógárdájával, a felhasználás célja pusztán a konkrét termékkel kapcsolatos ötletek élethűbb bemutatása.
  • 2. Concept alapvetései Ha a leveleim közt egy csatolmányt, vagy küldött linket keresek, a levél tartalmára nem feltétlenül vagyok kiváncsi. (Sok esetben az amúgyis érdektelen), pusztán a tényleges tartalomra Egy videót, képet, csatolmányként, linkként éppúgy elküldhetek Az óriáscsatolmányok fogalma tovább csökkenti a különbségeket Ezért A csatolmányokat és a beépíthető médiatartalmakat hasonlóan kell kezelni. Tehát Mindaz a funkcionalitás (helyben lejátszás, előnézet, listázás) megilleti a csatolt képet, hangot, videót éppúgy, mint ezek óriáscsatolt vagy médiamegosztó weboldalakon tárolt változatai I. A médiumok összemosódása II. A levél mint a médiumokat tartalmazó "boríték" A youtube, flickr, scribd, gDocs korában az embed és a csatolmány fogalma összemosódik Egy levél akárhány linket, csatolmányt tartalmazhat. Ezért Biztosítsunk közvetlen hozzáférést a csatolmányokhoz, támogassuk azok közvetlen megnyitását Tehát Listázzuk ki a levélhez tartozó csatolmányokat mintha egy fa elemeit bontanánk ki Biztosítsunk közvetlen hozzáférést a csatolmányok megtekintéséhez, lejátszásához
  • 3. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Ezt nézd meg Ma 11:23 Kovács Béla Vicces video Ma 11:23 Mellékletek, linkek Mappa: Érkezett Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl Inbox Ha a leveleim közt egy csatolmányt, vagy küldött linket keresek, a levél tartalmára nem feltétlenül vagyok kiváncsi. Ezért ehelyett a melléklet keresőbe megyek (Ez jelenleg a Gyors Linkek néven futó szolgáltatás) Ez akár alapból is be lehet kapcsolva Kilépési pontok: Mellékletek - a legfrissebb, bármilyen fajta mellékletet vagy beszúrható médiamegosztó linket tartalmazó levelek listája Mellékletek melletti háromszög - A mellékletek és beszúrható elemek típusainak listáját nyitja
  • 4. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Ezt nézd meg Ma 11:23 Kovács Béla Vicces video Ma 11:23 Mellékletek, linkek Levelek mellékletekkel, linkekkel Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl Vicces_Eloadas.pptx 3500 KB. Mellékletek A legfrissebb, mellékletekkel rendelkező levelek listája. Szerencsés, ha a levelek rögtön lenyitott állapotban szerepelnek, és lehet együtt nyitni/csukni. Ha egy levél túl sok elemet tartalmazna, a legelső 2-3 elemet érdemes megjeleníteni, továbbá egy tovább linket Kilépési pontok: Levél melletti háromszög - A levélben küldött mellékletek és beszúrható elemek listáját rejti el vagy jeleníti meg. Alapállapota nyitott. Melléklettípusok listája - a levelek listáját szűri azokra a levelekre, amik az adott típusú mellékletet tartalmazzák Megjelenítés, letöltés - sima fájloknál u.a. Mindet csuk Mindet nyit
  • 5. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Vicces video Ma 11:23 Kovács Béla Vicces video Ma 11:23 Mellékletek, linkek Levelek Videó, Hang mellékletekkel, linkekkel Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl The Aristocrats - Everbo... 5:21 Mindet csuk Mindet nyit Videók A példában egy YouTube videó szerepel. Ennek mérete a videó hossza, letöltés helyett pedig a Youtube weboldalát nyithatjuk új ablakban. Kilépési pontok: Új ablakban - A YT új ablakban nyílik az eredeti linkkkel Lejátszás - Egy beépített lejátszó (akár lenyíló réteg, példánkban lightbox) megnyitja a tartalmat
  • 6. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Vicces video Ma 11:23 Kovács Béla Vicces video Ma 11:23 Mellékletek, linkek Levelek Videó, Hang mellékletekkel, linkekkel Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl The Aristocrats - Everbo... 5:21 The Aristocats - Everybody wants to be a cat Videólejátszás Példánkban helyi megnyitás helyett egy lightboxban nyitjuk meg a tartalmat. Fontos, hogy vissza lehessen térni a listához, de meg lehessen nyitni a levelet is. A lightbox itt egy példa, lehet még egy szint lenyitás is. Kilépési pontok: Új ablakban - A YT új ablakban nyílik az eredeti linkkkel Levél - a mellékletet tartalmazó levelet nyitja meg Bezárás - megállítja a lejátszást és bezárja a lightboxot.
  • 7. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Vicces video Ma 11:23 Kovács Béla Vicces video Ma 11:23 Mellékletek, linkek Levelek Videó, Hang mellékletekkel, linkekkel Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl The Aristocrats - Everbo... 5:21 Mindet csuk Mindet nyit
  • 8. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Ket kep Ma 11:23 Kovács Béla Tobbi kep Ma 11:23 Mellékletek, linkek Levelek Kép mellékletekkel, linkekkel Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl Kep 1.jpg 1120KB Kep 2.jpg 1132KB Mindet csuk Mindet nyit további 3 elem... Mutat
  • 9. Érkezett (4/7) Közösségek (0/0) Elküldött (0/4) Piszkozat (0/0) Spam (0/0) Kuka (0/0) Ismerősök Új levél írása Feladó Tárgy Dátum Kovács Béla Vicces video Ma 11:23 Kovács Béla Vicces video Ma 11:23 Mellékletek, linkek Levelek Videó, Hang mellékletekkel, linkekkel Mappába vele Kukába vele Spamnek jelöl Mappába vele Kukába vele Spamnek jelöl The Aristocrats - Everbo... 5:21 Kep 1.jpg (1/5) Képgaléria Ha egy csatolmány több azonos típusú elemet is tartalmaz, galériába szervezhetőek. Ez képekre jellemző, de megoldható videóra is. Opcionálisan használható az indafotó slideshow modulja is. Kilépési pontok: Előző/következő kép - A levélhez csatolt képek közt lapoz Levél - a mellékletet tartalmazó levelet nyitja meg Bezárás - megállítja a lejátszást és bezárja a lightboxot. Letöltés - a csatolt képet letölti