Human–computer interaction

Since it was not really possible to change the positioning of the menu, I removed the button's tooltip and instead used CSS to create a DIV element which behaved exactly like a tooltip, containing the original tooltip's text. That way, I could control the element's position and ensure no elements are hidden. The element was also styled to resemble a typical browser tooltip.


I improved usability by reducing it to one input text field and two buttons for two functionalities. On the front end I used "formaction" attribute in buttons instead of "action" attribute in the form. So I reduced everything into one form. In the backend, it was a bit more complicated. I needed to differentiate between different types of input and gather different classes of the two functionalities into one class. This helped remove code duplicates and made the code easier to understand. In the end, the usability of the web page improved greatly and the backend code was also improved.

First, the Site Address and the WordPress address need to be updated. Go to Settings->General in the WordPress administration area and change the value of these two settings to the new URL. New contents are now created with HTTPS.

Unfortunately, changing the site address does not update URLs in existing contents, so a SQL-Statement to replace the old URLs with new one is required (replace with the URL of the site to move):

UPDATE wp_posts SET post_content = REPLACE(post_content, '', 'https://

Subscribe to Human–computer interaction