> --
> You received this message because you are subscribed to the Google Groups
> "SilverStripe Core Development" group.
> To post to this group, send email to silverst...@googlegroups.com.
> To unsubscribe from this group, send email to
> silverstripe-d...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/silverstripe-dev?hl=en.
>
--
Chris Hope
The Electric Toolbox Ltd
Email: ch...@electrictoolbox.com
Web: www.electrictoolbox.com
Phone: +64 9 522 9531
Mobile: +64 21 866 529
Dialogs and tone
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_dialogs.jpg
The dialogs are quite straight forward in terms of design but they were probably the first time we touched the topic of tone
of communication of SS 3. We're proposing the end of R2d2 like communication a avoiding those awful "Server error 2345" for the user
that is meaningless the tone we're trying to set is personal and human much more like a dialog than a system talk. Those dialogs are just the first cut
and probably Jo (our writer) will help us polishing those messages.
Inserting links from tiny mce
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_insert-link.jpg
That is self explanatory as you change the dropdown on item one the fields on item 2 will change too
Inserting images from tiny mce
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_content-add-image-from-computer.jpg
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_content-add-image-from-web.jpg
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_content-add-image-from-files.jpg
When devs ask me to create some concepts for when you add images from tiny MCE I was thinking: "oh that should be simple.."
but really, that is hardcore stuff gave me some headaches but I think we've got to a good solution. Here's a breakdown of concepts applied
Model admin / datagrid
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_model-admin.jpg
using the custom datagrid for pages we created the generic one that can be used on any model admin
I think the screen-shot is self explanatory
"and your designs are already enough work to implement haha"
Love it, the eternal war between designer and developer.
and your designs are already enough work to implement haha
--
Hey Felipe,
On Tuesday, March 29, 2011 5:19:12 PM UTC+13, Felipe wrote:Dialogs and tone
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_dialogs.jpg
The dialogs are quite straight forward in terms of design but they were probably the first time we touched the topic of tone
of communication of SS 3. We're proposing the end of R2d2 like communication a avoiding those awful "Server error 2345" for the user
that is meaningless the tone we're trying to set is personal and human much more like a dialog than a system talk. Those dialogs are just the first cut
and probably Jo (our writer) will help us polishing those messages.I really like this, although we should ask some of our more corporate customers how they feel about the language.Its a fine line between an informal and unprofessional tone - Jo will be able to help there.We *could* make a separate locale for this (en_US vs. en_US_informal),but that could double the amount of translatable entities we have to maintain.Translators would need to pick one of the two "master languages" to base their translation on.which further complicates things (plus, translate.ss.org doesn't support this use case).So, long story short: I'd really really prefer a single consistent locale=language setting in the CMS :)
Inserting links from tiny mce
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_insert-link.jpg
That is self explanatory as you change the dropdown on item one the fields on item 2 will change too
Inserting images from tiny mce
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_content-add-image-from-computer.jpg
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_content-add-image-from-web.jpg
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_content-add-image-from-files.jpg
When devs ask me to create some concepts for when you add images from tiny MCE I was thinking: "oh that should be simple.."
but really, that is hardcore stuff gave me some headaches but I think we've got to a good solution. Here's a breakdown of concepts appliedHm, is inserting multiple images at once a good default use case in a rich text editing context?
I guess it could be a simple way to get a gallery going without any additional modules,but could also clutter the content field once you hit "insert".Was this on purpose, or more an easier way to transfer the "files & images" interface to this new popup interface?
I assume that we just take the form in the lower part for a panel to edit an existing image, right?
I don't think we need to allow replacing an image in TinyMCE just yet, delete+insert is fine(and your designs are already enough work to implement haha)
Model admin / datagrid
https://github.com/silverstripe/silverstripe-design/blob/master/Design/ss3-ui_model-admin.jpg
using the custom datagrid for pages we created the generic one that can be used on any model admin
I think the screen-shot is self explanatoryI can see the motivation for having the filter panel as a UI element on the data grid rather thanthe "surrounding" model admin UI, but we have to cater for use cases with at least double the amount of filters(typical CRM-style model admins have this). Would you see the filter panel scrollable? Sounds ugly...
I don't know that these designs are necessarily representative of a
determinate feature set. I think we're more talking about the general
UI/look-and-feel, and ancillary elements like rel tags can be added
later once we iron out the UI.
This all looks really good. The TinyMCE features in a modal window is
a beautiful thing. The current "panel" approach makes me queasy. :-)
Couple things -- The "filters" in modeladmin/datagrid should be
exposed. ModelAdmin/DataGrid are interfaces that invite manipulation,
so knowing the current state is critical. It's really confounding to
see a list and wonder why last week's record isn't in there, only to
find that there's a residual filter keeping it out of the result set
that you can't see. I want to see those filters at all times.
On one of the sites I am involved with, they changed the name/title
field of the homepage (no, I don't know why they did this as it has no
effect on the site whatsoever, but they did it because they could),
and must have clicked ok on the dialog that pops up without realising
what they were actually doing. So the URL changed and the end result
was a 301 redirect from / to /foo-bar-baz/ which isn't really ideal.
--
I like this idea.
> but exposing it as the ability to just edit
> the tag directly allows for human error to creep in to the actual markup
> breaking things rather easily.
Agreed. For me personally, and the reason I brought this up in the
first place, is I want to be able to set a link rel="nofollow" without
having to mess around looking through the source code to find the link
and add it, and instead simply select from a radio option. As I
mentioned in my earlier email, I have implemented this myself but I
would rather this sort of thing actually be part of the core system. I
do think it's a good idea to be able to hide this sort of stuff from
most users.
> For that reason I would still prefer the
> advanced mode to be structured. For really deep editing there is always the
> HTML mode in the editor as a whole. We have a class of user that is savvy
> enough to add in extra attributes under guidance, but not skilled enough to
> trust with raw HTML editing. Too easy to miss of a quote or something that
> can break things in strange ways that are hard to find.
Agreed. I am obviously one of those editors savvy enough to edit the
HTML myself (I'm a developer and a content writer) but I'd rather not,
as I talked about above.
My $0.02 :)
I think it is also actually quite important to have a difference in the UI design of these elements to avoid confusion between datagrids that might be on a DataObject managed in ModelAdmin and the actual Model Admin grid that lets you access that DataObject. As a user, I might click on one of those dataobjects and strait away be presented with a datagrid on that object. If they look the same, I could imagine that being quite confusing.
In particular, I think there's a difference, to a user, of having a single "keyword" search field a list of of members (e.g., the current MemberTableField), and having a side-panel of 10 different search options for really in-depth exploration of a data-set (which is often the case for a ModelAdmin).
Speaking at a high-level, I could imagine that the implementation of these two variants could be done as a different set of templates/css/js: one in which the form was a permanent side-bar, and one in which is was a pop-up.
- I think that we should design a screen that only works when you have a single data-grid on the screen, for those parts of the application that really call for focused analysis of a single data-set. A side-bar would work here, but I don't want to get prescriptive with the design.
- I think that the filter button + popup is an excellent way of embedding modeladmin-like functionality into a data-grid.
- From a practical perspective, I would expect us to implement one of these first - most likely the filter button + popup - and implement the second one later. Implementation of the second one would be a good mini-project and could be loaded into a ticket at the appropriate time. (I would expect this to be post-alpha)
- I see no need to make the two items visually distinct. Only programmers care about the differences between ModelAdmin and DataObjectManager. The important thing to users is how frequently they need to choose the filters - is it an occasional tool, or something they use every day?
> *- Multiple file upload*
> *- html5 Drop to upload*, straight from your desktop to the cms
> *- Editing during upload*, while you wait the upload you can add title, tags
> etc
> *- Inserting multiple images at once*, as we moved from sidebar to modalbox
> that's necessary to avoid opening ang close the popup all the time
> *- Images from a url, *multiple urls with live preview
> *- Images from a Files manager, *aslo multiple files with search and browse
> functionality
Can we get some designs for what file uploading will look like without the File API? Especially since most browsers don't support it.
---
Simon Welsh
Admin of http://simon.geek.nz/
Who said Microsoft never created a bug-free program? The blue screen never, ever crashes!
> You may already be aware of it, but I'd like to recommend Plupload
> http://plupload.com as an HTML5/Flash upload wrapper. It detects what
> is the best engine to use and creates a customisable interface based
> on that. So Safari gets the HTML5 uploader with the drag-and-drop,
> while IE falls back on a Flash uploader, etc. If you have GoogleGears
> installed, it will use that, too.
I'm rather against using a Flash fallback (constant causing Safari to hang when I allow it to play, killall -9 WebKitPluginHost gets used far too often), not to mention that your suggested fallback doesn't support drag and drop (assuming they at least keep that part of the table up to date).
Maybe you haven't released this, but Safari doesn't support the File API so will be given the Flash version.
Not to mention Apple is slowly fading Flash out from their new Macs (currently just the MacBook Air), so giving them a Flash fallback won't work either.
The current AssetAdmin has a completely functional HTML4-only file upload system that can be redesigned to look like it fits with the new upload design, just without those effects that most browsers don't support.
> It just seems to do all the work that I don't want to do when dealing
> with the varying support for uploading.
>
>
>
> On Mar 31, 3:21 am, Simon J Welsh <welsh.si...@gmail.com> wrote:
>> On 29/03/2011, at 5:19 PM, Felipe wrote:
>>
>>> *- Multiple file upload*
>>> *- html5 Drop to upload*, straight from your desktop to the cms
>>> *- Editing during upload*, while you wait the upload you can add title, tags
>>> etc
>>> *- Inserting multiple images at once*, as we moved from sidebar to modalbox
>>> that's necessary to avoid opening ang close the popup all the time
>>> *- Images from a url, *multiple urls with live preview
>>> *- Images from a Files manager, *aslo multiple files with search and browse
>>> functionality
>>
>> Can we get some designs for what file uploading will look like without the File API? Especially since most browsers don't support it.
>> ---
>> Simon Welsh
>> Admin ofhttp://simon.geek.nz/
>>
>> Who said Microsoft never created a bug-free program? The blue screen never, ever crashes!
>>
>> http://www.thinkgeek.com/brain/gimme.cgi?wid=81d520e5e
>
> --
> You received this message because you are subscribed to the Google Groups "SilverStripe Core Development" group.
> To post to this group, send email to silverst...@googlegroups.com.
> To unsubscribe from this group, send email to silverstripe-d...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/silverstripe-dev?hl=en.
>
---
Simon Welsh
Admin of http://simon.geek.nz/
> What's the support that IE9 has in terms of drag and drop file uploads?
Non-existent.
---
Simon Welsh
Admin of http://simon.geek.nz/
Does plupload support an easy way of enabling / disabling flash? If so, we could ensure that AssetAdmin works well without it, and have flash support be a configuration option. In particular, that makes 'disable flash' a quick fix if you run into stability problems.