SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
RWD-IMAGES IM 
IF($LOCATION==”T3CRR”) 
{ECHO “T3“;} 
ELSE 
{ ECHO „MODERNEN“;} 
CMS-BACKEND
WARUM BENUTZEN WIR ÜBERHAUPT BILDER? 
- Katzen [Extremst Kritikal!!] 
- Personen [Sehr Kritisch] 
- Produktbilder [Kritisch] 
- Ereignisbilder [Mittel] 
- Stimmungsbilder [in der Regel eher unkritisch] 
- …
WER BENUTZT / PFLEGT DIE BILDER? 
- Eltern [Extremst Kritikal!!] 
- PR-Leute [Sehr Kritisch] 
- Sekretärin [Kritisch] 
- Chefs [Kritisch] 
- Admins [Sehr kritisch] 
- Zertifizierte und erfahrene Content-Integratoren [Kritisch?]
WOHER KOMMEN DIE BILDER? 
- Google [Extremst Kritikal!!] 
- Failblog & Co [Sehr Kritisch] 
- Stockfoto [Mittel] 
- Handy [Kritisch] 
- Profikamera [Kritisch] 
- Desktop [Kritisch] 
- Dropbox, GoogleDrive, Skydrive [Wie soll das gehen?] 
- Synology, Server & Co [hmm]
WELCHE ANFORDERUNGEN HABEN WIR AN MODERNES RWD DESIGN IM BACKEND? TEIL I 
- Focal Point – Wie sichere ich wichtige Bildinhalte wie Gesichter, Logos etc. 
o Multi-Focal-Points (Centering& Auto-(soft)-Crop (Beispiel Auto) 
- Save-Bereich Soft-Cropping (für RWD) 
- Rendering (Engine, Steuerung, etc.) 
- Komprimierung 
- Scaling
ANFORDERUNGEN TEIL II 
- Retina Resolution 
- Progressive Images 
- Automationen von Ausgabevarianten 
- LoFi-HighFi 
- Master-Clone-Varianten (ein Master, mehrere Ausprägungen) 
- DAM 
o Fotoware, Cumulus 
o Leading System (Bi-Lateral) 
o Generelle APIs 
o Lightroom
ANFORDERUNGEN III 
- Cropping 
- Soft-Cropping (für RWD) 
- Adaptive Styling 
- Meta-Data 
o Softcrop 
- Lifecycle-Management 
- Redundanzvermeidung
WIE GEHT ES JETZT WEITER? 
- An welche Bereiche müssen wir ran? 
o Anforderungsdefinition je Zielgruppe 
 Redakteur 
 PR 
 Social-Media-Manager 
 Produktmanager 
 Admin 
 Gelegenheitsmanager 
 DAU (Schnittmenge mit den oben genannten möglich)
WIE GEHT ES JETZT WEITER? 
o Verstehen und Durchspielen der typischen Pflege-Workflows 
 Definition von Best-Practice 
 Wo wird das Bild ausgesucht 
 Lifecycle-Management 
 Ausgabensteuerung 
 Automation 
o UX-Design – UX-Definition 
o Roadmap für Umsetzung

Contenu connexe

En vedette

Productes soin visage
Productes soin visageProductes soin visage
Productes soin visageLadylidia3
 
Big Jump Challenge 2013 in Bildern
Big Jump Challenge 2013 in BildernBig Jump Challenge 2013 in Bildern
Big Jump Challenge 2013 in BildernBigJump
 
Presentación13
Presentación13Presentación13
Presentación13veronica
 
C a pc7_guia9
C a pc7_guia9C a pc7_guia9
C a pc7_guia9pinqui
 
ICME Profile Apr09
ICME Profile Apr09ICME Profile Apr09
ICME Profile Apr09Mario Caputi
 
Precentacion
PrecentacionPrecentacion
Precentacionlina
 
test document
test documenttest document
test documentBrenton B
 
Fokus fixed income 060513
Fokus fixed income 060513Fokus fixed income 060513
Fokus fixed income 060513bbattaglia
 
Videos1
Videos1Videos1
Videos1Nokia
 
Hipersencibilidad tipo ii
Hipersencibilidad tipo iiHipersencibilidad tipo ii
Hipersencibilidad tipo iivictoria
 
Iep presentaciòn
Iep presentaciònIep presentaciòn
Iep presentaciònfranciperez
 
Présentation Citwell Janvier 2011
Présentation Citwell Janvier 2011Présentation Citwell Janvier 2011
Présentation Citwell Janvier 2011CITWELL
 
Portefolio
PortefolioPortefolio
PortefolioJuLeeHeN
 
Sesion 3 conectandose exitosamente con tu mujer
Sesion 3 conectandose exitosamente con tu mujerSesion 3 conectandose exitosamente con tu mujer
Sesion 3 conectandose exitosamente con tu mujerAsael Lopez
 

En vedette (20)

Sentimiento
SentimientoSentimiento
Sentimiento
 
Productes soin visage
Productes soin visageProductes soin visage
Productes soin visage
 
Big Jump Challenge 2013 in Bildern
Big Jump Challenge 2013 in BildernBig Jump Challenge 2013 in Bildern
Big Jump Challenge 2013 in Bildern
 
Clase 3 de ing
Clase 3 de ingClase 3 de ing
Clase 3 de ing
 
Presentación13
Presentación13Presentación13
Presentación13
 
C a pc7_guia9
C a pc7_guia9C a pc7_guia9
C a pc7_guia9
 
ICME Profile Apr09
ICME Profile Apr09ICME Profile Apr09
ICME Profile Apr09
 
Precentacion
PrecentacionPrecentacion
Precentacion
 
test document
test documenttest document
test document
 
Fokus fixed income 060513
Fokus fixed income 060513Fokus fixed income 060513
Fokus fixed income 060513
 
Odfnews Fr 20100712
Odfnews Fr 20100712Odfnews Fr 20100712
Odfnews Fr 20100712
 
Sandra yarce
Sandra yarceSandra yarce
Sandra yarce
 
Videos1
Videos1Videos1
Videos1
 
Blok pacie patricio_r.[1]
Blok pacie patricio_r.[1]Blok pacie patricio_r.[1]
Blok pacie patricio_r.[1]
 
Hipersencibilidad tipo ii
Hipersencibilidad tipo iiHipersencibilidad tipo ii
Hipersencibilidad tipo ii
 
Iep presentaciòn
Iep presentaciònIep presentaciòn
Iep presentaciòn
 
Présentation Citwell Janvier 2011
Présentation Citwell Janvier 2011Présentation Citwell Janvier 2011
Présentation Citwell Janvier 2011
 
EL
ELEL
EL
 
Portefolio
PortefolioPortefolio
Portefolio
 
Sesion 3 conectandose exitosamente con tu mujer
Sesion 3 conectandose exitosamente con tu mujerSesion 3 conectandose exitosamente con tu mujer
Sesion 3 conectandose exitosamente con tu mujer
 

2014 11 09_t3_crr_rwd-images-t3_christoph-burchartz

  • 1. RWD-IMAGES IM IF($LOCATION==”T3CRR”) {ECHO “T3“;} ELSE { ECHO „MODERNEN“;} CMS-BACKEND
  • 2. WARUM BENUTZEN WIR ÜBERHAUPT BILDER? - Katzen [Extremst Kritikal!!] - Personen [Sehr Kritisch] - Produktbilder [Kritisch] - Ereignisbilder [Mittel] - Stimmungsbilder [in der Regel eher unkritisch] - …
  • 3. WER BENUTZT / PFLEGT DIE BILDER? - Eltern [Extremst Kritikal!!] - PR-Leute [Sehr Kritisch] - Sekretärin [Kritisch] - Chefs [Kritisch] - Admins [Sehr kritisch] - Zertifizierte und erfahrene Content-Integratoren [Kritisch?]
  • 4. WOHER KOMMEN DIE BILDER? - Google [Extremst Kritikal!!] - Failblog & Co [Sehr Kritisch] - Stockfoto [Mittel] - Handy [Kritisch] - Profikamera [Kritisch] - Desktop [Kritisch] - Dropbox, GoogleDrive, Skydrive [Wie soll das gehen?] - Synology, Server & Co [hmm]
  • 5. WELCHE ANFORDERUNGEN HABEN WIR AN MODERNES RWD DESIGN IM BACKEND? TEIL I - Focal Point – Wie sichere ich wichtige Bildinhalte wie Gesichter, Logos etc. o Multi-Focal-Points (Centering& Auto-(soft)-Crop (Beispiel Auto) - Save-Bereich Soft-Cropping (für RWD) - Rendering (Engine, Steuerung, etc.) - Komprimierung - Scaling
  • 6. ANFORDERUNGEN TEIL II - Retina Resolution - Progressive Images - Automationen von Ausgabevarianten - LoFi-HighFi - Master-Clone-Varianten (ein Master, mehrere Ausprägungen) - DAM o Fotoware, Cumulus o Leading System (Bi-Lateral) o Generelle APIs o Lightroom
  • 7. ANFORDERUNGEN III - Cropping - Soft-Cropping (für RWD) - Adaptive Styling - Meta-Data o Softcrop - Lifecycle-Management - Redundanzvermeidung
  • 8. WIE GEHT ES JETZT WEITER? - An welche Bereiche müssen wir ran? o Anforderungsdefinition je Zielgruppe  Redakteur  PR  Social-Media-Manager  Produktmanager  Admin  Gelegenheitsmanager  DAU (Schnittmenge mit den oben genannten möglich)
  • 9. WIE GEHT ES JETZT WEITER? o Verstehen und Durchspielen der typischen Pflege-Workflows  Definition von Best-Practice  Wo wird das Bild ausgesucht  Lifecycle-Management  Ausgabensteuerung  Automation o UX-Design – UX-Definition o Roadmap für Umsetzung