Final assignment 1 (digital interface)

This is an assignment which i create icons for Taxi, Laundry Booster, Dr.car, Food Lover, Weather and Emergency 123.

Icon description :

Taxi : i uses orange color as it is the color of a taxi which older version of taxi. with the font of serif to make it looks like vintage and other than that, easily be read.

Laundry Booster : i used the color of black and white as to make it looks simple and not to heavy in term of design.

Dr.Car : For the dr.car, i used red as it the color of emergency and symbolize hospital and for the car, i color it black to make looks like i was sick.

Food Lover :i used red as red symbolize strong and white a heart on the center make it like very strong food lover as there's spoon and fork too.

Weather:For weather, i used cloud, sun and a blue greenish background as those are the common logo in the market.

Emergency123:i used red as it symbolize strong and for term of emergency, it looks kind of critical.

This is the final

Assignment 2 ( Website )

For our second assignment we were ask to create a website about ourselves. For my website, i designed it with some wave form on it header and footer but on the footer there are a bit of patterns like city form which symbolize me having a wavy life in the city which goes up and down. I choose blue as blue symbolize calmness and peace. For the font, i used Georgia, Monospace, and Haettenschweiler  as they are a easily read font and easy to be understand.

First , I use Photoshop to design my website. 

Header

 

Navigation

Content

Footer

 Navigation Button

Home

My biodata

My gallery

 

My blog

My contact

 

Then I edit in dreamweaver to create my website

 

This is where I create my link.

 

This is the result 

DIGITAL INTERFACE DESIGN ( Week 7 )

1) What is the interface design principles ?
According to Larry Constantine and Lucy Lockwood

·         The structure principle: Design should organize the user interface purposefully, in meaningful and useful ways based on clear, consistent models that are apparent and recognizable to users, putting related things together and separating unrelated things, differentiating dissimilar things and making similar things resemble one another. The structure principle is concerned with overall user interface architecture.

·         The simplicity principle: The design should make simple, common tasks easy, communicating clearly and simply in the user's own language, and providing good shortcuts that are meaningfully related to longer procedures.

·         The visibility principle: The design should make all needed options and materials for a given task visible without distracting the user with extraneous or redundant information. Good designs don't overwhelm users with alternatives or confuse with unneeded information.

·         The feedback principle: The design should keep users informed of actions or interpretations, changes of state or condition, and errors or exceptions that are relevant and of interest to the user through clear, concise, and unambiguous language familiar to users.

·         The tolerance principle: The design should be flexible and tolerant, reducing the cost of mistakes and misuse by allowing undoing and redoing, while also preventing errors wherever possible by tolerating varied inputs and sequences and by interpreting all reasonable actions.

·         The reuse principle: The design should reuse internal and external components and behaviors, maintaining consistency with purpose rather than merely arbitrary consistency, thus reducing the need for users to rethink and remember.

According to Jef Raskin in his book, The Human Interface there are two laws of user interface design, based on the fictional laws or robotics created by Isaac Asimov

·         First Law: A computer shall not harm your work or, through inactivity, allow your work to come to harm.

·         Second Law: A computer shall not waste your time or require you to do more work than is strictly necessary.

2) What is the elements of the interface design ?

Class Exercise ( Week 7 )

1. Class Exercise: Review on the existing website on Mc.Donald. List out the pro & cons of the interface design layout, the navigation buttons and is the information clear enough for the user to understand to navigation the page?

• After reviewed McDonald's website I couldn't find the deficiency of the website. As the simplicity of the layout make it easier to the viewer to view it. The color that had been used is recognized-able from the very first we view it. 
• Next, the navigation buttons is clear enough for the user to understand and to navigate the page as it has been organized simple and has been distinguished accordingly. The language that has been used is another influenced in making a good interface design as the designer should use a language that is easily can be understand.
• Thus, i can conclude that McDonald's website is an example of a good interface design with perfect navigation buttons.

   

    2. These are the print screen from McDonald's website

 

DIGITAL INTERFACE DESIGN - Navigation Button (week 4)

1) How they display the navigation button?
 
Navigation buttons are widely seen on the top of a website layout as it can be see easily by the viewers and make it easier to work on that website. But sometimes, its also depend on certain website design.

2) Why they need navigation button?

Website with no navigation buttons it will be like not a website. As, navigation buttons that make up a website and if its no navigation buttons, the website will be not functional. Furthermore, they need it in order to access the website page by page and the look through all the way inside the website.

3) When they need navigation button?

They need it when they have to click on another section like page. For example, in certain website, if there is no navigation buttons, the user have to click on ‘Back’. It’ll be troublesome for them. It’s when we need the navigation buttons as websites have their own navigation buttons either on the top of it or by left or right of the website.


4) Can navigation buttons to be complicated or simple design?

Simple. As it’ll be easy for the user to find out the ‘navigation’. If it’s complicated, user would find a difficulty to access a certain website.

Visual Usability

1. What is the visibility space in the interface?

 Visibility is a user interface is only valued when the user interactions achieve their purpose .Visibility is all about how clearly the user sees state of the interface and all the possible actions.

2. Percentage of the usability interface.

Surveyed had been made and widely distributed. Then, we received 74 responses. The percentage of the usability interface are 48% of the code is devoted to the user interface portion. The average time spent on the user interface portion is 45% during the design phase, 50% during the implementation phase, and 37% during the maintenance phase. 34% of the systems were implemented using a toolkit, 27% used a UIMS, 14% used an interface builder, and 26% used no tools. The projects using only toolkits spent the largest percentage of the time and code on the user interface (around 60%) compared to around 45% for those with no tools. This appears to be because the toolkit systems had more sophisticated user interfaces. The projects using UIMSs or interface builders spent the least percent of time and code on the user interface (around 41%) suggesting that these tools are effective.

Digital Interface Design ( Exercise 1 ) - Definition of Icons , Pictorial & Signage .

            

                  Digital Interface Design

What is Icons ?

Icons is a small picture that represents an object or program . Icons is useful in applications that use windows , because you can shrink an entire window into a small icon with the click of mouse button . Icon are principle feature of graphical users interfaces . An icons is activated by clicking on it with the pointing devices to starts one operation or to make a choices .

What is Pictorial ?

Pictorial is a feeling presented in a pictorial form , illustrated or expressed in pictures such as newspaper or periodical with pictures as a main feature .

 What is Signage ?

Signage is refer to the desgn or use of signs and symbols to communicate a message to the specific group , usually for the purpose of marketing or a kind of advocacy . A signage also means signs collectively or being considered as a group .