The updated link dialogs were introduced in the Itasca release and have been critical tools for linking together content. However, they were developed for targeted use cases: creating links, inserting images, and moving pages/files. MindTouch's landscape has evolved into a platform for developers to build rich applications upon. By revisiting the dialogs and generalizing their use cases, we can provide reuseable tools for developers that are building on the platform.
Need to find a page, launch the browser. Need to find an image, launch the browser with image filtering enabled.
Improving the dialog experience will benefit the end users by handling edge cases better and developers by providing an intuitive UI for finding pages and content.
Initial scoping by the UI team (Karen, Kalid, Guerric)
Users interact with the dialogs in the editor: insert link, insert image.
Users interact with the dialogs via move operations: move/rename page, move file
User opens dialog with or without selected text. In case when user selected text and opened link dialog this text should be appear in "Link to" input box, browser should display all pages and files which match of selected text.
Users shouls be able to create internal links to pages and files, links to anchor of the page, external links and e-mail links.
"Link to" input box should support autocomplete feature. In case of internal links autocomplete should suggest internal pages and files. In case of links to anchor autocomplete should suggest anchors of current page or of page with path before # sign. In case of external links with http/https protocol autocomplete should use google custom search api to suggest URLs.
Link dialog should allow users to browse site structure - pages and files.
Link dialog should allow users to set advanced parameters of the link - id, stylesheet classes, title, target etc.
When user clicks "Create link" button:
If user edits the current link, the "Link to" input box should contain link href on dialog initialization. If link text was generated automatically by link dialog (page title, external url etc.) it should be replaced according to the new link location (old page title should be replaced with new page title, old URL should be replaced with new URL) on updating link.
Link dialog should allow to attach files to the current page without closing the dialog. After attaching files, path to the first of attached files should be appear into "Link to" input box.
Browser should display all subpages, attached files and sections of selected page. It also should allow to select predefined and defined by users paths.
Browser should has search field to search pages and files. Search engine should support search criteria to search by page titles and file names with filters, by tags, user names and modification dates.
Browser should be configurable to display files with specified filter (for example, only images).
Browser should allow to preview images.
Input
Output
Input
Output
Input
Output
Input
Output
(none)
Goal: Prototype primary use case to test: link dialog
Goal: Componentize the browsing widget for other uses
| File | Version | Size | Modified | |
|---|---|---|---|---|
| ||||
| ||||
Copyright © 2011 MindTouch, Inc. Powered by