Color, Sounds, and Motion
.docx
keyboard_arrow_up
School
Southern New Hampshire University *
*We aren’t endorsed by this school
Course
319
Subject
Computer Science
Date
Feb 20, 2024
Type
docx
Pages
4
Uploaded by UltraCamelMaster345 on coursehero.com
Raphael Tolentino
CS-319
Prof. Tirrell
12 Nov 2023
Color, Sounds, and Motion
Color plays an important role in enabling developers to place importance in a particular area. For example, warmer colors, particularly red, usually get the attention of users quickly so it would be useful as a way to warn users of critical information such as an allergen alert/warning. Additionally, it can convey feedback. Take the example of a hyperlink: the link is light blue when the user has yet to click on the link, however, it turns purple when it is clicked on indicating that the user has already visited the link before. Developers and UI/UX designers will have to watch out for the overuse of colors. It should be used in areas where we want to highlight or draw attention to, and we should have very good reason to use them. Additionally, we need to be consistent in our use of color to avoid confusion. As Apple’s guide to implementing colors state, “using a color other than [what’s conventionally used] can be confusing.” (Apple, 2023).
Developers can use colors to guide how users interact with their applications. For example, colors convey hierarchy by indicating, ”
which elements are interactive, how they relate
to other elements, and their level of prominence.” (The Color System, n.d.). We can use visually contrasting elements to highlight where we want our users to focus their attention. This means we should highlight areas of our application that will let users achieve their goals the quickest. An example would be the Google home page. It only has one function and that is the search bar. A colorful Google logo sits atop the prominent search bar, instantly drawing attention to the
search bar whilst bringing attention to the company name. In Dark Mode, the Google logo is in white bold text and everything else is dark, luring the user’s eyes without the use of any color. We should keep this principle of contrasting elements in mind when we design UI/UXs.
By learning the design principles behind the use of color, I can apply it to the current app we’re developing. For example, in my prototype UI, I’ve placed emphasis on an allergen alert at the very top of the page that will be in a warm color, most likely either orange or red. Additionally, at the bottom left of the screen, users will be able to view their saved items and achievements and this will be in a yellow or similarly flashy color. Next, the ingredients themselves will be listed in green for healthy, orange for caution, and red for unhealthy. Using these minimal pops of color should guide my users in the areas I want to highlight, especially critical information like allergen and food safety.
While colors provide the lift for most of the user interaction with the application, we should not forget how sound can play an important role in refining the user experience. Sounds should provide appropriate feedback to user actions, therefore creating another way to deliver information about user actions. For example, tapping a button usually comes with sound feedback so we don’t have to bombard our users with changes in color as previously mentioned. "These sounds are called earcons
, and they can represent information, actions, or events. Their sound can reinforce both the meaning of an interaction and a product’s aesthetic, emotion, and personality.” Additionally, there are decorative sounds and hero sounds. Hero sounds are usually used, “to highlight an important moment, evoke an emotion, or express celebration.” (Applying Sound to UI, n.d.).
Even though sound can be an effective tool to convey feedback on user actions, we should be wary of using too much decorative sounds. Decorative sounds are used to “amplify an
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
- Access to all documents
- Unlimited textbook solutions
- 24/7 expert homework help
Related Questions
Q3 . Map/Reduce and related technologies.(a) Consider a web with the pages 0, 1, 2, 3. The pages have the following links: 0→1, 0→2, 2→3, 3→2. What is the PageRank of each page? Show the steps of your reasoning.
arrow_forward
Alert dont submit AI generated answer.
Consider the following page reference string: 1, 2, 3,3, 4, 7, 1, 5, 6, 1,2,3,7 ,6,3,2,1,2,3,6How many page faults would occur for the following replacement algorithms: • LRU replacement • FIFO replacement • Optimal replacement (Remember that all frames are initially empty, so your first unique pages Pick a number between 3 and six and illustrate out LRU, FIFO and Optimal page replacement for that many pages for the given reference string.
arrow_forward
Consider the link structure of 6 websites in the diagram attached
a ) What is the hyperlink matrix, H, used in PageRank?
b) Identify the dangling node(s). How would it affect PageRank scores?
c) What is the Google matrix, G, with α=0.9?
d) Compute the PageRank scores for two iterations (the initial values are 1/6).
e) What is the adjacency matrix, L, used in the HITS algorithm
f) Compute the authority and hub scores for one iteration (the initial values are1’s).
arrow_forward
Tracking Down and Eliminating Specific LinksType an example The full linkList2.cpp programme includes methods to remove an item with a specific key value and scan a linked list for a data item with a specific key value. These are the same actions that the LinkList Workshop applet performs, along with placement at the list's beginning.
Don't copy old bartleby answer its wrong
arrow_forward
Using Selenium and python write a script to perform functional testing. Test if links are working, text boxes are enabled, displayed and accept text values, command buttons are responsive and report if there are any dysfunctionalities within these elements. Give the code for each along with a descriptive text that explains what each line does.
arrow_forward
I'm taking the Web Site Development class, and I have Visual Studio Code as the text editor. I'm starting to study HTML, and I'm just beginning to learn. I have done two cases, and the professor tells me that I have to resubmit the homework with a link to the page, which is stored on your 000webhost site. I don't understand how to do it; he wants the URL. Any help is appreciated, and thanks in advance. This homework is for Computer Science.
arrow_forward
Describe how CSS may be used to reduce the size of HTML files while also making website upkeep easier..
arrow_forward
Except for aesthetic support for HTML5 tags, Modernizr effectively fills in the gaps that browsers have.
arrow_forward
Tracking Down and Eliminating Specific LinksType an example The full linkList2.cpp programme includes methods to remove an item with a specific key value and scan a linked list for a data item with a specific key value. These are the same actions that the LinkList Workshop applet performs, along with placement at the list's beginning.
arrow_forward
Html , Javascript
A game with blocks
Make a simple game that takes place on a 3 × 3 grid as shown on the below image. Blocks are denoted by letters from A to H and are initially shuffled. The player can drag a chosen block to the empty field. Only one block can reside on a field at any time. When blocks are sorted alphabetically A – H the game is finished.
arrow_forward
A developer designs a web page that asks users for personal information. To send data properly, which technique should be used? A. Obtain It, B. Set It Out, C. Complete It, D. Take Action
arrow_forward
Question 6 Sam
start with a blank page as demonstrated in class then add a button to link to some web site and experiment with themes and other features to "learn by trial and error". The only expectation is a page and the output of the exercise should be a link to your web page.
DO THIS IN WORDPRESS.
arrow_forward
Suppose you are programming a web page with location mapping capabilities. The API key you will use in your web page’s source code _____.
a.
is an array of numbers that is passed from your application to an API platform
b.
is a JavaScript object that manages the use of third-party scripts in a web page
c.
always restricts access to specific website domains or IP addresses by default
d.
verifies your ownership of an account and a project that has access to third-party tools
arrow_forward
How would i implement the following in html, with Jscript.
I have created a login form how do i make it so that when i post the form it stores the username and password values locally and when the user logs in he will have a specific instance of the homepage unique to him, and so all changes that he makes to the homepage need to be his as when another user logs in he needs to be able to do the same e.g. store his details locally and have a unique instance of the homepage.
If possible can you show me the code that you would use for this, I am using HTML, CSS, Jscript.
arrow_forward
Question 2: Consider the following website: https://www.opencart.com/
Using Selenium and python write a script to perform functional testing. Test if links are working, text boxes are enabled, displayed and accept text values, command buttons are responsive and report if there are any dysfunctionalities within these elements. Give the code for each along with a descriptive text that explains what each line does.
arrow_forward
Create a social network visualization for the co-authorship network using the data provided.The data consist of a single column in the following format: Ghasemaghaei, Maryam; Ebrahimi, Sepideh; Hassanein, Khaled Here, Maryam Ghasemaghaei is the first author of the academic paper, Sepideh Ebrahimi is the second author, and Khaled Hassanein is the third author. In other words, this row suggests that these three authors have collaborated to write a research paper. You don’t need to fix the first and the last names. Hint: Convert the excel to CSV and use the code from one of the iPython notebooks to import this data directly into Python to plot the social network.
arrow_forward
Suppose an online company wants to get more users to share content on its website. They are testing if placing the sharing links above or below the content will result in more shares.
Research Question: Does placing the sharing links above or below the content result in more users sharing the content on various social media platforms?1.What would be your response variable [1 point], and how would you measure it [1 point]?2.List 2 other variables you would want to collect [1 point], how they are measured [1 point], and explain why you chose them [1 point].3.What type of study would you use to answer the company's research question: observational study or experiment?4.Describe your study in more detail. For example, you may want to explain how you would collect responses from participants, what type of questions you would ask participants, etc. This question is about the study itself after you have recruited participants. In the next question, you will comment on the sampling method.…
arrow_forward
For HTML & CSS how to create flexbox and responsive image can I have an few examples to understand it
arrow_forward
HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!
TRUE OR FALSE
Strings can be processed and parsed one character at a time in javascript statements either by employing sname[ index] or alternatively employing sname.substring(index,index+1), where index is a position in the string sname?
A web page contains a master div element. The embedded inner elements of the master div consist of paragraphs which have embedded span elements. The master div element has the id name main . To access all the span tabs within all paragraphs one could employ the following statements as shown in order?
arrow_forward
Describe how using CSS may simplify website upkeep by reducing the number of HTML files.
arrow_forward
I am writing a PHP code for adding following and display follower in social Network , when people click on the "following" link or "follower" link. I need real a sample PHP code (NOT a concept Code) for the "following" and "follower", please! Thanks so much!
arrow_forward
Consider the link structure of 6 websites in the diagram attached
d) Compute the PageRank scores for two iterations (the initial values are 1/6).
e) What is the adjacency matrix, L, used in the HITS algorithm
f) Compute the authority and hub scores for one iteration (the initial values are1’s).
arrow_forward
Explain in plain English the following two regex:
egrep ‘(\b\w+\b) \1’ example_2.txt
egrep ‘(\b\w+\b) (\b\w+\b) \1 \2 example_2.txt
The explanation should include what each symbol or letter in the regex represents
Use man pages.
If referencing and external source such as a web page, make sure you post the URL in your answer.
arrow_forward
Write a simple Bean to display the current Date and invoke it from the Java Server Page. Specify the Path which has to be set for the JSP page to invoke the bean. I need to figure out how to create a JavaBean file (.java) and connect it with a JSP file. It needs a getter and setter for the current date. The existing answers on Chegg only link to the existing built-in module and don't address the assignment questions. Please provide some feedback on how to do this or something similar. Thank you!.
arrow_forward
Cordova implements the W3C Web Storage interface which is also implemented by most browsers (it has an interface very similar to the ionic storage interface).
a. What main types of storage are provided?
b. Can one page/app easily access another page/app’s storage? Why?
arrow_forward
Make a copy of the web design or replicate it (see attached picture) using HTML TAGS ONLY. (DO NOT INCLUDE OTHERS LIKE CSS, ONLY HTML) Print your written code with screenshot of your program opened in a web browser.
*it doesn't have to be exact with the attached picture if html can't do it, html is enough*
arrow_forward
According to the following reference
Link 1: https://www.dropbox.com/s/f5uqc9ee27mo7fp/Android%20studio%20doc.docx?dl=0
Please answer the following question in link provided above without handwriting, please
================================================
I' m After an Android studio project which Implement an Android mobile app please check link 1 it has the question and all the requirments for the project
Note: Write both XML and java files.
Link 2: this link for the images that are required to be used in this proejct
Link 2: https://www.dropbox.com/sh/j7p00nedu7xyn5d/AADoBgYyK1SwDSRbF12vw8hra?dl=0
================================================
arrow_forward
using JQuery,
Develop a web page that contains 4 buttons and 3 images
When button 1 is pressed, image 1 will be hidden and when button 1 is pressed again image 1 is will be shown
Button 2 hides image 2
Button 3 hides images 1 and 2
Button 4 hides all images
arrow_forward
SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education
Related Questions
Q3 . Map/Reduce and related technologies.(a) Consider a web with the pages 0, 1, 2, 3. The pages have the following links: 0→1, 0→2, 2→3, 3→2. What is the PageRank of each page? Show the steps of your reasoning.
arrow_forward
Alert dont submit AI generated answer.
Consider the following page reference string: 1, 2, 3,3, 4, 7, 1, 5, 6, 1,2,3,7 ,6,3,2,1,2,3,6How many page faults would occur for the following replacement algorithms: • LRU replacement • FIFO replacement • Optimal replacement (Remember that all frames are initially empty, so your first unique pages Pick a number between 3 and six and illustrate out LRU, FIFO and Optimal page replacement for that many pages for the given reference string.
arrow_forward
Consider the link structure of 6 websites in the diagram attached
a ) What is the hyperlink matrix, H, used in PageRank?
b) Identify the dangling node(s). How would it affect PageRank scores?
c) What is the Google matrix, G, with α=0.9?
d) Compute the PageRank scores for two iterations (the initial values are 1/6).
e) What is the adjacency matrix, L, used in the HITS algorithm
f) Compute the authority and hub scores for one iteration (the initial values are1’s).
arrow_forward
Tracking Down and Eliminating Specific LinksType an example The full linkList2.cpp programme includes methods to remove an item with a specific key value and scan a linked list for a data item with a specific key value. These are the same actions that the LinkList Workshop applet performs, along with placement at the list's beginning.
Don't copy old bartleby answer its wrong
arrow_forward
Using Selenium and python write a script to perform functional testing. Test if links are working, text boxes are enabled, displayed and accept text values, command buttons are responsive and report if there are any dysfunctionalities within these elements. Give the code for each along with a descriptive text that explains what each line does.
arrow_forward
I'm taking the Web Site Development class, and I have Visual Studio Code as the text editor. I'm starting to study HTML, and I'm just beginning to learn. I have done two cases, and the professor tells me that I have to resubmit the homework with a link to the page, which is stored on your 000webhost site. I don't understand how to do it; he wants the URL. Any help is appreciated, and thanks in advance. This homework is for Computer Science.
arrow_forward
Describe how CSS may be used to reduce the size of HTML files while also making website upkeep easier..
arrow_forward
Except for aesthetic support for HTML5 tags, Modernizr effectively fills in the gaps that browsers have.
arrow_forward
Tracking Down and Eliminating Specific LinksType an example The full linkList2.cpp programme includes methods to remove an item with a specific key value and scan a linked list for a data item with a specific key value. These are the same actions that the LinkList Workshop applet performs, along with placement at the list's beginning.
arrow_forward
Html , Javascript
A game with blocks
Make a simple game that takes place on a 3 × 3 grid as shown on the below image. Blocks are denoted by letters from A to H and are initially shuffled. The player can drag a chosen block to the empty field. Only one block can reside on a field at any time. When blocks are sorted alphabetically A – H the game is finished.
arrow_forward
A developer designs a web page that asks users for personal information. To send data properly, which technique should be used? A. Obtain It, B. Set It Out, C. Complete It, D. Take Action
arrow_forward
Question 6 Sam
start with a blank page as demonstrated in class then add a button to link to some web site and experiment with themes and other features to "learn by trial and error". The only expectation is a page and the output of the exercise should be a link to your web page.
DO THIS IN WORDPRESS.
arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education