triplejgraphics - Tumblr blog

triplejgraphics · 4 years ago

Text

Developmental Blog

Introduction

My name is Jerome Modeste I am currently a student at SBCS studying Art and design HND level 5 & 4.

The purpose of my task is to report about different digital content delivery systems, to discuss UI features and its principles and finally to evaluate the relationship between digital content systems and key UI elements for different devices.

We were asked to explain the purpose of different digital content delivery systems, the UI principles that apply to them, and the UI features that apply to them.

Purpose of digital content delivery systems

Digital content delivery systems basically mean using a device such as a computer or phone to send a message to another device. However, they could have added features over time that has changed it to be able to do more things than originally could.

The examples of digital content delivery systems that I will be using as reference will be computers and mobile phones:

Computer

Computers are stationary hardware that can be used for communication and send digital content to other devices around the world by using communication websites like G-mail or Facebook. However, it can be used for a number of tasks such as entertainment where you can watch or listen to many videos, musicals, shows or movies on app devices such as Netflix or YouTube. It can also be used for planning PC video games on apps like Steam. Computers can also be used for information gathering on many topics like nature, food, sports, music, history, science, poetry, etc. Which can be found in a number of ways such as websites of text information you can read from a primary or secondary source, looking up documentaries about a topic or a tutorial on how to learn a new skill, it might also have the added feature of sub-text for the viewer to read in case they have problems hearing or there are deaf or they speak another language and can’t understand what the person is saying. On the other hand, there’s audio books which give information or stories by sounds for simpler reasons but for people who can’t see right or are blind. Another great use for computers is to store information you gather from all different sources. Such as data you find on the web or book information scanned onto the computer. Information can include text information, images, photos, colors, sounds, music, videos, etc. This information feathering would be very useful for online courses people access if they wish to proceed education through online or finding a course to go to though college. You can also use it to find a job by advertising your CV or finding it on a job site like irishjobs.ie or creating your own business.

2. Mobile Phones

Mobile phones are similar to computers, they can ring or message someone from anywhere around the world with or without the need of the Internet however it is easier to send a message though the internet connections. A main use of messaging people with a phone is Facebook messenger who you are friends with on the server or the WhatsApp text or call people with phone numbers without passing them any credit. Another access you have with messaging people is video chat where you can talk to people face to face with a built-in camera phone usually (some older versions don’t have this future) and a few of the main apps used for video chat or Facebook messenger or Snapchat. Another thing mobile phones can do is gain access to the internet and find a number of information such as education or news, entertainment purposes that it can be used for like watching videos on YouTube, reading an article or book on the websites or playing mobile video games that you can gain access on app stores like Clash of Clans. You can also use your phone to gain access to looking for college and jobs for the future. Mobile phones are way small that you can fix in your pocket and bring with you anywhere you go. You can call or text anyone and anywhere at any time you need to as long as the other person answers. You can take photos or videos wherever you go and store them on your save drive on the phone as well as saving information like notes, contact, internet history, audio recordings, apps and many more things so long as it can hold that information on it which really depends what phone you have, old phones can only hold about a gigabyte or 2 of information while the new phones can hold up to about 300 gigabytes of information.

Purpose

The purpose of Triple J Graphics Studio website is to gain reputation as a designer targeted at business owners delivering a sample portfolio that consists of the history of the firm, team information, contact info. and services.

Differences

Both mobile phones and computers have many things in common but also have future or functions that make them completely different. The common things they do have with most of the two devices are communication where anyone can call, message, voice message, e-mail and video chat to anyone around the world however mobile phones don’t really need the internet to do this. Another thing they can do is have access to a large variety of information such as history, documentaries, images, photos, news, education, job seeking, etc. Their also great use of entertainment with their access to videos, films, music, digital design and video games. However, there are few major differences between them. For starters mobile phones are usually much smaller than computers and it can fit in your pocket, you can take it around wherever you want to go. Another difference they have is although mobile phones can contain more information or data for short computers most of the time can contain more information on it’s hard drive. Another thing a computer can do better than mobile phones is that it can function better software systems that can be used on it be it video games, audio editing, adobe software like Photoshop or illustrator.

All data below was used for the creation of the website:

The navigation role is a landmark role.

The HTML <nav> element, navigation landmarks provide a way to identify groups (e.g., tags) of links that are intended to be used for website or page content navigation. If a page includes more than one navigation landmark, each should have a unique label. Tags allow users to find content in the same category. Some tagging systems also allow users to apply their own tags to content by entering them into the system.

The HTML <input> element specifies an input field where the user can enter data. The <input> element is the most important form element. The <input> element can be displayed in several ways, depending on the type attribute. (e.g., Buttons, Text fields).

Text fields allow users to enter text. It can allow either a single line or multiple lines of text.

A button indicates an action upon touch and is typically labeled using text, an icon, or both.

Communication is simply the act of transferring information from one place, person or group to another.

Every communication involves (at least) one sender, a message and a recipient. This may sound simple, but communication is actually a very complex subject.

The transmission of the message from sender to recipient can be affected by a huge range of things. These include our emotions, the cultural situation, the medium used to communicate, and even our location. The complexity is why good communication skills are considered so desirable by employers around the world: accurate, effective and unambiguous communication is actually extremely hard. (e.g, text-base).

text-based communication is one of the most popular categories used. Emails, SMS text messages, social media interaction, and instant messaging programs are all widely used by companies to accelerate communication between parties.

User interface principals used in the design of the website are:

Place the User at the Center

Strive for Clarity

Simplicity

Make It Accessible

Visual Structure

As always, the first UI design principle is to focus on the user. A good user interface is easy and natural to use, avoids confusing the user, and does what the user needs.

The purpose of the user interface is to allow the user to interact with the website avoiding anything that confuses people or doesn’t help them interact.

Simplicity exist for a reason; they’re timeless and never go out of style, though they do benefit from modern touches. A user interface should be simple and elegant.

UI designs need to take into account accessibility issues. Online, this often means ensuring the visibly impaired can access and use the product. Don’t forget about color blindness as well. Use colors were used to accentuate and emphasize.

A consistent visual structure was used in order to create familiarity and relieve user anxiety by making them feel at home. A few elements to focus on include a visual hierarchy with the most important things made obvious, color scheme, consistent navigation, re-use elements, and create a visual order using grids.

User interface (Mobile UI)

User interface or UI for short is the interaction and communication of people with devices. This can include computers, tablets, mobile phones, smart phones, laptops, etc. The futures that are linked to these devices and UI can include but not limited to keyboards, screens, torch screens, mouse’s, cameras, etc. This can also interact with software like apps like google or G-mail. Mobile UI is the mobile user interface is mostly the graphical and usually touch-sensitive display on a mobile device such as Huawei or iPhones. Mobile UI phones mostly show a tread of information on how to use the touch screen display like how to use the apps like the main apps used in most phones like contacts, messenger and calls which is usually used for getting in contact with other people's phones. Each app does have its own color icon and logo to tell it apart from the others.

The relationship between digital content systems and key UI elements with a phone

The UI and digital content system relationship with phones they have are when using video websites or apps to watch shows like YouTube or Netflix and if you want to increase the size you can do so by placing it on its side and the auto-rotation UI will be reposed to the digital content system video content. Another feature the UI and digital content system (or DCS for short) have is whenever you save or download or send something to anyone or a messenger site like Facebook messenger or E-mail gets saved on a file on you UI phone. These can include the following but not limited to photos, images, website link, videos, audios, etc. This has a few good perks such as it can put a reminder on your calendar dates like someone birthday party or wedding day, the ability to ring people online with the numbers without using credit on WhatsApp, the phone UI feature can auto save username and password on its device on a mostly safe software where no one can get access to them however it not always safe in case someone hacks your account. These username and password accounts include but are not limited to online banking accounts like First Citizen or Republic banking or online shopping account like Amazon, wish, book depository or social media account like Facebook, Instagram, Snapchat or information gathering and save drive like WordPress or the Moodle or Google drive.

The Approach used for this website was a filezilla upload to byethost.com in order for the website to be online.

0 notes