In this presentation you will see a short retrospective of the past TYPO3 versions. Followed up by a status quo of the current TYPO3 CMS version which lead to some UX suggestion. And than our Vision via some detailed layouts by the "TYPO3 CMS Usability Team" for a possible future major release of the TYPO3 CMS.
Try the simple interactive prototype: http://j.mp/T37-vision-proto
And watch the full Talk at T3CON13: http://j.mp/T37-vision-talk
Your constructive feedback is very welcome!
Open up a issue at http://j.mp/T3cmsUX or mail me.
4. Web
WrYBiT.
I like snowboarding, electronic
music, visiting art exhibitions &
digging into new UX challenges
jens@typo3.org
@wrybit | www.wrybit.de
5. Indifferences.
Lack of strategy.
Non-profit corporation.
Freedom.
Thinking bold.
Inspiring.
collaboration.
Team
Participation.
Spirit of sharing.
Open Source
Passion for contribution.
Focus on
Never finished.
quality over quantity.
Exchanging thought.
Fair fame.
Community engagement.
Flat hierarchy.
Flexibility.
32. This is my personal perspective and not approved by any other official TYPO3 team.
TYPO3 CMS
TYPO3 Neos
TYPO3 Flow
CMS
CMS
Revolution
Framework
Evolution
Framework
Web-Sites
Framework
Web-Apps
(with GUI)
Web-Services
(without GUI)
33. This is my personal perspective and not approved by any other official TYPO3 team.
CMS
TYPO3 Neos
Same
TYPO3 CMS
TYPO3 Flow
CMS
Revolution
Difference
Web-Sites
Framework
Same
Evolution
Framework
Framework
Web-Apps
(with GUI)
Web-Services
(without GUI)
43. Text w/ Image
Open
Page
Modul
Create
Page
Create
Record
Select
Record
Type
Write
Text
Add
Metadata
Save &
Close
Record
Open File
Modul
Select
Folder
Enter
Upload
Modul
Browse
local filesystem
Select
local
Image
Upload
File
Add
Metadata
Re-Open
Page
Modul
Re-Select
Page
Re-Select
Content
Element
Select
Media
Tab
Open
T3-FileBrowser
Re-Select
Folder
Re-Select
& Insert
Image
Open
Preview
Modul
Navigate
to Page
Preview
Text /w
Image
Save &
Close
Record
45. Text w/ Image
Open
Page
Modul
Create
Page
Create
Record
Select
Record
Type
Write
Text
Add
Metadata
Save &
Close
Record
Open File
Modul
Select
Folder
Enter
Upload
Modul
Browse
local filesystem
Select
local
Image
Upload
File
Add
Metadata
Re-Open
Page
Modul
Re-Select
Page
Re-Select
Content
Element
Select
Media
Tab
Open
T3-FileBrowser
Re-Select
Folder
Re-Select
& Insert
Image
Open
Preview
Modul
Navigate
to Page
Preview
Text /w
Image
Save &
Close
Record
46. Summary
‣
Product vision or strategy bit unclear
‣
iFrames separate Menus & Moduls
‣
Linear, technical driven workflows
‣
Current grouping by technical context
‣
Long, recurrent click paths for editors
47. Suggestions
‣
User and content first
‣
Define defaults for beginners
‣
Enable non-linear workflows
‣
Features on demand
‣
Prefer existing solutions
‣
Create small & re-usable parts
‣
Avoid abstraction where possible
70. Distraction free editing
A designer who wants to achieve good design must not regard himself
as an artist who, according to taste and aesthetics, is merely dressing up products with a last - minute garment. The designer must be the
gestaltingenieur or creative engineer. They synthesise the completed
product from the various elements that make up its design. Their work
is largely rational, meaning that aesthetic decisions are justified by an
understanding of the product’s purpose. _