Web editor User Interface Principle What You See Is What You Get (WYSIWYG) * Provide an editing interface that shows how the pages will be displayed in web browser. More user friendly No junk HTML No HTML knowledge needed Easy to insert a specific tag Easy to visualize the design E.g.: Microsoft FrontPage, Macromedia Dreamweaver Text-based ® = Aneditor where you work with HTML tags to create a web page. © Less user friendly No junk HTML Requires HTML knowledge ‘© Difficult to insert a specific tag * = Cannot visualize the design © Eg: Notepad, PSPad - User interface is a way a computer program communicates with the person who is using it. Consistency — the interface design is in harmony and same applied to all screen in a software program. Clarity - clearness of labels on all icons Context = relevant to a particular title and ideas (Navigation — user can move around the menu, help files or other screens Search — enables user to search keywords or glossary ‘ion — user can make their own personal or individual Learnability — system provides support information and help files to make system easy to understand Flexibility — user has the authority to navigate through all the sections 21