Web Design

What is Web Design?



Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.

Elements of Web Design:

Web design uses many of the same key visual elements as all types of design such as: Layout, Colour, Graphics, Fonts and Content.



Websites are created using a markup language called HTML. Web designers build webpages using HTML tags that define the content and metadata of each page. The layout and appearance of the elements within a webpage are typically defined using CSS, or cascading style sheets. Therefore, most websites include a combination of HTML and CSS that defines how each page will appear in a browser.

A wireframe

What is a wireframe?

A wireframe is a visual guide that shows how a page or screen of a website or system may look.
The key to making good wireframes is to leave out all visual elements. Use boxes and lines to represent pictures and text.

Things to include in a Web page wireframe:
•boxes for primary graphical elements
•placement of headlines and sub-heads
•simple layout structure
•calls to action
•text blocks

 Using wireframes can help determine: The structure of a page or screen, The layout of content, The functionality available, Calls to action, Blocks of text, User interface elements, and Graphic design touches.

When Are They Useful?

Wireframes are extremely useful in the following situations: To quickly get ideas down on paper for soliciting feedback and To communicate the specification of a system or website.

Animation

Cartoons, an illustration which brings life to an image in a humorous way and the viewer feels associated with the subject as it grabs the attention. Cartoons have been advanced throughout these years where new dimensions were introduced and experimented with the user. Walt Disney consider one of the important animation maker. Walt Disney animation studio is creating animated movies from 1923 till now. They have been advancing the technology time to time as pioneer in animation and the best story teller. 

although animation is very profitable, and it looks very simple and easy on the screen, the animation is very complex job and not easy. the animators faces many troubles to create one character. while  the animators drawing character on a paper seems perfect and good but after implementing those steps in real the angel of the model appears distorted and extremely fake. also, When reviewing the animated cartoon they also find it bogus and vague human form which they are seeing on the screen.  in addition, the difficulties of satisfy the users. the interactive media in animations case is lot less because the user experience design is not interactive and friendly. The animator has to create such option repeatedly to see one design the how the subject will move and act in different positions and poses. But, If they improve their system then their audience base will increase and the gross profit can be in billions. That can be only done by one chance if user experience design is more assisting and easier to use. The technological advancements have been increased and reachable on each level that even common person can easily understand the phenomena of animations procedure and makings but practicing the procedure is still trickier and difficult to imply. It needs a lot more awareness and a proper study to approach the expert level. 

As the world is becoming more advance day by day people are moving towards the animation studies and computer generated software because this returns a lot in monetary terms but still the problem lies in heavy capital because more investments will lead to the more professional outcomes. 

The User Journey

What is a user journey?

      A user journey is a series of steps (typically 4-12) that show how might a user will interact with service , website or product.

     The user journey comes after personas and task scenarios. when you done of all these tasks , you will have a lot of input that help you to understand your user’s goals
, their motivations, their current pain points, their overall character, and the main tasks they want to achieve. then, you can create the user journey.

The benefits of user journeys:
1- Show the vision for the project.
2- Help us understand user behavior.
3- Help you define your taxonomy, interface and possible functionality.

     After all these you will now understand about your users and what they are trying to achieve.  also know about how they want to go about achieving it. Now you can start the next step.

UX Reviews

UX Reviews

         Big business for UX professionals review the websites and applications of users and their competitors. reviewing the websites and applications is very important. it lets you know what is users need, what is the problems of the product,  if product will stay in market or not and how to improve the product?. there are Expert evaluations evaluate of the efficiency and effectiveness of the major user tasks, a heuristic evaluation, and an assessment of best practices in navigation, layout, IA, nomenclature and labelling, window and panel behavior, and many other attributes. also, Expert evaluations should focus on the achievement of business objectives like: help the product to built a relationship with the user, encourage the user to stay on the site and support and complement other channels. 

Interaction design

What is Interaction design?    

      Interaction design focuses on creating interfaces, systems, and devices revolving around user’s  behavior. For the design of any interactive product, we must take into account several important points: 1- Who are the target group.  2-What are the services and activities to be provided by the product. 3- Where we will deliver product? , so here are some of product and how users interact with it. Here are some of product and how users interact with it. 

First, shoes cabinet:

is one of the important things in the home a long time ago until now. they focus on women who are the target of the product. then they try to attract them by design and space. they made it small, so it does not take much space. the shortcomings of the prodcut is they focus on design and space and forgot to have any kind of ventilation, so when you open the product, the smell will spread. 

Second, Foursquare

this app saves your time for searching where to go and it gives you many choices and you can review people's evaluation about the place. also, Provides you with information about the restaurant or coffee. the Mental model of this app is very simple , clear and easy to the use  and the Navigation is flexible, but there is Shortcomings which are The user interface, such as adding a new location is a bit complicated so you have to access to search and search for the name of the place and then you can 

add a new location. even in new update.

Third photoshop

What is photoshop?

Photoshop is one of the famous Adobe programs. This program is a special program of work of the graphics, which is the first program in the world in terms of power and the large number of users. This software enables you to create images and designs that you can use. The program is very useful, helps many majors like animation background.    also, there are some of Shortcomings the Mental model of photoshop is very complicated specially for beginner users and The affordance of the program is confusing.

Finally, cellphone

The device has a master control. It controls many things like lightning system, doors, air conditioners and curtains. Also it has an intelligent GPS and a smart reservation programmed payment. the Design of the product is easy and simple to use with clear and 

 colourful screen, but there are Shortcomings. The battery dose not handle the beneficial 
use of the telephone.

All in all, these paragraphs explain how the product design is very important and how the users interact with it. How the complaint of users, will help the product to know what are the shortcomings of the product and how to develop them.

BBC and Walt Disney Articles

       The two articles  talking abut how the design has big impact on its customers and how it make it easier and simple to the customers. the first article is about the BBC big news company which has website. this website  shows the breaking news and the shows in the channel. although it is very big company, there website has problems with the design some of  reader user  was complaining about the design. He has trouble finding a favourite show.

the second article is about how the Walt Disney Company consider Walt Disney the first user experience designer. walt Disney everything is designed down to the exact detail from the Cast members who are trained on how to treat customers with very specific instructions on how to do even the minutest actions, like waving and smiling until the design team of theme parks for out building.

Interactive Media

     Interactive media is how interact people through design. one of the important thing in interactive media is UX user experience design which helps People are aware of your product/service and interested in it, makes the us know if the product will live or not. also, makes us know if regular use of the product/service and users are passionate about our design, they are excited to share it with others or not. in the interactive media you will know How The Internet Works, Internet History,What is Hypertext, What is a Domain, What is a programming language, and the Levels of programming languages which are High-level program and Low-level program. there are types of programming languages like, C,JAVA, HTML and CSS. Addition, Programming Paradigms and Language Evaluation Criteria.

Why is it important to create personas and user profiles?

      The importance of  user profiles and personas is apparent throughout the entire design process. Informing content creation or research phases, being the catalysts for creating user journeys at the prototype stage, informing design decisions, helping evaluate proposed features or even helping the executive team get to grips with a proposed direction for the design. The profiles will help a designer justify decisions, help a client understand them and hopefully help a design become more usable and effective. Also, helps you to create or refresh your target audience. Once defined, the target audience become your guides.