TypeRules — Create beautiful documents
TypeRules is a web application that is used in a browser environment and can be used to create typical online content, for example, a blog post. The text editor aims to provide the user with the ability to create and save documents using either pre-defined templates or advanced user settings. The application helps the user to create documents using typographic best practice guidelines which are implemented in the css source code.
The initial research indicated that ease of use in a text editor was of high importance for users. This informed a series of paper prototype iterations to refine the design. Digital prototyping was also used to provide an impression of the application in actual use. The application itself is developed using HTML, CSS, jQuery and uses a material design library based on Googles Material Design Language. The application is hosted in the browser and it allows the user to create documents where the page elements such as titles and paragraphs, are injected into the document using jQuery. These elements are pre-defined in CSS and any newly created content will take on this pre-defined styling. Extra functionality was added to allow the user to make further typographic adjustments to the text. There are tools available to change the font size and line height as well as the word and letter spacing and when the user is satisfied with the document layout, they can save it in the browser’s localstorage for further editing later. The option to save out to a file is also available.
Overall testing showed that users were happy to use the application as it allowed them to quickly create properly formatted documents. User testing conducted towards the end of the project provided feedback on the application’s ability to save content. This was addressed in the application through localstorage and save to file functionality.