![]() Supported by: Alternate Listbox UI, LivePipeUIĮditable combobox Editable combobox allows for lookup and/or text entry Select multiple LivePipe UI’s control takes less space and is easier to scan than an ocean of checkboxesĪlternate listbox UI Best alternative for multi select in small spaces, clearly displays all selections, and provides an easy way to edit Combobox (select multiple, alternate list box UI, editable) Supported by: Flex, Laszlo, ExtJs (called panels), Dojo, Google Web Toolkit (disclosure panel), Prototype/ ( accordion), JQuery, MooTools (accordion), MochaUI (split pane), SproutCore (split pane), IT Mill, Backbase (accordion), RadControls for Silverlight (PanelBar and Sliding Panel). Sliding panel Fluxiom uses a sliding panel instead of a dialog to show the selected photo’s details Collapsible Panels (accordion, disclosure triangles, slide drawer)Īccordion Mutually exclusive collapsible panels showing statusĭisclosure arrows uses disclosure arrows for summarizing and displaying accounts ![]() Supported by: Flex, Laszlo, Dojo, YUI, Google Web Toolkit, Prototype/, JQuery (SWF/Chart), MooTools, MochaUI, Backbase, SilverLight, An圜hart, Dundas, JPowered, JFreeChart, OpenFlashCharts, Flot, Plotr, PlotKit, WebFX, AjaxMcGraph, Measure Map. Charts & GraphsĬharts Advanced charting features like hover details, drill down, rolling windows, toggle views… Supported by: Flex, Prototype/, JQuery, MooTools, RadControls for Silverlight 03. Supported by: YUI, Prototype/, JQuery, ITMill, Backbase, iCarousel Supported by: Flex, Laszlo, ExtJs, Dojo, YUI, Google Web Toolkit, Prototype/, JQuery, MooTools, MochaUI, IT Mill, Backbase, Silverlight. The frameworks reviewed include: Flex, Laszlo, Silverlight and 12 Ajax frameworks and toolkits: ExtJS, Dojo, YUI, Google Web Toolkit, Prototype/, JQuery, MooTools, MochaUI, SproutCore, LivePipeUI, IT Mill, Backbase. If you have an addition or correction, please e-mail me, and I will post an updated framework/control matrix. So I included a checklist of which frameworks provide each control. Unfortunately, no single RIA framework offers all 30 of these. This is my library of essential controls. Standard Screen Patterns: 12 patterns w/100 examplesĮssential Controls: 30 controls for RIA design and developmentĬomponents for Commonly Requested Features: 15 patterns and examplesĮvery designer has a set of controls they rely on to communicate an effective UI. This is the second article in a three part series on patterns and principles for RIA design. For that you can check out our Explore the Book section. Īs Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book.Tagged with components, controls, Flex, ria, Usability, User Experience, ux Please comment with a link to your favorite custom Flex controls. Tree TableĪlternate one on Flex Exchange as Time Chooser 37. Tabs (configurable)Īt flexlib under prompting TextInput 35. There is also a Spell Check component on Flex Exchange 33. Slide out menu with effects instead of states 31. On flexlib under Convertible Tree List 21. * The hover invitation to edit on a field by field basis (like Flickr) works best for infrequent edits 19. Fisheye Menu (like Mac Dock)ĭoug McCune’s Early Gantt Chart 18. Captchaĭoug McCune’s updated Cover Flow 10. Auto CompleteĪdobe’s Scheduler on flexlib see flexlib.scheduling package 06. So some may need further refinement to comply with the usability principles discussed in the previous posts. Most of these controls were created to showcase certain functionality- not usability best practices. ![]() I pulled together a visual repository of custom Flex controls. But fortunately, talented and industrious Flex developers have created numerous custom controls for Flex. Unfortunately, it doesn’t have all of the Essential Controls I use for RIA design. Stock your Toolbox: 40+ Custom Flex Controlsįlex 3 includes a wide range of controls. Avoid Common Mistakes: 10 Anti-Patterns.Review Best Practices for Designing a RIA.Stock Your Toolbox: 40+ Custom Flex Controls.Learn From the Best: 10 Great Flex Apps.These tips are based on the best Flex resources I have found, and how you can use them to craft a great user experience. Since the book focuses on rich interactions, I want to spend some time on Adobe Flex/AIR.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |