SlideShare ist ein Scribd-Unternehmen logo
1 von 228
Downloaden Sie, um offline zu lesen
TYPO3 5.0
Experience Concept



... still iterating
Jens Hoffmann                          Björn Brockmann
Creative Director                      User Experience Lead
d.k.d Internet Service GmbH            Leo Burnett GmbH

Clients: Lufthansa, Telekom,           Clients: Fiat, Harman Kardon,
         Cocoon, Anzag,                         Chevrolet Europe,
         TAZ, VGF, WWF                          Cadillac, Fissler,
                                                Kellogg´s, Samsung

TYPO3 Design & Usability Team Leader   TYPO3 Usability Team Member
TYPO3 5.0 Core Team Member
„Official TYPO3 Websites“ Team Member
TYPO3
   Inspire people to share
Facts of TYPO3 4.x



                TYPO3
TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
It‘s true Open Source


TYPO3 is completely
free of any licensing fees
and vendor driven interest

                     TYPO3
World‘s most used CMS
  ‣   Estimated 500.000+ installations
  ‣   100.000+ registered users worldwide
      (potential developers for TYPO3 and your project)
  ‣   Huge powerbase with ~5000 developers
      and an equal number of agencys
  ‣   60+ Global Usergroups
  ‣   Currently 32 core developer



                                                    TYPO3
Technical Key-features
‣   Unlimited extendability (4000+ Extensions)
‣   Flexible configuration language (TypoScript)
‣   Very powerfull serverside graphic-engine
‣   Unique Templating systems
    (Classic, TemplaVoilá & Fluid)
‣   Fully static content publishing for
    maximum performance and security
‣   Lots of authentication schemes
    and services connectors
                                             TYPO3
Functional Key-features
 ‣   Full Multi-language & Multi-site support
 ‣   Workspaces & Versioning (History / Undo)
     with advanced custom workflows behind
 ‣   Complete user permission management
 ‣   Enterprise Digital Asset Management (DAM)
     for content, media-files & documents
 ‣   Fully integrated Rich Text Editor (RTE)
 ‣   Impressive „Frontend“ Featureset
     with comfortable Frontend-Editing
                                                TYPO3
Global Events
T3BOARD10                       T3UGs
                  T3CON10
T3SKI10-JP                    T3NLUG10
                 T3CON10-US

                   T3DD10
T3SAIL10-DK                   T3UNI10-FR
                   T3GA10
  T3DIVE10                       T3AK10

T3CLIMB10                      T3AWT10
                  T3UXW09     TYPO3camps
 T3ZTG10           T3DAM10

T3BUGDAY                      TYPO3
Biggest advantages
High Flexibility                         Free of licensing fees
 Unlimited extendability & features       No license fee for system & server
 Connection to existing infrastructure    Free extensions for custom usage
 Shorter development periods              More budget for extras & support

Fair Independence                        True OpenSource
 TYPO3 can never go out of business       Spirit & Safety
 Free choice of agency at any time        A step ahead of proprietary systems
 No mandatory recurring fees              Enormous community of knowledge




                                                            TYPO3
Possible Drawbacks
High Flexibility                        Free of licensing fees
 Unlimited solutions for similar task    No / Less income




Fair Independence                       True OpenSource
 Constantly switching directions         Hard to control development




                                                            TYPO3
Impressive feature set




                         TYPO3
                            Source: www.wenger.ch
Impressive feature set




                         TYPO3
Joy of use!




              TYPO3
We started ..

          TYPO3
from
   sc ra tc h!
Guiding
Principles

        TYPO3
Preserve the soul
flexibility, scalability, connect-ability, page-tree
Ease the pain
complexity, inconsistencies, complicated and redundant workflows
User centered design
goals, tasks, needs and limitations of the end user(s)
Good Defaults
reduce complexity in the interface
Reduce abstraction
  were possible (eg. the „frontend“)
Strong consistency
honor standardised workflows, defaults and visual taxonomy
Context over consistency
      if it makes more sense that way
Features on demand
  Reduce the visual noise where possible
Inspirations

... we looked at over 150 Systems   TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
General
Concepts

       TYPO3
Workspace
   Live Workspace




Personal Workspace(s)



                        TYPO3
Workspace
   Live Workspace


Team / Stage Workspace(s)


Personal Workspace(s)



                        TYPO3
Workspace
   Live Workspace


Team / Stage Workspace(s)


Personal Workspace(s)



                        TYPO3
Workspace

‣   NO editing in the live Workspace
‣   At least one Workflow step is always needed!

‣   Personal Workspaces (environments)
‣   Collaborative communication


                                         TYPO3
View Styles

‣   Custom views for data visualization via templating
‣   Easy to extend / add new views

‣   Pages, Lists, Thumbnails, vCards,
    Google Maps, Olap, Gant, ...



                                            TYPO3
Rootline Menu
‣   Fixed area of navigation
‣   Stay consistent in all navigation levels
‣   Sneak peek into any
    previous navigation level
‣   Jump back into any previous
    navigation level with one click

‣   Sitemap like overview
                                       TYPO3
TYPO3 5.0 Experience Concept
Dashboard

‣   Communication
‣   Tasks and Workflows
‣   Widgets and Scripts
‣   History of edited elements



                                 TYPO3
Tabs

‣   Internal tabs behave like Browser-Tabs
‣   Changes only happen within the current Tab

‣   Use the Bowser-Tab as user interface, too




                                         TYPO3
Editing
‣   Inline-Editing
    activated by Double Click
‣   Advanced-Editing
    activated by Single Click to select
    + a Click to start an Action

‣   Drag & Drop for small distances
‣   Copy & Pasted for large distances

                                      TYPO3
Autosave

‣   Less manual saving
‣   Do it automatically in a transparent way
‣   Easy and quick interface to roll back changes




                                         TYPO3
Personas

       TYPO3
TYPO3
Klaus & Margarete (Content Editor)

All ages and backgrounds  Proficient
with keyboard and mouse  Interact
with the system on a irregular basis 
Do not change the structure of the site

Goals     Implement new content
          and keep it up to date
Tasks     Add, edit, move and delete content
Needs Simplicity and ease-of-use 
      Guidance  Reduced abstraction 
      Proactive communication


                                      TYPO3
Robin (Content Manager)

25+  Organizer  Handles job with care 
Advanced PC skills  Uses CMS features
to the max


Goals     Structure the site 
          Enable new feature sets
Tasks     Manage site & page structure 
          Apply templates  Configure
          modules  Integrate assets
Needs Maintain an overview at all
      times  Focus on task at hand

                            TYPO3
Hermine (User Manager)

30+  Right hand of the boss or HR 
Always charming  Proficient with
keyboard and mouse  Occasional usage
of the CMS

Goals   Administer System Users
Tasks Create, Edit, Delete:
      Users, Groups & Access Rights
Needs Simplicity and ease-of-use 
      Guidance  Reduced abstraction 
      Proactive communication

                                           TYPO3
Sgt. Hartman (Project Manager)

25-35  Good People/Soft skills  Well
dressed  Stressed  Too much coffee 
Needs to use information externally


Goals     Get the website live on time
Tasks     Monitor and manage tasks &
          employees workloads
Needs Resources & task managing tool




                              TYPO3
Bill (Marketing Manager)

30+  Humans are only Resources 
Stressed & out of time  Well dressed 
Weekly Haircut  Expert in excel & word 
Lives in email

Goals     Monitor performance of the site
Tasks     Run analytic queries and
          communicate them in reports
Needs Site performance data gathering 
      visualization & export


                                              TYPO3
Cornelius (HTML Designer)
16-25  Designer gone coder & vice-versa 
Hacker dude beyond Dreamweaver 
Knows his Mac inside out  Doesn't accept
the status quo



Goals     Implement site design
Tasks     Create, Edit: HTML, CSS & JS code 
          Add fluid syntax to HTML templates
Needs HTML editor & QA tool



                               TYPO3
Gallus (TYPO3 Integrator)

20+  Aims to be a developer  Deep
knowledge in TYPO3  Certified by T3A  Able
to read modern programming paradigmas


Goals    Connect HTML with TYPO3
Tasks    Create, edit & debug TypoScript 
         Enhance HTML templates with Fluid 
         Configure packages
Needs Powerful editing
      and debugging tools


                                                TYPO3
Roger R. (PHP Developer)

25-45  Loves modern programming
paradigmas  Uses power editors 
Likes challenging tasks


Goals    Expand functionality  Fix problems
Tasks    Create/Edit PHP Code  Implement
         features  Connect other services 
         Unit testing  Write stand-alone
         applications
Needs Web-Application framework  Debug
      functionality  Unit status monitor

                                TYPO3
Kaspersky (System Administrator)


30-50  Avoids sunlight  The console is
his interface  Love to automate tasks


Goals     Set up TYPO3 installation 
          Keep the system secure and running 
          Manage multiple installations
Tasks     Installing, optimizing & updating TYPO3 
          Performing backups
Needs System monitor 
      Service interfaces

                                                  TYPO3
TYPO3
Integrator                     Content Ed
                                                   it
 TYPO3                                                  or


                  Conten t Manager

                                              Pr oject Manager
   User Manager
                          HTML Des
                                      igner

        eloper
PHP Dev
                                     Marketing M
                                                anager


         System Administrator
                                                TYPO3
Content Editor

                       Marketing Manager


     Content Manager
                               HTML Designer
     User Manager
                               TYPO3 Integrator
                               PHP Developer


System Administrator


                                      TYPO3
Content

               Report



 Man agement
                    Layout



   System


                        TYPO3
Management            Layout
Content                Report            System




                                     TYPO3
UI Architecture

             User
     Global Functionalities

        CMS Sections

 Content / Structure / Settings




                                  TYPO3
UI Layout
Global Widgets                     User
        System Sections
         Section Moduls




  Content / Structure / Settings




                                   TYPO3
The Concept

        TYPO3
What is a Wireframe?



                 TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
All you going to see
  are Wireframes
All you goingOUTS
              to see
NO   T L  AY
   are Wireframes
Login



        TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
The „Backend“



                TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Global Widgets               Brand & User
           System Sections
           Section Moduls




           Modul content
Menu display style



                TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Content editing



              TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Version comments



              TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Page settings



                TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Page management



              TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Page protocol



                TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Page workflow



               TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Page scrolling



                 TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Management view



              TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Rootline navigation



                 TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Tree view definietion



                 TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Management editing



                TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Management multi-editing



                   TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Global overlays



                  TYPO3
Global Messages



              TYPO3
TYPO3 5.0 Experience Concept
Clipboard UI



               TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Snapshot menu



                TYPO3
TYPO3 5.0 Experience Concept
Chat UI



          TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Help menu



            TYPO3
TYPO3 5.0 Experience Concept
User widgets



               TYPO3
TYPO3 5.0 Experience Concept
Modul view filter



               TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Search



         TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Input action UI



                  TYPO3
Regular user


Job   Tasks   Tasks   Tasks    Done




                              TYPO3
Advanced user


Job       Tasks        Done




                      TYPO3
sex   is   updatedb;  locate;
talk; date; cd; strip; look;
touch; finger; unzip; uptime;
gawk; head; apt-get install
condom; mount; fsck; gasp;
more; yes; more; umount; apt-
get remove --purge condom;
make clean; sleep;
Input action UI


Action   Type   Context




                      TYPO3
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
TYPO3 5.0 Experience Concept
Help wanted
Feedback is very welcomed!



                     TYPO3
Get involved & create buzz!


    tr.im/t35ui
           Abstract & Channels
    Structure, Wireframes, & Scribbles


                                   TYPO3
Questions?
We need feedback! Meet us, please.




                            TYPO3
Thank‘s
Jens Hoffmann         Björn Brockmann


Mail:                 Mail:
jens@typo3.org        bjoern@typo3.org

Twitter:              Twitter:
wrybit                headballooning



                                  TYPO3
Go uxcamping ;)



             TYPO3

Weitere ähnliche Inhalte

Was ist angesagt?

Move Your XPages Applications to the Fast Lane
Move Your XPages Applications to the Fast LaneMove Your XPages Applications to the Fast Lane
Move Your XPages Applications to the Fast LaneTeamstudio
 
Scalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and ApproachesScalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and Approachesadunne
 
7 Stages of Scaling Web Applications
7 Stages of Scaling Web Applications7 Stages of Scaling Web Applications
7 Stages of Scaling Web ApplicationsDavid Mitzenmacher
 
IBM Connections Adminblast - Connect17 (DEV 1268)
IBM Connections Adminblast - Connect17 (DEV 1268)IBM Connections Adminblast - Connect17 (DEV 1268)
IBM Connections Adminblast - Connect17 (DEV 1268)Nico Meisenzahl
 
Practical solutions for connections administrators
Practical solutions for connections administratorsPractical solutions for connections administrators
Practical solutions for connections administratorsSharon James
 
PHP Installed on IBM i - the Nickel Tour
PHP Installed on IBM i - the Nickel TourPHP Installed on IBM i - the Nickel Tour
PHP Installed on IBM i - the Nickel TourRod Flohr
 
What We Wish We Had Known: Becoming an IBM Connections Administrator
What We Wish We Had Known: Becoming an IBM Connections AdministratorWhat We Wish We Had Known: Becoming an IBM Connections Administrator
What We Wish We Had Known: Becoming an IBM Connections AdministratorGabriella Davis
 
The Sametime Mobile Experience
The Sametime Mobile ExperienceThe Sametime Mobile Experience
The Sametime Mobile ExperienceGabriella Davis
 
Best and worst practices deploying IBM Connections
Best and worst practices deploying IBM ConnectionsBest and worst practices deploying IBM Connections
Best and worst practices deploying IBM ConnectionsLetsConnect
 
V mware
V mwareV mware
V mwaredvmug1
 
Logging Wars: A Cross-Product Tech Clash Between Experts
Logging Wars: A Cross-Product Tech Clash Between Experts Logging Wars: A Cross-Product Tech Clash Between Experts
Logging Wars: A Cross-Product Tech Clash Between Experts Benedek Menesi
 
10 Reasons ColdFusion PDFs should rule the world
10 Reasons ColdFusion PDFs should rule the world10 Reasons ColdFusion PDFs should rule the world
10 Reasons ColdFusion PDFs should rule the worldColdFusionConference
 
Our take on Domino 10 - a Ytria webinar
Our take on Domino 10 - a Ytria webinarOur take on Domino 10 - a Ytria webinar
Our take on Domino 10 - a Ytria webinarBenedek Menesi
 
Operations and Monitoring with Spring
Operations and Monitoring with SpringOperations and Monitoring with Spring
Operations and Monitoring with SpringEberhard Wolff
 
Practical solutions for connections administrators lite
Practical solutions for connections administrators litePractical solutions for connections administrators lite
Practical solutions for connections administrators liteSharon James
 

Was ist angesagt? (20)

A Bit of REST
A Bit of RESTA Bit of REST
A Bit of REST
 
Hidden gems in cf2016
Hidden gems in cf2016Hidden gems in cf2016
Hidden gems in cf2016
 
Move Your XPages Applications to the Fast Lane
Move Your XPages Applications to the Fast LaneMove Your XPages Applications to the Fast Lane
Move Your XPages Applications to the Fast Lane
 
Scalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and ApproachesScalable Web Architectures: Common Patterns and Approaches
Scalable Web Architectures: Common Patterns and Approaches
 
Restful API's with ColdFusion
Restful API's with ColdFusionRestful API's with ColdFusion
Restful API's with ColdFusion
 
7 Stages of Scaling Web Applications
7 Stages of Scaling Web Applications7 Stages of Scaling Web Applications
7 Stages of Scaling Web Applications
 
Migration:Impossible ... Not so
Migration:Impossible ... Not soMigration:Impossible ... Not so
Migration:Impossible ... Not so
 
IBM Connections Adminblast - Connect17 (DEV 1268)
IBM Connections Adminblast - Connect17 (DEV 1268)IBM Connections Adminblast - Connect17 (DEV 1268)
IBM Connections Adminblast - Connect17 (DEV 1268)
 
Naked and afraid Offline Mobile
Naked and afraid Offline MobileNaked and afraid Offline Mobile
Naked and afraid Offline Mobile
 
Practical solutions for connections administrators
Practical solutions for connections administratorsPractical solutions for connections administrators
Practical solutions for connections administrators
 
PHP Installed on IBM i - the Nickel Tour
PHP Installed on IBM i - the Nickel TourPHP Installed on IBM i - the Nickel Tour
PHP Installed on IBM i - the Nickel Tour
 
What We Wish We Had Known: Becoming an IBM Connections Administrator
What We Wish We Had Known: Becoming an IBM Connections AdministratorWhat We Wish We Had Known: Becoming an IBM Connections Administrator
What We Wish We Had Known: Becoming an IBM Connections Administrator
 
The Sametime Mobile Experience
The Sametime Mobile ExperienceThe Sametime Mobile Experience
The Sametime Mobile Experience
 
Best and worst practices deploying IBM Connections
Best and worst practices deploying IBM ConnectionsBest and worst practices deploying IBM Connections
Best and worst practices deploying IBM Connections
 
V mware
V mwareV mware
V mware
 
Logging Wars: A Cross-Product Tech Clash Between Experts
Logging Wars: A Cross-Product Tech Clash Between Experts Logging Wars: A Cross-Product Tech Clash Between Experts
Logging Wars: A Cross-Product Tech Clash Between Experts
 
10 Reasons ColdFusion PDFs should rule the world
10 Reasons ColdFusion PDFs should rule the world10 Reasons ColdFusion PDFs should rule the world
10 Reasons ColdFusion PDFs should rule the world
 
Our take on Domino 10 - a Ytria webinar
Our take on Domino 10 - a Ytria webinarOur take on Domino 10 - a Ytria webinar
Our take on Domino 10 - a Ytria webinar
 
Operations and Monitoring with Spring
Operations and Monitoring with SpringOperations and Monitoring with Spring
Operations and Monitoring with Spring
 
Practical solutions for connections administrators lite
Practical solutions for connections administrators litePractical solutions for connections administrators lite
Practical solutions for connections administrators lite
 

Andere mochten auch

TYPO3 Flow a solid foundation for medialib.tv
TYPO3 Flow a solid foundation for medialib.tvTYPO3 Flow a solid foundation for medialib.tv
TYPO3 Flow a solid foundation for medialib.tvdfeyer
 
TYPO3 Flow 2.0 Workshop T3BOARD13
TYPO3 Flow 2.0 Workshop T3BOARD13TYPO3 Flow 2.0 Workshop T3BOARD13
TYPO3 Flow 2.0 Workshop T3BOARD13Robert Lemke
 
T3CON14EU: Migrating from TYPO3 CMS to TYPO3 Flow
T3CON14EU: Migrating from TYPO3 CMS to TYPO3 FlowT3CON14EU: Migrating from TYPO3 CMS to TYPO3 Flow
T3CON14EU: Migrating from TYPO3 CMS to TYPO3 Flowmhelmich
 
TYPO3 Flow and the Joy of Development (FOSDEM 2013)
TYPO3 Flow and the Joy of Development (FOSDEM 2013)TYPO3 Flow and the Joy of Development (FOSDEM 2013)
TYPO3 Flow and the Joy of Development (FOSDEM 2013)Robert Lemke
 
TYPO3 Flow 2.0 in the field - webtech Conference 2013
TYPO3 Flow 2.0 in the field - webtech Conference 2013TYPO3 Flow 2.0 in the field - webtech Conference 2013
TYPO3 Flow 2.0 in the field - webtech Conference 2013die.agilen GmbH
 
TYPO3 Flow 2.0 (International PHP Conference 2013)
TYPO3 Flow 2.0 (International PHP Conference 2013)TYPO3 Flow 2.0 (International PHP Conference 2013)
TYPO3 Flow 2.0 (International PHP Conference 2013)Robert Lemke
 
TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)
TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)
TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)Robert Lemke
 
T3CON12 Flow and TYPO3 deployment with surf
T3CON12 Flow and TYPO3 deployment with surfT3CON12 Flow and TYPO3 deployment with surf
T3CON12 Flow and TYPO3 deployment with surfTobias Liebig
 
TYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer HappinessTYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer HappinessChristian Müller
 
Testing TYPO3 Flow Applications with Behat
Testing TYPO3 Flow Applications with BehatTesting TYPO3 Flow Applications with Behat
Testing TYPO3 Flow Applications with BehatMarkus Goldbeck
 
TYPO3 Neos - past, present and future (T3CON14EU)
TYPO3 Neos - past, present and future (T3CON14EU)TYPO3 Neos - past, present and future (T3CON14EU)
TYPO3 Neos - past, present and future (T3CON14EU)Robert Lemke
 
Using Document Databases with TYPO3 Flow
Using Document Databases with TYPO3 FlowUsing Document Databases with TYPO3 Flow
Using Document Databases with TYPO3 FlowKarsten Dambekalns
 

Andere mochten auch (14)

The Way to TYPO3 6.0
The Way to TYPO3 6.0The Way to TYPO3 6.0
The Way to TYPO3 6.0
 
Fluid - The Zen of Templating
Fluid - The Zen of TemplatingFluid - The Zen of Templating
Fluid - The Zen of Templating
 
TYPO3 Flow a solid foundation for medialib.tv
TYPO3 Flow a solid foundation for medialib.tvTYPO3 Flow a solid foundation for medialib.tv
TYPO3 Flow a solid foundation for medialib.tv
 
TYPO3 Flow 2.0 Workshop T3BOARD13
TYPO3 Flow 2.0 Workshop T3BOARD13TYPO3 Flow 2.0 Workshop T3BOARD13
TYPO3 Flow 2.0 Workshop T3BOARD13
 
T3CON14EU: Migrating from TYPO3 CMS to TYPO3 Flow
T3CON14EU: Migrating from TYPO3 CMS to TYPO3 FlowT3CON14EU: Migrating from TYPO3 CMS to TYPO3 Flow
T3CON14EU: Migrating from TYPO3 CMS to TYPO3 Flow
 
TYPO3 Flow and the Joy of Development (FOSDEM 2013)
TYPO3 Flow and the Joy of Development (FOSDEM 2013)TYPO3 Flow and the Joy of Development (FOSDEM 2013)
TYPO3 Flow and the Joy of Development (FOSDEM 2013)
 
TYPO3 Flow 2.0 in the field - webtech Conference 2013
TYPO3 Flow 2.0 in the field - webtech Conference 2013TYPO3 Flow 2.0 in the field - webtech Conference 2013
TYPO3 Flow 2.0 in the field - webtech Conference 2013
 
TYPO3 Flow 2.0 (International PHP Conference 2013)
TYPO3 Flow 2.0 (International PHP Conference 2013)TYPO3 Flow 2.0 (International PHP Conference 2013)
TYPO3 Flow 2.0 (International PHP Conference 2013)
 
TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)
TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)
TYPO3 Flow: Beyond the Blog Example (Inspiring Flow 2013)
 
T3CON12 Flow and TYPO3 deployment with surf
T3CON12 Flow and TYPO3 deployment with surfT3CON12 Flow and TYPO3 deployment with surf
T3CON12 Flow and TYPO3 deployment with surf
 
TYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer HappinessTYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer Happiness
 
Testing TYPO3 Flow Applications with Behat
Testing TYPO3 Flow Applications with BehatTesting TYPO3 Flow Applications with Behat
Testing TYPO3 Flow Applications with Behat
 
TYPO3 Neos - past, present and future (T3CON14EU)
TYPO3 Neos - past, present and future (T3CON14EU)TYPO3 Neos - past, present and future (T3CON14EU)
TYPO3 Neos - past, present and future (T3CON14EU)
 
Using Document Databases with TYPO3 Flow
Using Document Databases with TYPO3 FlowUsing Document Databases with TYPO3 Flow
Using Document Databases with TYPO3 Flow
 

Ähnlich wie TYPO3 5.0 Experience Concept

Typo3 Tips and tricks
Typo3 Tips and tricksTypo3 Tips and tricks
Typo3 Tips and tricksQc Média
 
The radically new interface for TYPO3 5.0
The radically new interface for TYPO3 5.0The radically new interface for TYPO3 5.0
The radically new interface for TYPO3 5.0Jens Hoffmann
 
TYPO3 presentation CeBIT 2010
TYPO3 presentation CeBIT 2010TYPO3 presentation CeBIT 2010
TYPO3 presentation CeBIT 2010Age of Peers
 
TYPO3 - great enterprise CMS - YEJJ
TYPO3 - great enterprise CMS - YEJJTYPO3 - great enterprise CMS - YEJJ
TYPO3 - great enterprise CMS - YEJJThảo Nguyễn
 
DevOps Fest 2020. immutable infrastructure as code. True story.
DevOps Fest 2020. immutable infrastructure as code. True story.DevOps Fest 2020. immutable infrastructure as code. True story.
DevOps Fest 2020. immutable infrastructure as code. True story.Vlad Fedosov
 
Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019
Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019
Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019Henning Jacobs
 
OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...
OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...
OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...NETWAYS
 
DevOps for TYPO3 Teams and Projects
DevOps for TYPO3 Teams and ProjectsDevOps for TYPO3 Teams and Projects
DevOps for TYPO3 Teams and ProjectsFedir RYKHTIK
 
The typo3.org Relaunch Project
The typo3.org Relaunch ProjectThe typo3.org Relaunch Project
The typo3.org Relaunch ProjectAOE
 
Meetup 2020 - Back to the Basics part 101 : IaC
Meetup 2020 - Back to the Basics part 101 : IaCMeetup 2020 - Back to the Basics part 101 : IaC
Meetup 2020 - Back to the Basics part 101 : IaCDamienCarpy
 
Buyer Lab Highly Recommended MFP
Buyer Lab Highly Recommended MFPBuyer Lab Highly Recommended MFP
Buyer Lab Highly Recommended MFPTim O'Leary
 
Bli lab report kyocera tas kalfa 3252ci
Bli lab report   kyocera tas kalfa 3252ciBli lab report   kyocera tas kalfa 3252ci
Bli lab report kyocera tas kalfa 3252ciTim O'Leary
 
PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...
PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...
PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...Hendrik van Run
 
TYPO3 Headless & PWA - Webinar
TYPO3 Headless & PWA - WebinarTYPO3 Headless & PWA - Webinar
TYPO3 Headless & PWA - WebinarMacopedia
 
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
 Headless TYPO3 & PWA initiative | Web Camp Venlo 2020 Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020Tomasz Grzemski
 
Data Science in Production: Technologies That Drive Adoption of Data Science ...
Data Science in Production: Technologies That Drive Adoption of Data Science ...Data Science in Production: Technologies That Drive Adoption of Data Science ...
Data Science in Production: Technologies That Drive Adoption of Data Science ...Nir Yungster
 
Cerebro general overiew eng
Cerebro general overiew engCerebro general overiew eng
Cerebro general overiew engCineSoft
 
Workday "Creating an Effective Developer Experience on Kubernetes"
Workday "Creating an Effective Developer Experience on Kubernetes"Workday "Creating an Effective Developer Experience on Kubernetes"
Workday "Creating an Effective Developer Experience on Kubernetes"Daniel Bryant
 

Ähnlich wie TYPO3 5.0 Experience Concept (20)

Typo3 Tips and tricks
Typo3 Tips and tricksTypo3 Tips and tricks
Typo3 Tips and tricks
 
The radically new interface for TYPO3 5.0
The radically new interface for TYPO3 5.0The radically new interface for TYPO3 5.0
The radically new interface for TYPO3 5.0
 
TYPO3 presentation CeBIT 2010
TYPO3 presentation CeBIT 2010TYPO3 presentation CeBIT 2010
TYPO3 presentation CeBIT 2010
 
TYPO3 - great enterprise CMS - YEJJ
TYPO3 - great enterprise CMS - YEJJTYPO3 - great enterprise CMS - YEJJ
TYPO3 - great enterprise CMS - YEJJ
 
DevOps Fest 2020. immutable infrastructure as code. True story.
DevOps Fest 2020. immutable infrastructure as code. True story.DevOps Fest 2020. immutable infrastructure as code. True story.
DevOps Fest 2020. immutable infrastructure as code. True story.
 
Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019
Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019
Developer Experience at Zalando - Handelsblatt Strategisches IT-Management 2019
 
OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...
OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...
OSMC 2023 | What’s new with Grafana Labs’s Open Source Observability stack by...
 
DevOps for TYPO3 Teams and Projects
DevOps for TYPO3 Teams and ProjectsDevOps for TYPO3 Teams and Projects
DevOps for TYPO3 Teams and Projects
 
IOT TERM WORK.pdf
IOT TERM WORK.pdfIOT TERM WORK.pdf
IOT TERM WORK.pdf
 
The typo3.org Relaunch Project
The typo3.org Relaunch ProjectThe typo3.org Relaunch Project
The typo3.org Relaunch Project
 
Meetup 2020 - Back to the Basics part 101 : IaC
Meetup 2020 - Back to the Basics part 101 : IaCMeetup 2020 - Back to the Basics part 101 : IaC
Meetup 2020 - Back to the Basics part 101 : IaC
 
Buyer Lab Highly Recommended MFP
Buyer Lab Highly Recommended MFPBuyer Lab Highly Recommended MFP
Buyer Lab Highly Recommended MFP
 
Bli lab report kyocera tas kalfa 3252ci
Bli lab report   kyocera tas kalfa 3252ciBli lab report   kyocera tas kalfa 3252ci
Bli lab report kyocera tas kalfa 3252ci
 
PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...
PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...
PAD-3126 - Evolving the DevOps Organization around IBM PureApplication System...
 
TYPO3 Headless & PWA - Webinar
TYPO3 Headless & PWA - WebinarTYPO3 Headless & PWA - Webinar
TYPO3 Headless & PWA - Webinar
 
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
 Headless TYPO3 & PWA initiative | Web Camp Venlo 2020 Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
 
Data Science in Production: Technologies That Drive Adoption of Data Science ...
Data Science in Production: Technologies That Drive Adoption of Data Science ...Data Science in Production: Technologies That Drive Adoption of Data Science ...
Data Science in Production: Technologies That Drive Adoption of Data Science ...
 
Cerebro general overiew eng
Cerebro general overiew engCerebro general overiew eng
Cerebro general overiew eng
 
Workday "Creating an Effective Developer Experience on Kubernetes"
Workday "Creating an Effective Developer Experience on Kubernetes"Workday "Creating an Effective Developer Experience on Kubernetes"
Workday "Creating an Effective Developer Experience on Kubernetes"
 
TYPO3 at UNESCO.org
TYPO3 at UNESCO.orgTYPO3 at UNESCO.org
TYPO3 at UNESCO.org
 

Kürzlich hochgeladen

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 

Kürzlich hochgeladen (20)

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 

TYPO3 5.0 Experience Concept

  • 2. Jens Hoffmann Björn Brockmann Creative Director User Experience Lead d.k.d Internet Service GmbH Leo Burnett GmbH Clients: Lufthansa, Telekom, Clients: Fiat, Harman Kardon, Cocoon, Anzag, Chevrolet Europe, TAZ, VGF, WWF Cadillac, Fissler, Kellogg´s, Samsung TYPO3 Design & Usability Team Leader TYPO3 Usability Team Member TYPO3 5.0 Core Team Member „Official TYPO3 Websites“ Team Member
  • 3. TYPO3 Inspire people to share
  • 4. Facts of TYPO3 4.x TYPO3
  • 10. It‘s true Open Source TYPO3 is completely free of any licensing fees and vendor driven interest TYPO3
  • 11. World‘s most used CMS ‣ Estimated 500.000+ installations ‣ 100.000+ registered users worldwide (potential developers for TYPO3 and your project) ‣ Huge powerbase with ~5000 developers and an equal number of agencys ‣ 60+ Global Usergroups ‣ Currently 32 core developer TYPO3
  • 12. Technical Key-features ‣ Unlimited extendability (4000+ Extensions) ‣ Flexible configuration language (TypoScript) ‣ Very powerfull serverside graphic-engine ‣ Unique Templating systems (Classic, TemplaVoilá & Fluid) ‣ Fully static content publishing for maximum performance and security ‣ Lots of authentication schemes and services connectors TYPO3
  • 13. Functional Key-features ‣ Full Multi-language & Multi-site support ‣ Workspaces & Versioning (History / Undo) with advanced custom workflows behind ‣ Complete user permission management ‣ Enterprise Digital Asset Management (DAM) for content, media-files & documents ‣ Fully integrated Rich Text Editor (RTE) ‣ Impressive „Frontend“ Featureset with comfortable Frontend-Editing TYPO3
  • 14. Global Events T3BOARD10 T3UGs T3CON10 T3SKI10-JP T3NLUG10 T3CON10-US T3DD10 T3SAIL10-DK T3UNI10-FR T3GA10 T3DIVE10 T3AK10 T3CLIMB10 T3AWT10 T3UXW09 TYPO3camps T3ZTG10 T3DAM10 T3BUGDAY TYPO3
  • 15. Biggest advantages High Flexibility Free of licensing fees Unlimited extendability & features No license fee for system & server Connection to existing infrastructure Free extensions for custom usage Shorter development periods More budget for extras & support Fair Independence True OpenSource TYPO3 can never go out of business Spirit & Safety Free choice of agency at any time A step ahead of proprietary systems No mandatory recurring fees Enormous community of knowledge TYPO3
  • 16. Possible Drawbacks High Flexibility Free of licensing fees Unlimited solutions for similar task No / Less income Fair Independence True OpenSource Constantly switching directions Hard to control development TYPO3
  • 17. Impressive feature set TYPO3 Source: www.wenger.ch
  • 19. Joy of use! TYPO3
  • 20. We started .. TYPO3
  • 21. from sc ra tc h!
  • 23. Preserve the soul flexibility, scalability, connect-ability, page-tree
  • 24. Ease the pain complexity, inconsistencies, complicated and redundant workflows
  • 25. User centered design goals, tasks, needs and limitations of the end user(s)
  • 27. Reduce abstraction were possible (eg. the „frontend“)
  • 28. Strong consistency honor standardised workflows, defaults and visual taxonomy
  • 29. Context over consistency if it makes more sense that way
  • 30. Features on demand Reduce the visual noise where possible
  • 31. Inspirations ... we looked at over 150 Systems TYPO3
  • 43. Workspace Live Workspace Personal Workspace(s) TYPO3
  • 44. Workspace Live Workspace Team / Stage Workspace(s) Personal Workspace(s) TYPO3
  • 45. Workspace Live Workspace Team / Stage Workspace(s) Personal Workspace(s) TYPO3
  • 46. Workspace ‣ NO editing in the live Workspace ‣ At least one Workflow step is always needed! ‣ Personal Workspaces (environments) ‣ Collaborative communication TYPO3
  • 47. View Styles ‣ Custom views for data visualization via templating ‣ Easy to extend / add new views ‣ Pages, Lists, Thumbnails, vCards, Google Maps, Olap, Gant, ... TYPO3
  • 48. Rootline Menu ‣ Fixed area of navigation ‣ Stay consistent in all navigation levels ‣ Sneak peek into any previous navigation level ‣ Jump back into any previous navigation level with one click ‣ Sitemap like overview TYPO3
  • 50. Dashboard ‣ Communication ‣ Tasks and Workflows ‣ Widgets and Scripts ‣ History of edited elements TYPO3
  • 51. Tabs ‣ Internal tabs behave like Browser-Tabs ‣ Changes only happen within the current Tab ‣ Use the Bowser-Tab as user interface, too TYPO3
  • 52. Editing ‣ Inline-Editing activated by Double Click ‣ Advanced-Editing activated by Single Click to select + a Click to start an Action ‣ Drag & Drop for small distances ‣ Copy & Pasted for large distances TYPO3
  • 53. Autosave ‣ Less manual saving ‣ Do it automatically in a transparent way ‣ Easy and quick interface to roll back changes TYPO3
  • 54. Personas TYPO3
  • 55. TYPO3
  • 56. Klaus & Margarete (Content Editor) All ages and backgrounds Proficient with keyboard and mouse Interact with the system on a irregular basis Do not change the structure of the site Goals Implement new content and keep it up to date Tasks Add, edit, move and delete content Needs Simplicity and ease-of-use Guidance Reduced abstraction Proactive communication TYPO3
  • 57. Robin (Content Manager) 25+ Organizer Handles job with care Advanced PC skills Uses CMS features to the max Goals Structure the site Enable new feature sets Tasks Manage site & page structure Apply templates Configure modules Integrate assets Needs Maintain an overview at all times Focus on task at hand TYPO3
  • 58. Hermine (User Manager) 30+ Right hand of the boss or HR Always charming Proficient with keyboard and mouse Occasional usage of the CMS Goals Administer System Users Tasks Create, Edit, Delete: Users, Groups & Access Rights Needs Simplicity and ease-of-use Guidance Reduced abstraction Proactive communication TYPO3
  • 59. Sgt. Hartman (Project Manager) 25-35 Good People/Soft skills Well dressed Stressed Too much coffee Needs to use information externally Goals Get the website live on time Tasks Monitor and manage tasks & employees workloads Needs Resources & task managing tool TYPO3
  • 60. Bill (Marketing Manager) 30+ Humans are only Resources Stressed & out of time Well dressed Weekly Haircut Expert in excel & word Lives in email Goals Monitor performance of the site Tasks Run analytic queries and communicate them in reports Needs Site performance data gathering visualization & export TYPO3
  • 61. Cornelius (HTML Designer) 16-25 Designer gone coder & vice-versa Hacker dude beyond Dreamweaver Knows his Mac inside out Doesn't accept the status quo Goals Implement site design Tasks Create, Edit: HTML, CSS & JS code Add fluid syntax to HTML templates Needs HTML editor & QA tool TYPO3
  • 62. Gallus (TYPO3 Integrator) 20+ Aims to be a developer Deep knowledge in TYPO3 Certified by T3A Able to read modern programming paradigmas Goals Connect HTML with TYPO3 Tasks Create, edit & debug TypoScript Enhance HTML templates with Fluid Configure packages Needs Powerful editing and debugging tools TYPO3
  • 63. Roger R. (PHP Developer) 25-45 Loves modern programming paradigmas Uses power editors Likes challenging tasks Goals Expand functionality Fix problems Tasks Create/Edit PHP Code Implement features Connect other services Unit testing Write stand-alone applications Needs Web-Application framework Debug functionality Unit status monitor TYPO3
  • 64. Kaspersky (System Administrator) 30-50 Avoids sunlight The console is his interface Love to automate tasks Goals Set up TYPO3 installation Keep the system secure and running Manage multiple installations Tasks Installing, optimizing & updating TYPO3 Performing backups Needs System monitor Service interfaces TYPO3
  • 65. TYPO3
  • 66. Integrator Content Ed it TYPO3 or Conten t Manager Pr oject Manager User Manager HTML Des igner eloper PHP Dev Marketing M anager System Administrator TYPO3
  • 67. Content Editor Marketing Manager Content Manager HTML Designer User Manager TYPO3 Integrator PHP Developer System Administrator TYPO3
  • 68. Content Report Man agement Layout System TYPO3
  • 69. Management Layout Content Report System TYPO3
  • 70. UI Architecture User Global Functionalities CMS Sections Content / Structure / Settings TYPO3
  • 71. UI Layout Global Widgets User System Sections Section Moduls Content / Structure / Settings TYPO3
  • 72. The Concept TYPO3
  • 73. What is a Wireframe? TYPO3
  • 76. All you going to see are Wireframes
  • 77. All you goingOUTS to see NO T L AY are Wireframes
  • 78. Login TYPO3
  • 86. Global Widgets Brand & User System Sections Section Moduls Modul content
  • 127. Page settings TYPO3
  • 130. Page management TYPO3
  • 134. Page protocol TYPO3
  • 138. Page workflow TYPO3
  • 141. Page scrolling TYPO3
  • 145. Management view TYPO3
  • 173. Global overlays TYPO3
  • 174. Global Messages TYPO3
  • 176. Clipboard UI TYPO3
  • 181. Snapshot menu TYPO3
  • 183. Chat UI TYPO3
  • 196. Help menu TYPO3
  • 198. User widgets TYPO3
  • 203. Search TYPO3
  • 209. Input action UI TYPO3
  • 210. Regular user Job Tasks Tasks Tasks Done TYPO3
  • 211. Advanced user Job Tasks Done TYPO3
  • 212. sex is updatedb; locate; talk; date; cd; strip; look; touch; finger; unzip; uptime; gawk; head; apt-get install condom; mount; fsck; gasp; more; yes; more; umount; apt- get remove --purge condom; make clean; sleep;
  • 213. Input action UI Action Type Context TYPO3
  • 224. Help wanted Feedback is very welcomed! TYPO3
  • 225. Get involved & create buzz! tr.im/t35ui Abstract & Channels Structure, Wireframes, & Scribbles TYPO3
  • 226. Questions? We need feedback! Meet us, please. TYPO3
  • 227. Thank‘s Jens Hoffmann Björn Brockmann Mail: Mail: jens@typo3.org bjoern@typo3.org Twitter: Twitter: wrybit headballooning TYPO3
  • 228. Go uxcamping ;) TYPO3