The formative features of lighting in film and its effect on the emotional response of the audience “applied experimental study” | ||||
| International Design Journal | ||||
| Article 16, Volume 12, Issue 2 - Serial Number 44, March and April 2022, Page 197-212 PDF (1.9 MB) | ||||
| Document Type: Original Article | ||||
| DOI: 10.21608/idj.2022.100902.1027 | ||||
 View on SCiNiTO | ||||
| Author | ||||
Yasser H. El Shamy  
| ||||
| Media Department, College of Language and Communication - Smart Village, Arab Academy for Science, Technology & Maritime Transport, Egypt | ||||
| Abstract | ||||
| In the era of informatics, everyone is in a race towards technology to keep pace with the new technological innovations that make life more luxurious and easier, and since our current era is the era of digitization, many educational institutions have sought to use technological innovations in education, especially after the changes that occurred due to the repercussions of COVID 19 around the world and it’s impact on the shape of educational systems in general. With the tremendous development in the digital space and the great spread of the use of mobile phones and smart devices, the focus of those in charge of developing websites has become on how to improve the website experience and presentation in a manner consistent with the nature of smart devices, and in a way that reduces the burden of costs and procedures associated with improving and developing the infrastructure of the website itself. The development in communication and information technologies and the spread of electronic knowledge among school and university students has helped to the emergence of new forms of e-learning systems and distance education to face the new variables, and the potential of mobile communication technologies has been invested to show a new concept of remote learning that relies on the use of Smart Devices. Despite the great development in the field of website design and the emergence of techniques that ensure the flexibility of web pages, research and studies have lacked identification of clear design strategies that ensure the application of a design that responds to all mobile devices according to clear standards and rules. The benefit of responsive design is not only the attempt to adapt the site’s content to different types of devices and screen sizes, but it is also concerned with studying the user experience and needs, in addition to the principle of simplicity in design. With the spread of e-learning platforms, it has become more useful to pay attention to the user experience in terms of interactions between the learner and the educational platform via mobile devices, that modern trend that has begun to be interested in recently with the emergence of responsive design technology for websites, as the design of educational websites is one of the most important areas that must be primarily concerned with the user to provide an educational design that is suitable with his needs and interests, and at the same time corresponds to the continuous and increasing technological development in the field of smart devices and website design, in a manner that does not conflict with the educational goals to be achieved. With the great development in this field, new technologies have emerged that will save time, effort and money to design websites that are suitable for all devices of different sizes and degrees of clarity, where these technologies have been combined to allow adaptation and response of design elements for websites, which is called the Responsive Design Technology for websites. Therefore, new research directions in the field of educational technology emphasized the importance of a clear procedural strategy that defines the most important design criteria and rules necessary to build a responsive design for educational sites based on the experience and characteristics of the learner, and based on the cognitive and design theories necessary to develop a general framework aimed at reducing the burden and visual dispersion and allowing the use and navigation of the educational website easily. With the development of information and communication technology and technological innovations, that was accompanied by a significant development in e-learning platforms, the multiplicity of learning tools and interest in developing electronic learning management systems (LMS), and despite the multiplicity of these systems, they lacked standards for interoperability on various devices, this affected the level of interface design and ease of use. Given that responsive design is a learner-friendly technology that helps to focus on the attention towards learning and reduces the cognitive and visual burden, the non-responsive design of educational sites leads to a sense of ambiguity and visual distraction, and this is a result of the inconsistency of the visual elements, their arrangement and their inadequacy for the space of presentation, or the lack of proportion to the size of visual elements, which may create a state of confusion and discomfort for the user and force him to leave the user interface due to the feeling of aversion to the visual design. The responsive design of websites can be technically defined according to its basic components, which are (Flexible grid system, Flexible images, and Queries directed to smart devices) Responsive design is an effective way to express these three technical components simultaneously in a way that facilitates design responsiveness to all devices and screens, so responsive design is the best technology for web design today, one of the main benefits of responsive design is that it is also concerned with studying the user’s experience and needs, in addition to the principle of simplicity in design. Methodology: The research is a developmental research based on descriptive analytical methodology to prepare the theoretical framework. The research problem can be identified in the absence of a clear procedural strategy for designing educational websites with a responsive design technology based on the user experience, despite its importance to keep pace with the tremendous development and progress in the use of smart devices, and its great impact in providing websites that respond to the nature of these devices and the size of their screens, which reduces the visual burden and dispersion and increases usability of these websites. Objective:, the research aims to build a responsive design strategy for educational websites based on the user experience. It also seeks to uncover the effect of using a responsive design strategy for educational websites based on user experience in developing educational achievement, ease of use of the educational site, reducing the visual burden as well as reducing visual dispersion. Results of this research emphasized the importance of taking into account some important theories when designing websites, such as Cognitive Load theory, Perceptual Load Theory, Attention Theories, User Experience Theories, and Web Design Theories. The research recommends educational website designers to rely on responsive design as the most reasonable method, Therefore the principles of user experience and interactive design must be available to the educational designer, to be able to design a learner-based environment, and to mix the successful practices of user experience with the learner's experience, to design and develop innovative and useful solutions for the use of smart devices in education. The research also confirmed that it is clear that the design of websites and the processing of the visual elements in the graphic interfaces affect the dispersion and the visual burden of the learner, which subsequently affects the perceptual burden of the learner. Also the theory of burden varies with different characteristics of individuals, and that individual differences in cognitive and emotional aspects may reduce or increase the burden on individuals. It also recommended that future studies should be conducted on the relationship between the characteristics of individuals and the visual burden due to the scarcity of research on this relationship. | ||||
| Keywords | ||||
| Formative features of lighting; Film Lighting; Emotional response | ||||
|
Supplementary Files
|
||||
| References | ||||
|
1. AL-Smadi M. and Tomberg V., (2013) Advances in Web-Based Learning –ICWL 2013, 12th International Conference Kenting, Taiwan, October 2013 Proceedings Harnessing the Potential of Accessibility Standards and Responsive Web Design Practices to Achieve Learning Interoperability on the Level of the User Interface. pp. (294–305). Heidelberg: Springer-Verlag Berlin.
2. Aizpurua A., Arrue M., and Vigo M., (2015) “Prejudices, Memories, Expectations and Confidence Influence Experienced Accessibility on the Web,” Computers in Human Behavior, vol. 51, 2015, pp. 152–160.
3. Anbu J., and Kataria S., (2015) Access to library resources through portable devices: A pre-design prototype for creating library websites. 1-5. 10.1109/ETTLIS.2015.7048162.
4. Ayres P., and Sweller J. (2005) The Split-Attention Principle in Multimedia Learning. In R. E. Mayer (Eds.), The Cambridge Handbook of Multimedia Learning (pp. 135-146). New York: Cambridge University Press.
5. Bang H., and Wojdynski B., (2016) Tracking users' visual attention and responses to personalized advertising based on task cognitive demand, Computers in Human Behavior, Volume 55, Part B, 2016, Pages 867-876, ISSN 0747-5632, https://doi.org/10.1016/j.chb.2015.10.025.
6. Baturay M., and Birtane M. (2013) Responsive Web Design: A New Type of Design for Web-based Instructional Content. Procedia - Social and Behavioral Sciences. 106, pp. (2275-2279). https://doi.org/10.1016/j. sbspro.2013.12.259
7. Beck D.M., and Lavie N., (2005) Look Here but Ignore What You See: Effects of Distractors at Fixation. Journal of Experimental Psychology: Human Perception and Performance, 31(3), 592–607,
8. https://doi.org/10.1037/0096-1523.31.3.592
9. Bull J., and McKenna C., (2004) Blueprint for Computer-assisted Assessment. Routledge Chapman & Hall.
10. Cartwright-Finch U., and Lavie N., (2007) The role of perceptual load in inattentional blindness, Cognition, Volume 102, Issue 3, 2007, Pages 321-340, ISSN 0010-0277, https://doi.org/10.1016/j.cognition.2006.01.002.
11. Deng L., and Poole M.S., (2010) Affect in Web Interfaces: A Study of the Impacts of Web Page Visual Complexity and Order, MIS Q. 34, 711–730. doi:Article
12. Desimone R., Duncan J., (1995) Annual Review of Neuroscience, Pages 193-222, ISSN - 0147-006X, https://doi.org/10.1146/annurev.ne.18.030195.001205
13. Eysenck M.W., Derakshan N., Santos R., & Calvo M.G., (2007) Anxiety and cognitive performance: Attentional control theory. Emotion, 7(2), 336 353. https://doi.org/10.1037/1528-3542.7.2.336
14. Feldman, R. S. (2016) Child Development (7th ed.). Boston, Massachusetts: Pearson.
15. Fielding, J. (2014) The experts voice in web development. Beginning Responsive Web Design with HTML5 and CSS3. California: Apress Media.
16. Geissler G., Zinkhan G., & Watson R.T., (2006) The influence of home page complexity on consumer attention, attitudes, and purchase intent, Journal of Advertising, 35 (2) (2006), pp. 69-80
17. Galitz W.O., (2002) The Essential Guide to User Interface Design an Introduction to GUI Design Principles and Techniques. John Wiley & Sons, Inc., Hoboken.
18. Germonprez M., and Zigurs I., (2003) Causal Factors for Web Site Complexity, Sprouts: Working Papers on Information Systems, 3 (13) (2003), pp. 3-13
19. Ginns P., (2006) Integrating information: A meta-analysis of the spatial contiguity and temporal contiguity effects, Journal ofLearning and Instruction Volume 16, Issue 6, December 2006, Pages 511-525
20. Haag J., and Berking P., (2015) A Reference Model for Designing Mobile Learning and Performance Support, Corpus ID: 27644512
21. Holst C., (2012) Adaptive vs. responsive layouts and optimal form field labels, 2012, http://uxdesign.smashingmagazine.com/2012/11/08/ux-design-qa-with-christian-holst
22. Hoober S., and Shank P., (2014) “Making mLearning Usable: How We Use Mobile Devices.” The eLearning Guild, April, 2014.
23. Hurst J.E., (2018) Evaluating Health and Wellness Mobile Applications, Journal of Hospital Librarianship, 18:3, 266-278, DOI: 10.1080/15323269.2018.1472928
24. Jehl S., (2014) Responsible Responsive Design, A Book Apart.
25. Katajisto L., (2015) "Creating support content for responsive websites at Microsoft Mobile," 2015 IEEE International Professional Communication Conference (IPCC), Limerick, Ireland, 2015, pp. 1-4, doi: 10.1109/IPCC.2015.7235787
26. Lavie N., and De Fockert J.W. (2003) Contrasting effects of sensory limits and capacity limits in visual selective attention. Perception & Psychophysics 65, 202–212 (2003). https://doi.org/10.3758/BF03194795
27. Learning Enhancement Corporation., (2010) The Relationship Between Vision and Cognition. Chicago.
28. Lestari D.M., Hardiano D., & Hidayanto A.N. (2014) Analysis of User Experience Quality on ResponsiveWeb Design from Its Informative Perspective. Int’I J. Software Eng. And Its Applications. 8 (5) 53-62.
29. Sauro J. and Lewis J., (2016) Quantifying the use experience, practical statistics for user research, Published by Elsevier.
30. McEwen R., and Dubé A. (2015) Engaging or Distracting: Children’s Tablet Computer Use in Education. Technology & Society, 18 (4), pp. 9–23.
31. Merriënboer J., and Sweller J., (2010) Cognitive load theory in health professional education: design principles and strategies. https://doi.org/10.1111/j.1365-2923.2009.03498.x
32. Merriman J., (2008) Redefining interoperability Or why the IEEE and Oxford English Dictionary have it Wrong. Retrieved from: http:// www.okiproject.org/view/
33. Nebeling M., and Norrie M. (2013) Web Engineering, 13th International Conference, ICWE 2013 Aalborg, Denmark, July 2013. Responsive Design and Development: Methods, Technologies and Current Issues. F. Daniel, P. Dolog, and Q. Li Eds.: ICWE 2013. pp. 510–513. Heidelberg: pringer-Verlag Berlin.
34. Norris C.A., and Soloway E., (2015) “Mobile Technology in 2020: Predictions and Implications for K–12 Education.” Educational Technology, vol. 55, no. 1, 2015, pp. 12–19. JSTOR, www.jstor.org/stable/44430334.
35. Palkova Z,. (2015) Mobile Web 2.0 Tools and Applications in Online Training and Tutoring. 10.1007/978-3-642-54146-9_73.
36. Pekka J., et al., (2015) On the design of a responsive user interface for a multi-device web service, Proceedings of the Second ACM International Conference on Mobile Software Engineering and Systems, (pp. 60-63). Florence, Italy: IEEE.
37. Rekhi S., (2013) Square pegs and round holes: How to make e-learning more mobile responsive. Retrieved from http://www.saffroninteractive.com/square-pegs-and-round-holes/on 19.06.2013.
38. Rocheleau J., (2017) https://designmodo.com/desktop-first-design-responsive/
39. Scalf P.E., Torralbo A., Tapia E., & Beck D.M., (2013) Competition explains limited attention and perceptual resources: implications for perceptual load and dilution theories. Front. Psychol. 4:243. doi: 10.3389/fpsyg.2013.00243
40. Schubert U., Grob M., & Potzsch S., (2012) User Experience and User-Centered Design at DATEV eG. In: Maedche A., Botzenhardt A., Neer L. (eds) Software for People. Management for Professionals. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-31371-4_10
41. Sharki C., and Fisher A., (2013) Jump Start Responsive Web Design. Sitepoint Pty. Ltd: Australia.
42. Shepherd E., (2006) IGI Global 2006. Definitions, Uses and Benefits of Standards. In: Online Assessment and Measurement: Foundations and Challenges. pp. 67–85.
43. Stoces M., Masner J., Jarolímek J., Šimek P., Vaněk J., & Ulman M., (2015) 11th International Conference Mobile Learning 2015. cross- platform user interface of e-learning Applications. (pp. 135-138). Prague: Czech Republic.
44. Sweller J., Editor(s): Jose P. Mestre, Brian H. Ross, (2011) CHAPTER TWO - Cognitive Load Theory, Psychology of Learning and Motivation, Academic Press, Volume 55, 2011, Pages 37-76, ISSN 0079-7421, ISBN 9780123876911, https://doi.org/10.1016/B978-0-12-387691-1.00002-8.
45. Torralbo A., & Beck D., (2008) Defining perceptual load: The role of local competitive interactions in visual cortex. Visual Cognition, 16(8), 1131-1134. https://doi.org/10.1080/13506280802478990
46. Tuch A.N., Bargas-Avila J.A., Opwis K. & Wilhelm F.H., (2009) Visual complexity of websites: Effects on users’ experience, physiology, performance, and memory, Int. J. Hum. Comput. Stud. 67, 703–715. doi:10.1016/j.ijhcs.2009.04.002.
47. Usablenet, (2015) The Truth About Responsive Web Design. http://blog. usablenet.com/the-truth-about-responsive-web-design-white-paper.
48. Voutilainen J., Salonen J. & Mikkonen T., (2015) "On the Design of a Responsive User Interface for a Multi-device Web Service," 2015 2nd ACM International Conference on Mobile Software Engineering and Systems, Florence, Italy, 2015, pp. 60-63, doi: 10.1109/MobileSoft.2015.16.
49. Wang Q., Yang S., Liu M., Cao Z., & Ma Q., (2014) An eye-tracking study of website complexity from cognitive load perspective, Decision Support Systems, Volume 62, 2014, Pages 1-10, ISSN 0167-9236, https://doi.org/10.1016/j.dss.2014.02.007.
50. Wroblewski L. (2011) Mobile first. 1st edition. New York: A Book Apart.
51. Xuan C., Wenbin W. , Junyan L., Zewen F., & Gang C. (2015) Responsive Mobile Micro lecture Online Learning Platform under MOOC Model. The 10th International Conference on Computer Science & Education (ICCSE 2015), July (pp. 22-24). Fitzwilliam College, Cambridge University, UK
52. Zalatan K., "BrainLeaf Inc.," (2017) https://www.brainleaf.com/blog/brainleaf -news/mobile-first-vs-desktop-first- how-to-choose-a-responsive-strategy.
Zhu B., (2013) "Responsive Design: e-Learning Site Transformation," 2013 Fourth International Conference on Networking and Distributed Computing, 2013, pp. 126-130, doi: 10.1109/ICNDC.2013.41. | ||||
|
Statistics Article View: 112 PDF Download: 113 |
||||
