2. Jens Hoffmann Björn Brockmann
Creative Director Senior User Experience Planner
d.k.d Internet Service GmbH Leo Burnett GmbH
Clients: Cocoon, Helpedia, Clients: Fiat, Harman Kardon,
Lufthansa, Metz, Chevrolet Europe,
Telekom, TAZ, Cadillac, Fissler,
VGF, WWF Kellogg´s, Samsung
TYPO3 Usability Team Leader TYPO3 Usability Team Member
TYPO3 5.0 Core Team Member
„Official TYPO3 Websites“ Team Member
TYPO3 Marketing Team Member
TYPO3
49. Workspace
Live Workspace
Personal Workspace(s)
TYPO3
50. Workspace
Live Workspace
Team / Stage Workspace(s)
Personal Workspace(s)
TYPO3
51. Workspace
‣ NO editing in the live Workspace
‣ At least one Workflow step is always needed!
‣ Personal Workspaces (environments)
‣ Collaborative communication
TYPO3
52. Views
‣ Custom views for data visualization via templating
‣ Easy to extend / add new views
‣ Pages, Lists, Thumbnails, vCards,
Google Maps, Olap, Gant, ...
TYPO3
53. 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
54.
55. Dashboard
‣ Communication
‣ Tasks and Workflows
‣ Widgets and Scripts
‣ History of edited elements
TYPO3
56. Tabs
‣ Behave like Browser Tabs
‣ Changes only happen within the current Tab
TYPO3
57. 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
58. Autosave
‣ Less manual saving
‣ Do it automatically in a transparent way
‣ Easy and quick interface to roll back changes
TYPO3
62. Mr. Klein Key Characteristics
Editor
‣ Content editing
‣ Editor is restrained from
a lot of the CMS details
‣ Typically doesn't remember
their password
‣ Will never change the
overall structure of a site
TYPO3
63. Mr. Klein Goals
Editor
‣ Keeping the website up to date
Tasks
‣ Add, edit, move and delete content
‣ e.g. produce news articles
TYPO3
64. Mr. Klein Needs
Editor
‣ Simplicity and ease-of-use
‣ Guidance
‣ Help moving from big picture
to specific actions
‣ Proactive communication
TYPO3
65. eloper
cri pt Dev
TypoS Editor
Conten t Manager
User Manager
Designer
HTML Des
igner
eloper
PHP Dev Marketing M
anager
System A dministrator
TYPO3
66. Editor
Marketing Manager
Content Manager
HTML Designer
User Manager
TypoScript Developer
PHP Developer
Designer
System Administrator
TYPO3
67. Content
Report
Man agement
Layout
System
TYPO3