Searching for "user interface"

2022 user interface trends

2022 UI design trends guide

Minimalism, Claymorphism, Brutalism and a look into the future of NFT, VR and Metaverse

https://uxdesign.cc/2022-ui-design-trends-guide-22ddc386557b

  1. Minimalism and simplification
  2. Brutalism (and return of the flat)
  3. Glassmorphism and glass inspired elements
  4. Aurora backgrounds
  5. Holographic/Neon
  6. Eco-conscious “cardboard” style
  7. Wild typography
  8. Claymorphism 3D
  9. NFT’s and democratisation of art
  10. A glimpse into VR and Metaverse

+++++++++++++
more on UI in this IMS blog
https://blog.stcloudstate.edu/ims?s=user+interface

Your LMS User Experience

Why You Can’t Ignore Your LMS User Experience

https://www.linkedin.com/pulse/why-you-cant-ignore-your-lms-user-experience-johnny-cruz-mu%C3%B1oz/

LMS user experience can make or break your learning and development initiatives. We explain why the quality of your LMS user experience is vital to engaging employees and keeping the larger learning and development wheel going, absolutely seamlessly.

“It’s important to understand that UX isn’t just user-friendly interfaces and a smart look-and-feel. It also involves applying intelligent business rules that help simplify jobs and push engagement and productivity. These ideas are crucial for user adoption,”

+++++++++++
more on LMS in this IMS blog
https://blog.stcloudstate.edu/ims?s=learning+management+systems

asynchronous reality

https://andreasfender.com/

My (his) main research interests are augmented and virtual reality (AR/VR) as well as camera networks. This includes building novel 3D user interfaces (e.g., using projection mapping or VR headsets) that adapt the layout of spatial UI elements based on implicit user input (e.g., gaze data) and building toolkits for room-scale interfaces. More recently, I also investigate different realities afforded by the combination of VR devices and camera networks.

new EU legislation for Google, Meta

Google, Meta, and others will have to explain their algorithms under new EU legislation

The Digital Services Act will reshape the online world

https://www.theverge.com/2022/4/23/23036976/eu-digital-services-act-finalized-algorithms-targeted-advertising

The EU has agreed on another ambitious piece of legislation to police the online world.

  • argeted advertising based on an individual’s religion, sexual orientation, or ethnicity is banned. Minors cannot be subject to targeted advertising either.
  • “Dark patterns” — confusing or deceptive user interfaces designed to steer users into making certain choices — will be prohibited. The EU says that, as a rule, canceling subscriptions should be as easy as signing up for them.
  • Large online platforms like Facebook will have to make the working of their recommender algorithms (used for sorting content on the News Feed or suggesting TV shows on Netflix) transparent to users. Users should also be offered a recommender system “not based on profiling.” In the case of Instagram, for example, this would mean a chronological feed (as it introduced recently).
  • Hosting services and online platforms will have to explain clearly why they have removed illegal content as well as give users the ability to appeal such takedowns. The DSA itself does not define what content is illegal, though, and leaves this up to individual countries.
  • The largest online platforms will have to provide key data to researchers to “provide more insight into how online risks evolve.”
  • Online marketplaces must keep basic information about traders on their platform to track down individuals selling illegal goods or services.
  • Large platforms will also have to introduce new strategies for dealing with misinformation during crises (a provision inspired by the recent invasion of Ukraine).

hese tech companies have lobbied hard to water down the requirements in the DSA, particularly those concerning targeted advertising and handing over data to outside researchers.

Extended Reality Higher Education

Extended Reality Tools Can Bring New Life to Higher Education

https://www.edsurge.com/news/2021-03-29-how-extended-reality-tools-can-bring-new-life-to-higher-education

Zoom, Teams, Skype, and FaceTime all became daily fixtures, and many of us quickly became fatigued by seeing our colleagues, students and far-away loved ones almost exclusively in 2D. Most video conferencing solutions were not designed to be online classrooms. what is missing from the current video platforms that could improve online teaching: tools to better facilitate student interactions, including enhanced polling and quizzing features, group work tools, and more.

While universities continue to increase in-person and HyFlex courses, hoping to soon see campuses return to normalcy, there is mounting evidence that the increased interest in digital tools for teaching and learning will persist even after the pandemic.

We should move beyond 2D solutions and take advantage of what extended reality (XR) and virtual reality (VR) have to offer us.

Professor Courtney Cogburn created the 1,000 Cut Journey, an immersive VR research project that allows participants to embody an avatar that experiences various forms of racism. Professor Shantanu Lal has implemented VR headsets for pediatric dentistry patients who become anxious during procedures. At Columbia Engineering, professor Steven Feiner’s Computer Graphics and User Interfaces Lab explores the design and development of 2D and 3D user interfaces for a broad range of applications and devices. Professor Letty Moss-Salentijn is working with Feiner’s lab to create dental training simulations to guide dental students through the process of nerve block injection. Faculty, students and staff at Columbia’s Media Center for Art History have created hundreds of virtual reality panoramas of archaeology projects and fieldwork that are available on the Art Atlas platform.

In spring 2020, a group of Columbia students began to build “LionCraft,” a recreation of Columbia’s Morningside campus in Minecraft. Even though students were spread out around the world, they still found creative and fun ways to run into each other on campus, in an immersive online format.

iLearn2020

YouTube Live stream: https://www.youtube.com/watch?v=DSXLJGhI2D8&feature=youtu.be
and the Discord directions: https://docs.google.com/document/d/1GgI4dfq-iD85yJiyoyPApB33tIkRJRns1cJ8OpHAYno/editiLearn2020

Modest3D Guided Virtual Adventure – iLRN Conference 2020 – Session 1: currently, live session: https://youtu.be/GjxTPOFSGEM

https://mediaspace.minnstate.edu/media/Modest+3D/1_28ejh60g

CALL FOR PROPOSALS: GUIDED VIRTUAL ADVENTURE TOURS
at iLRN 2020: 6th International Conference of the Immersive Learning Research Network
Organized in conjunction with Educators in VR
Technically co-sponsored by the IEEE Education Society
June 21-25, 2020, Online
Conference theme: “Vision 20/20: Hindsight, Insight, and Foresight in XR and Immersive Learning”
Conference website: https://nam02.safelinks.protection.outlook.com/?url=http%3A%2F%2Fimmersivelrn.org%2Filrn2020&data=02%7C01%7Cpmiltenoff%40STCLOUDSTATE.EDU%7C7a9997a1d6724744f7d708d7f52d9387%7C5011c7c60ab446ab9ef4fae74a921a7f%7C0%7C0%7C637247448406614239&sdata=Jt%2BFUtP3Vs%2FQi1z9HCk9x8m%2B%2BRjkZ63qrcoZnFiUdaQ%3D&reserved=0
++++++++++++++++++++++++++++++
Wednesday, June 24 • 12:00pm – 1:00pm

 Instruction and Instructional Design

Presentation 1: Inspiring Faculty (+ Students) with Tales of Immersive Tech (Practitioner Presentation #106)

Authors: Nicholas Smerker

Immersive technologies – 360º video, virtual and augmented realities – are being discussed in many corners of higher education. For an instructor who is familiar with the terms, at least in passing, learning more about why they and their students should care can be challenging, at best. In order to create a font of inspiration, the IMEX Lab team within Teaching and Learning with Technology at Penn State devised its Get Inspired web resource. Building on a similar repository for making technology stories at the sister Maker Commons website, the IMEX Lab Get Inspired landing page invites faculty to discover real world examples of how cutting edge XR tools are being used every day. In addition to very approachable video content and a short summary calling out why our team chose the story, there are also instructional designer-developed Assignment Ideas that allow for quick deployment of exercises related to – though not always relying upon – the technologies highlighted in a given Get Inspired story.

Presentation 2: Lessons Learned from Over A Decade of Designing and Teaching Immersive VR in Higher Education Online Courses (Practitioner Presentation #101)

Authors: Eileen Oconnor

This presentation overviews the design and instruction in immersive virtual reality environments created by the author beginning with Second Life and progressing to open source venues. It will highlight the diversity of VR environment developed, the challenges that were overcome, and the accomplishment of students who created their own VR environments for K12, college and corporate settings. The instruction and design materials created to enable this 100% online master’s program accomplishment will be shared; an institute launched in 2018 for emerging technology study will be noted.

Presentation 3: Virtual Reality Student Teaching Experience: A Live, Remote Option for Learning Teaching Skills During Campus Closure and Social Distancing (Practitioner Presentation #110)

Authors: Becky Lane, Christine Havens-Hafer, Catherine Fiore, Brianna Mutsindashyaka and Lauren Suna

Summary: During the Coronavirus pandemic, Ithaca College teacher education majors needed a classroom of students in order to practice teaching and receive feedback, but the campus was closed, and gatherings forbidden. Students were unable to participate in live practice teaching required for their program. We developed a virtual reality pilot project to allow students to experiment in two third-party social VR programs, AltSpaceVR and Rumii. Social VR platforms allow a live, embodied experience that mimics in-person events to give students a more realistic, robust and synchronous teaching practice opportunity. We documented the process and lessons learned to inform, develop and scale next generation efforts.

++++++++++++++++++++++++++
Tuesday, June 23 • 5:00pm – 6:00pm
+++++++++++++++++++++++++++
Sunday, June 21 • 8:00am – 9:00am
Escape the (Class)room games in OpenSim or Second Life FULLhttps://ilrn2020.sched.com/event/ceKP/escape-the-classroom-games-in-opensim-or-second-lifePre-registration for this tour is required as places are limited. Joining instructions will be emailed to registrants ahead of the scheduled tour time.The Guided Virtual Adventure tour will take you to EduNation in Second Life to experience an Escape room game. For one hour, a group of participants engage in voice communication and try to solve puzzles, riddles or conundrums and follow clues to eventually escape the space. These scenarios are designed for problem solving and negotiating language and are ideal for language education. They are fun and exciting and the clock ticking adds to game play.Tour guide(s)/leader(s): Philp Heike, let’s talk online sprl, Belgium

Target audience sector: Informal and/or lifelong learning

Supported devices: Desktop/laptop – Windows, Desktop/laptop – Mac

Platform/environment access: Download from a website and install on a desktop/laptop computer
Official website: http://www.secondlife.com

+++++++++++++++++++

Thursday, June 25 • 9:00am – 10:00am

Games and Gamification II

Click here to remove from My Sched.

Presentation 1: Evaluating the impact of multimodal Collaborative Virtual Environments on user’s spatial knowledge and experience of gamified educational tasks (Full Paper #91)

Authors: Ioannis Doumanis and Daphne Economou

>>Access Video Presentation<<

Several research projects in spatial cognition have suggested Virtual Environments (VEs) as an effective way of facilitating mental map development of a physical space. In the study reported in this paper, we evaluated the effectiveness of multimodal real-time interaction in distilling understanding of the VE after completing gamified educational tasks. We also measure the impact of these design elements on the user’s experience of educational tasks. The VE used reassembles an art gallery and it was built using REVERIE (Real and Virtual Engagement In Realistic Immersive Environment) a framework designed to enable multimodal communication on the Web. We compared the impact of REVERIE VG with an educational platform called Edu-Simulation for the same gamified educational tasks. We found that the multimodal VE had no impact on the ability of students to retain a mental model of the virtual space. However, we also found that students thought that it was easier to build a mental map of the virtual space in REVERIE VG. This means that using a multimodal CVE in a gamified educational experience does not benefit spatial performance, but also it does not cause distraction. The paper ends with future work and conclusions and suggestions for improving mental map construction and user experience in multimodal CVEs.

Presentation 2: A case study on student’s perception of the virtual game supported collaborative learning (Full Paper #42)

Authors: Xiuli Huang, Juhou He and Hongyan Wang

>>Access Video Presentation<<

The English education course in China aims to help students establish the English skills to enhance their international competitiveness. However, in traditional English classes, students often lack the linguistic environment to apply the English skills they learned in their textbook. Virtual reality (VR) technology can set up an immersive English language environment and then promote the learners to use English by presenting different collaborative communication tasks. In this paper, spherical video-based virtual reality technology was applied to build a linguistic environment and a collaborative learning strategy was adopted to promote their communication. Additionally, a mixed-methods research approach was used to analyze students’ achievement between a traditional classroom and a virtual reality supported collaborative classroom and their perception towards the two approaches. The experimental results revealed that the virtual reality supported collaborative classroom was able to enhance the students’ achievement. Moreover, by analyzing the interview, students’ attitudes towards the virtual reality supported collaborative class were reported and the use of language learning strategies in virtual reality supported collaborative class was represented. These findings could be valuable references for those who intend to create opportunities for students to collaborate and communicate in the target language in their classroom and then improve their language skills

!!!!!!!!!!!!!!!!!!!
Thursday, June 25 • 11:00am – 12:00pm

 Games and Gamification III

Click here to remove from My Sched.

Presentation 1: Reducing Cognitive Load through the Worked Example Effect within a Serious Game Environment (Full Paper #19)

Authors: Bernadette Spieler, Naomi Pfaff and Wolfgang Slany

>>Access Video Presentation<<

Novices often struggle to represent problems mentally; the unfamiliar process can exhaust their cognitive resources, creating frustration that deters them from learning. By improving novices’ mental representation of problems, worked examples improve both problem-solving skills and transfer performance. Programming requires both skills. In programming, it is not sufficient to simply understand how Stackoverflow examples work; programmers have to be able to adapt the principles and apply them to their own programs. This paper shows evidence in support of the theory that worked examples are the most efficient mode of instruction for novices. In the present study, 42 students were asked to solve the tutorial The Magic Word, a game especially for girls created with the Catrobat programming environment. While the experimental group was presented with a series of worked examples of code, the control groups were instructed through theoretical text examples. The final task was a transfer question. While the average score was not significantly better in the worked example condition, the fact that participants in this experimental group finished significantly faster than the control group suggests that their overall performance was better than that of their counterparts.

Presentation 2: A literature review of e-government services with gamification elements (Full Paper #56)

Authors: Ruth S. Contreras-Espinosa and Alejandro Blanco-M

>>Access Video Presentation<<

Nowadays several democracies are facing the growing problem of a breach in communication between its citizens and their political representatives, resulting in low citizen’s engagement in the participation of political decision making and on public consultations. Therefore, it is fundamental to generate a constructive relationship between both public administration and the citizens by solving its needs. This document contains a useful literature review of the gamification topic and e-government services. The documents contain a background of those concepts and conduct a selection and analysis of the different applications found. A set of three lines of research gaps are found with a potential impact on future studies.

++++++++++++++++++
Thursday, June 25 • 12:00pm – 1:00pm

 Museums and Libraries

Click here to remove from My Sched.

Presentation 1: Connecting User Experience to Learning in an Evaluation of an Immersive, Interactive, Multimodal Augmented Reality Virtual Diorama in a Natural History Museum & the Importance of Story (Full Paper #51)

Authors: Maria Harrington

>>Access Video Presentation<<

Reported are the findings of user experience and learning outcomes from a July 2019 study of an immersive, interactive, multimodal augmented reality (AR) application, used in the context of a museum. The AR Perpetual Garden App is unique in creating an immersive multisensory experience of data. It allowed scientifically naïve visitors to walk into a virtual diorama constructed as a data visualization of a springtime woodland understory, and interact with multimodal information directly through their senses. The user interface comprised of two different AR data visualization scenarios reinforced with data based ambient bioacoustics, an audio story of the curator’s narrative, and interactive access to plant facts. While actual learning and dwell times were the same between the AR app and the control condition, the AR experience received higher ratings on perceived learning. The AR interface design features of “Story” and “Plant Info” showed significant correlations with actual learning outcomes, while “Ease of Use” and “3D Plants” showed significant correlations with perceived learning. As such, designers and developers of AR apps can generalize these findings to inform future designs.

Presentation 2: The Naturalist’s Workshop: Virtual Reality Interaction with a Natural Science Educational Collection (Short Paper #11)

Authors: Colin Patrick Keenan, Cynthia Lincoln, Adam Rogers, Victoria Gerson, Jack Wingo, Mikhael Vasquez-Kool and Richard L. Blanton

>>Access Video Presentation<<

For experiential educators who utilize or maintain physical collections, The Naturalist’s Workshop is an exemplar virtual reality platform to interact with digitized collections in an intuitive and playful way. The Naturalist’s Workshop is a purpose-developed application for the Oculus Quest standalone virtual reality headset for use by museum visitors on the floor of the North Carolina Museum of Natural Sciences under the supervision of a volunteer attendant. Within the application, museum visitors are seated at a virtual desk. Using their hand controllers and head-mounted display, they explore drawers containing botanical specimens and tools-of-the-trade of a naturalist. While exploring, the participant can receive new information about any specimen by dropping it into a virtual examination tray. 360-degree photography and three-dimensionally scanned specimens are used to allow user-motivated, immersive experience of botanical meta-data such as specimen collection coordinates.

Presentation 3: 360˚ Videos: Entry level Immersive Media for Libraries and Education (Practitioner Presentation #132)

Authors: Diane Michaud

>>Access Video Presentation<<

Within the continuum of XR Technologies, 360˚ videos are relatively easy to produce and need only an inexpensive mobile VR viewer to provide a sense of immersion. 360˚ videos present an opportunity to reveal “behind the scenes” spaces that are normally inaccessible to users of academic libraries. This can promote engagement with unique special collections and specific library services. In December 2019, with little previous experience, I led the production of a short 360˚video tour, a walk-through of our institution’s archives. This was a first attempt; there are plans to transform it into a more interactive, user-driven exploration. The beta version successfully generated interest, but the enhanced version will also help prepare uninitiated users for the process of examining unique archival documents and artefacts. This presentation will cover the lessons learned, and what we would do differently for our next immersive video production. Additionally, I will propose that the medium of 360˚ video is ideal for many institutions’ current or recent predicament with campuses shutdown due to the COVID-19 pandemic. Online or immersive 360˚ video can be used for virtual tours of libraries and/or other campus spaces. Virtual tours would retain their value beyond current campus shutdowns as there will always be prospective students and families who cannot easily make a trip to campus. These virtual tours would provide a welcome alternative as they eliminate the financial burden of travel and can be taken at any time.

++++++++++++++++++

Asynchronous Virtual Field Experiences with 360 Video

Zolfaghari, M., Austin, C. K., Kosko, K. W., & Ferdig, R. E. (2020). Creating Asynchronous Virtual Field Experiences with 360 Video. Journal of Technology and Teacher Education, 28(2), 315–320.
https://www.learntechlib.org/p/216115/
The global COVID-19 pandemic has disrupted normal face-to-face classes across institutions. This has significantly impacted methods courses where preservice teachers (PSTs) practice pedagogy in the field (e.g., in the PreK-12 classroom). In this paper, we describe efforts to adapt an assignment originally situated in a face-to-face school placement into a virtual version. By utilizing multi-perspective 360 video, preliminary results suggest virtual field experiences can provide PSTs with similar experiences for observation-based assignments. Acknowledging that immersive virtual experiences are not a complete replacement for face-to-face field-based experiences, we suggest virtual field assignments can be a useful supplement or a viable alternative during a time of pandemic.

++++++++++++++++

Klippel, A., Zhao, J., Oprean, D., Wallgrün, J. O., & Chang, J. (2019). Research Framework for Immersive Virtual Field Trips (p. 1617). https://doi.org/10.1109/VR.2019.8798153
https://www.researchgate.net/publication/335201061_Research_Framework_for_Immersive_Virtual_Field_Trips
++++++++++++++++++++++++
Klippel, A., Zhao, J., Sajjadi, P., Wallgrun, J. O., Bagher, M. M., & Oprean, D. (2020). Immersive Place-based Learning – An Extended Research Framework. 2020 IEEE Conference on Virtual Reality and 3D User Interfaces Abstracts and Workshops (VRW), 449–454. https://doi.org/10.1109/VRW50115.2020.00095
https://conferences.computer.org/vr-tvcg/2020/pdfs/VRW2020-4a2sylMzvhjhioY0A33wsS/653200a449/653200a449.pdf

+++++++++++++++++
more on Video 360 in this IMS blog
https://blog.stcloudstate.edu/ims?s=360
and specifically for education:
https://blog.stcloudstate.edu/ims?s=video+360+education

Gestalt and Visual Communication

Gestalt principles in User Interface design.

How to become a master manipulator of Visual Communication.

Jan 16, 2018 Eleana Gkogka

https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965

Great designers understand the powerful role that psychology plays in visual perception. What happens when someone’s eye meets your design creations?

Gestalt (form, shape in German) is a group of visual perception principles developed by German psychologists in 1920s. It is built on the theory that “an organized whole, is perceived as greater than the sum of its parts”.

four key ideas:

Emergence

People tend to identify elements first in their general outlined form. Our brain recognizes a simple, well-defined object quicker than a detailed one.

Reification

People can recognize objects even when there are parts of them missing. Our brain matches what we see with familiar patterns stored in our memory and fills in the gaps.

Multi-Stability

People will often interpret ambiguous objects in more than one ways. Our brains will bounce back and forth between the alternatives seeking certainty. As a result, one view will become more dominant while the other one will get harder to see.

Invariance

People can recognise simple objects independently of their rotation, scale and translation. Our brain can perceive objects from different perspectives, despite their different appearance.

Proximity

Elements arranged close to each other are perceived as more related than those placed further apart. This way different elements are viewed mainly as a group rather than as individual elements.

the Common Region principle

A good Common Region example would be the card UI pattern; a well defined rectangular space with different bits of information presented as one. Banners and tables are good examples as well.

Similarity

Elements sharing similar visual characteristics are perceived to be more related than those not sharing similar characteristics.

We can use the principle of Similarity in navigation, links, buttons, headings, call to actions and more.

Closure

A group of elements are often perceived to be a single recognisable form or figure. The Closure also occurs when an object is incomplete, or parts of it are not enclosed.

We can use the Closure principle in Iconography, where simplicity helps with communicating meaning, swiftly and clearly.

Symmetry

Symmetrical elements tend to perceived as belonging together regardless of their distance, giving us a feeling of solidity and order.

It’s good to use Symmetry for portfolios, galleries, product displays, listings, navigation, banners, and any content-heavy page.

Continuation

Elements arranged in a line or a soft curve are perceived to be more related than those arranged randomly or in a harsh line.

The linear arrangement of rows and columns are good examples of Continuity. We can use them in menus and sub-menus, lists, product arrangements, carousels, services or process/progress displays.

Common Fate

Elements moving towards the same direction are perceived as more related than those moving in different directions, or not moving at all.

We can use the Common Fate principle in expandable menus, accordions, tool-tips, product sliders, parallax scrolls and swiping indicators.

User Interface Design isn’t all about pretty pixels and sparkly graphics. It’s mainly about communication, performance and convenience.

+++++++++++++
more on ID in this IMS blog
https://blog.stcloudstate.edu/ims?s=instructional+design

gamification online learning

Gunawan, F. (2018). GAMIFICATION ANALYSIS AND IMPLEMENTATION IN ONLINE LEARNING. ICIC Express Letters, 12(12), 1195–1204.
https://www.academia.edu/39858461/GAMIFICATION_ANALYSIS_AND_IMPLEMENTATION_IN_ONLINE_LEARNING?auto=download
Khan [14] has introduced the eight-dimensional elearning framework, a detailed self assessment instrument for institutions to evaluate the readiness and the opportunity of their e-learning classes to grow.
institutional, management, technological, pedagogical, ethical, interface design, resource support, and evaluation. Institutional refers to the administrative and academic part of the system. Management refers to the quality control, budget, and scheduling. Technological refers to the infrastructure, hardware, and software. Pedagogical refers to analysis, organization and learning strategies. Ethical refers to ethical, legal, and social and political influences. Interface design refers to the user interface, accessibility, and design content. Resource support refers to career services, journals, and online forums. Finally, the evaluation refers to the assessment of learners and educators.
gamification – definition
Modern gamification term was first introduced by
Nick Pelling in 2002 [15]. Gamification is a concept that implements the game components
into the non-game contents such as education, marketing, administration, or even software
engineering [16]. These components include points, badges, leaderboards, and quests.
Each of them serves the purpose to increase the level of user engagement in the learning
process.
three components of engagement: cognitive, behavioral, and emotional [19].
+++++++++++++
more on gamification and online learning in this IMS blog
https://blog.stcloudstate.edu/ims?s=gamification+online+learning

1 2 3 6