Balsamiq

Balsamiq is a rapid wireframing tool that allows us making mock ups fast by copying the experience of using a whiteboard. Instead, we use a computer with a simple userface like the one below:   The healthcare app we developed on paper was now created digitally using Balsamiq. There are templates for various sketches such…

CSS

We’ve moved onto the pretty bit of CSS over the next few classes. What CSS allows is to control layout and make changes across multiple web pages all at once using. Usually, the stylesheet is saved externally in a stylesheet in a .css file and linked to HTML using the <link> tag. See example using tags,…

HTML – video and audio

One of my most favourite types of content on digital platforms is video. It is used on websites to demonstrate products, share expertise, drive traffic, convert into sales/downloads etc. Until the 5th (current standard) edition of HTML it was impossible to handle multimedia and graphical content. Different browsers support different types of videos (source w3chools.com):…

HTML – images, links and lists

After an intro to HTML and its common elements and a short exercise of writing a page with a limerick in it, we moved onto a very tasty exercise of building a page with images and links to recipes of our favourite desserts. We used tags like ‘img src’ which links to an image saved in…

Wireframes

We worked on the topic of designing a website and wireframes during few lectures. There are few key points to keep in mind when designing a successful website, 1stwebdesigner.com (2016): Goals for your website. Target audience. CTA (What should visitors to do once they land on your site). Navigation Figure out how you will get…

Nielsen’s 10 Usability Heuristics for User Interface Design

I thought I will do a case study for this and analyse WeTransfer. It was to be one of my five examples of Nielsen’s heuristics, a positive one but I thought I may have a closer look and see if there’s anything that could be improved. Good visibility of system status – Agreed! WeTransfer allows you to…

Good UX vs bad UX

Bad design Double tap in a bathroom sink For any foreigner in Ireland the first encounter of double tap in a bathroom sink is somewhat confusing. It’s a bit like when in Sri Lanka you have a shower head instead of toilet paper (guess for yourself of what you’re supposed to do in that situation). To burn…