DocFinity v10
I was invited to join OIT as a full-time consultant UI Designer for their next major release of the DocFinity suite, the v10. As the only other UI Designer working on the entire suite, I worked towards defining the color scheme, the UI layout, the IA component behaviors and conducted several usability tests. Here's a detailed prototype of the Object Importer module of the suite created in Axure RP® 5. Please direct any questions relating to my work with OIT to Mr. Jim Hopkins, Director of Development.
Technology Used: Fireworks, Photoshop, Flash, Axure RP 5
more...
Icons
I designed the majority of the icons used in the v10 UI. I was also able to substantially update and standardize the icon creation guidelines in the DSD. Here is an excerpt from the DSD outlining the new icon creation standards.
The various Icons used on the toolbars and CABs should follow the following standards:
Here are a selection of icons I designed for v10.- In designing the Icons, the Correlation hierarchy is as follows
- Functional Correlation: User – Interaction Avenue
- Cognitive Correlation: User – Interaction Avenue
- Associative Correlation: Interaction Avenue – Interaction Avenue
- Icons that have Functional Correlations relating to common actions like add, delete, edit, save, configure, run, stop and view in the different modules, should inherit the visual paradigm of the base level functionality.
- Icons that have Associative Correlation to documents, pages, batches and packages should inherit the visual paradigm of the base level point-of-association
- The naming convention is as follows: Module or feature name followed by an underscore followed by the operation or action name and an underscore followed by the size. If an Icon has a disabled version, disabled is appended before the size. E.g. document_edit_disabled_16.png
- Icons relating to or associated with rearrangement and UI navigation utilize the base blue and its tints and tones.
- Icons relating to or associated with explicit user action and document handling utilize the base green and its tints and tones.
- Icons relating to or associated with terminal user actions utilize the base red and its tints and tones.
Miscellaneous
Here are a few other UI related designs I created while at OIT.
