Heuristic Evaluation adalah salah satu cara mengevaluasi sistem, aplikasi atau produk menggunakan bantuan expert. Ada 10 rules yang harus diuji, apa saja? yuk kita simak
Currently we are having a project of Human Computer Interaction (HCI) course in which we are developing a mobile app named "Announcer".
This is a project slide presentation of our "Announcer" mobile app.
Click on our blogspot here to know more:
yujinnohikari.blogspot.com
prototyping software credit to: justinmind.com
Currently we are having a project of Human Computer Interaction (HCI) course in which we are developing a mobile app named "Announcer".
This is a project slide presentation of our "Announcer" mobile app.
Click on our blogspot here to know more:
yujinnohikari.blogspot.com
prototyping software credit to: justinmind.com
2022 solution challenge info session presentation - gdsc fulafiaIsmailUmar15
The Google Developer Student Clubs Solution Challenge is an annual competition for university students to build solutions for problems in the community using one or more Google technology.
HCI LAB MANUAL
1
To understand the trouble of interacting with machines - Redesign interfaces of home
appliances.
2 Design a system based on user-centered approach.
3 Understand the principles of good screen design.
4 Redesign existing Graphical User Interface with screen complexity
5 Design Web User Interface based on Gestalt Theory
6 Implementation of Different Kinds of Menus
7 Implementation of Different Kinds of Windows
8 Design a system with proper guidelines for icons
Chapter 7: Design rules
from
Dix, Finlay, Abowd and Beale (2004).
Human-Computer Interaction, third edition.
Prentice Hall. ISBN 0-13-239864-8.
http://www.hcibook.com/e3/
Nair, R., Voida, S. and Mynatt, E.D. Frequency-based detection of task switches". In Proceedings of the 19th British HCI Group Annual Conference (HCI 2005; Edinburgh, Scotland). Springer-Verlag (2005), Vol 2. 94-99.
Mouse tracking is a technique for monitoring and visualizing mouse movement and activity of the users.
This is a Comparative study of cursor movement pattern between a touchpad and a mouse devices based on patterns of cursor movement.
HCI LAB MANUAL
1
To understand the trouble of interacting with machines - Redesign interfaces of home
appliances.
2 Design a system based on user-centered approach.
3 Understand the principles of good screen design.
4 Redesign existing Graphical User Interface with screen complexity
5 Design Web User Interface based on Gestalt Theory
6 Implementation of Different Kinds of Menus
7 Implementation of Different Kinds of Windows
8 Design a system with proper guidelines for icons
2022 solution challenge info session presentation - gdsc fulafiaIsmailUmar15
The Google Developer Student Clubs Solution Challenge is an annual competition for university students to build solutions for problems in the community using one or more Google technology.
HCI LAB MANUAL
1
To understand the trouble of interacting with machines - Redesign interfaces of home
appliances.
2 Design a system based on user-centered approach.
3 Understand the principles of good screen design.
4 Redesign existing Graphical User Interface with screen complexity
5 Design Web User Interface based on Gestalt Theory
6 Implementation of Different Kinds of Menus
7 Implementation of Different Kinds of Windows
8 Design a system with proper guidelines for icons
Chapter 7: Design rules
from
Dix, Finlay, Abowd and Beale (2004).
Human-Computer Interaction, third edition.
Prentice Hall. ISBN 0-13-239864-8.
http://www.hcibook.com/e3/
Nair, R., Voida, S. and Mynatt, E.D. Frequency-based detection of task switches". In Proceedings of the 19th British HCI Group Annual Conference (HCI 2005; Edinburgh, Scotland). Springer-Verlag (2005), Vol 2. 94-99.
Mouse tracking is a technique for monitoring and visualizing mouse movement and activity of the users.
This is a Comparative study of cursor movement pattern between a touchpad and a mouse devices based on patterns of cursor movement.
HCI LAB MANUAL
1
To understand the trouble of interacting with machines - Redesign interfaces of home
appliances.
2 Design a system based on user-centered approach.
3 Understand the principles of good screen design.
4 Redesign existing Graphical User Interface with screen complexity
5 Design Web User Interface based on Gestalt Theory
6 Implementation of Different Kinds of Menus
7 Implementation of Different Kinds of Windows
8 Design a system with proper guidelines for icons
Before spending your budget on Evaluating Interfaces with Users, it's essential to do a evaluation at your end.
At SwitchMe, I took a session with my team of developers to explain importance and method of Evaluating Interfaces at our end first.
A heuristic evaluation is a usability inspection method mainly used to identify any design issues associated with the user interface.
https://medium.com/@erangatl/10-usability-heuristics-explained-caa5903faba2
Oct 2016
Tahun 2019, statistik pengguna media sosial di dunia telah mencapai sekitar 3,5 milyar (Ermasys, 2019), dengan rata-rata menghabiskan waktu sekitar 3 jam perhari untuk mengaksesnya (Globalwebindex, 2019). Media sosial tidak hanya disukai kaum milenial (90,4%), tapi juga oleh generasi baby boomer dan generasi X (Emarketer, 2019). Oleh karena itu, penggunaan media sosial seharusnya telah menjadi hal yang biasa di kalangan pengguna internet, dan seharusnya dapat ditingkatkan pemanfaatannya, terutama untuk edukasi (pendidikan). Seiring dengan dampak pandemi covid-19, dimana setiap orang di dunia ini harus bekerja dari rumah, dan sekolah dari rumah, maka, kami menawarkan suatu hal yang cukup mudah untuk diakses, mudah dipelajari dan mudah digunakan untuk media pembelajaran, yaitu melalui media sosial.
Through movement, or motor control, humans are empowered to affect the environment around them. Control occurs through responders. Whether using a finger to text or point, the feet to walk or run, the eyebrows to frown, the vocal chords to speak, or the torso to lean, movement provides humans with the power to engage and affect the world around them. This week we discuss human factors (responders), feel free to download.
The deepest challenges in human-computer interaction (HCI) lie in the human factor. Humans are complicated. We’re young, old, female, male, experts, novices, left-handed, right-handed, English-speaking, Chinese-speaking, from the north, from the south, tall, short, strong, weak, fast, slow, able-bodied, disabled, sighted, blind, motivated, lazy, creative, bland, tired, alert, and on and on.
This week, we discuss the five classical human senses that are vision, hearing, taste, smell, and touch. Please download this material; please enjoyed it.
Presentasi ini sedianya akan saya presentasikan di IAIN Purwokerto bulan Agustus tahun lalu, tetapi, karena ada satu dan lain hal, acara tersebut belum dapat dilaksanakan. Daripada menuhin hard disk saya, lebih baik saya bagikan saja untuk semuanya. Because sharing is caring
intermezzo sebelum memulai kuliah stl uts. bercerita tentang pendidikan karakter di st3 telkom, serta sisi baik dan sisi buruk teknologi. akibat2 jika teknologi tidak dimanfaatkan secara baik
Instructions for Submissions thorugh G- Classroom.pptxJheel Barad
This presentation provides a briefing on how to upload submissions and documents in Google Classroom. It was prepared as part of an orientation for new Sainik School in-service teacher trainees. As a training officer, my goal is to ensure that you are comfortable and proficient with this essential tool for managing assignments and fostering student engagement.
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...Levi Shapiro
Letter from the Congress of the United States regarding Anti-Semitism sent June 3rd to MIT President Sally Kornbluth, MIT Corp Chair, Mark Gorenberg
Dear Dr. Kornbluth and Mr. Gorenberg,
The US House of Representatives is deeply concerned by ongoing and pervasive acts of antisemitic
harassment and intimidation at the Massachusetts Institute of Technology (MIT). Failing to act decisively to ensure a safe learning environment for all students would be a grave dereliction of your responsibilities as President of MIT and Chair of the MIT Corporation.
This Congress will not stand idly by and allow an environment hostile to Jewish students to persist. The House believes that your institution is in violation of Title VI of the Civil Rights Act, and the inability or
unwillingness to rectify this violation through action requires accountability.
Postsecondary education is a unique opportunity for students to learn and have their ideas and beliefs challenged. However, universities receiving hundreds of millions of federal funds annually have denied
students that opportunity and have been hijacked to become venues for the promotion of terrorism, antisemitic harassment and intimidation, unlawful encampments, and in some cases, assaults and riots.
The House of Representatives will not countenance the use of federal funds to indoctrinate students into hateful, antisemitic, anti-American supporters of terrorism. Investigations into campus antisemitism by the Committee on Education and the Workforce and the Committee on Ways and Means have been expanded into a Congress-wide probe across all relevant jurisdictions to address this national crisis. The undersigned Committees will conduct oversight into the use of federal funds at MIT and its learning environment under authorities granted to each Committee.
• The Committee on Education and the Workforce has been investigating your institution since December 7, 2023. The Committee has broad jurisdiction over postsecondary education, including its compliance with Title VI of the Civil Rights Act, campus safety concerns over disruptions to the learning environment, and the awarding of federal student aid under the Higher Education Act.
• The Committee on Oversight and Accountability is investigating the sources of funding and other support flowing to groups espousing pro-Hamas propaganda and engaged in antisemitic harassment and intimidation of students. The Committee on Oversight and Accountability is the principal oversight committee of the US House of Representatives and has broad authority to investigate “any matter” at “any time” under House Rule X.
• The Committee on Ways and Means has been investigating several universities since November 15, 2023, when the Committee held a hearing entitled From Ivory Towers to Dark Corners: Investigating the Nexus Between Antisemitism, Tax-Exempt Universities, and Terror Financing. The Committee followed the hearing with letters to those institutions on January 10, 202
3. Usability evaluation method
“When the cook tastes other cooks’ soups, that’s exploratory.
When the cook assesses a certain recipe, that’s predictive.
When the cook tastes the soup while making it, that’s
formative. When the guests (or food critics) taste the soup,
that’s summative.”
Stake, 1976; Lockee, Moore and Burton, 2002
6. #1: Visibility of system status
The system should always keep users informed about what is going on, through
appropriate feedback within reasonable time.
Password strength
(dynamic validation)
7. #1: Visibility of system status
The system should always keep users informed about what is going on, through
appropriate feedback within reasonable time.
Password strength
(dynamic validation)
8. #1: Visibility of system status
The system should always keep users informed about what is going on, through
appropriate feedback within reasonable time.
Loading animations
9. #1: Visibility of system status
Dynamic
breadcrumbs
Step wizard
Breadcrumb adalah
salah satu elemen yang
penting dalam website
yang berfungsi untuk
menunjukkan letak
spesifik sebuah halaman
pada website.
10. #2: Match between system and the real world
The system should speak the users'
language, with words, phrases and
concepts familiar to the user, rather than
system-oriented terms. Follow real-world
conventions, making information appear
in a natural and logical order.
Folder in real world Folder in system
Floppy disk in real world
Floppy disk in
system
11. #2: Match between system and the real world
Tabs in real world Tabs in system
icon, folder, tabs > macth in real world, WYSIWYG
12. #2: Match between system and the real world
Recycle bin in real world
Recycle bin in system
cropping tool behaviour > trash
13. #2: Match between system and the real world
speak the users' language
14. #3: User control and freedom
Users often choose system functions by mistake
and will need a clearly marked "emergency exit"
to leave the unwanted state without having to
go through an extended dialogue. Support
undo and redo.
UNDO
CRUD
Quit, Cancel, remove, go back
Skip intro, read later, update later
15. #3: User control and freedom
How to Create cancel button
A Neutral Color for a Neutral Button
The Cancel button should have a neutral color to signify the neutral, non-committal
button. When users see that the Cancel button has no color, they’ll recognize it as the
fallback to safety easier. It’s critical for users who need to escape a confirmation screen
to notice this.
https://uxmovement.com/bu
ttons/why-cancel-buttons-
should-never-have-a-color/
16. #3: User control and freedom
“Cancel” Has Many Names
Not all Cancel buttons have a “Cancel” label, but they function the same as one. For
example, a Cancel button could have the label, “Not Now,” “No Thanks,” “Maybe Later,”
or “Skip” depending on the context. If the button has a dismissive behavior, treat it as a
Cancel button because it serves the same function.
How to Create cancel button
17. #3: User control and freedom
How to Create cancel button
A Dark Enough Gray
When using gray on a button, it’s essential to make the gray dark enough.
Otherwise, the button isn’t legible and may look like it’s in a disabled state.
To ensure your button is legible, check the color contrast with a WCAG 2.0
contrast ratio tool such as Color Review. This tool tells you if your gray passes the
accessibility standards for text color.
19. #4: Consistency and standards
Users should not have to wonder whether different words, situations, or actions mean
the same thing. Follow platform conventions.
Navigation standards
20. #5: Error prevention
Even better than good error messages is a careful design which
prevents a problem from occurring in the first place. Either eliminate
error-prone conditions or check for them and present users with a
confirmation option before they commit to the action.
23. #6: Recognition rather than recall
Minimize the user's memory load by making objects, actions, and options visible. The
user should not have to remember information from one part of the dialogue to
another. Instructions for use of the system should be visible or easily retrievable
whenever appropriate.
drop list preview
24. #6: Recognition rather than recall
show and tell
Daripada memaksa user untuk
mengingat, lebih baik buat user
bisa mengenali sistem tersebut.
User dalam menjelajahi sistem
atau aplikasi tentu akan
melewati beberapa halaman.
25. #7: Flexibility and efficiency of use
Accelerators — unseen by the novice user — may often speed up the
interaction for the expert user such that the system can cater to both
inexperienced and experienced users. Allow users to tailor frequent
actions.
Keyboard to navigate
Shortcut keys
Wordpress 5 minutes install
26. #8: Aesthetic and minimalist design
Dialogues should not contain information which is irrelevant or rarely
needed. Every extra unit of information in a dialogue competes with the
relevant units of information and diminishes their relative visibility.
27. #9: Help users recognize, diagnose, and recover from errors
Error messages should be expressed in plain language (no codes),
precisely indicate the problem, and constructively suggest a solution.
Bad
Good
28. #9: Help users recognize, diagnose, and recover from errors
Error messages should be expressed in plain language (no codes),
precisely indicate the problem, and constructively suggest a solution.
29. #9: Help users recognize, diagnose, and recover from errors
30. #10: Help and documentation
Even though it is better if the system can be used without documentation, it may be
necessary to provide help and documentation. Any such information should be easy
to search, focused on the user's task, list concrete steps to be carried out, and not be
too large.
help
31. #10: Help and documentation
Harapan user menggunakan sistem atau aplikasi tentunya dapat menyelesaikan
masalah dan pekerjaannya. Untuk membantu mereka dalam menyelesaikan masalah
atau pekerjaannya perlu diberikan fitur bantuan dan dokumentasi dari kemungkinan
kesalahan dalam penggunaan.
FAQ, Customer care
32. Summary
Setelah mengidentifikasi permasalahan usability pada tiap-
tiap item, Expert membuat suatu analisis, dan memberikan
rekomendasi.
Rekomendasi didasarkan pada tingkat keparahan (severity
ratings) pada system yang dinilai.
Evaluasi Usability Pada Antarmuka Pengguna
Aplikasi PLN Mobile Menggunakan Metode
Evaluasi Heuristik
Putri Ayu Lestari, IsmiartaAknuranda, Admaja
Dwi Herlambang
Jurnal Pengembangan Teknologi Informasi dan Ilmu
Komputer e-ISSN: 2548-964X
Vol. 3, No. 3, Maret 2019, hlm. 2269-2275
Saat koki mengicipi sup koki lain, itu namanya exploratory
Saat koki menilai resep tertentu, namanya predictive
Saat koki mengicipi sup sambal membuatnya, namanya formative
Saat org lain mencicipi sup, namanya summative
Error atau bug pada sistem merupakan suatu yang tidak profesional bila terlihat oleh user namun untuk menangani hal ini dapat diganti dengan pesan error dalam bentuk desain. Dengan menggunakan prinsip nomor satu (visibility of system status) user memahami apa yang terjadi pada sistem.
Error atau bug pada sistem merupakan suatu yang tidak profesional bila terlihat oleh user namun untuk menangani hal ini dapat diganti dengan pesan error dalam bentuk desain. Dengan menggunakan prinsip nomor satu (visibility of system status) user memahami apa yang terjadi pada sistem.
Error atau bug pada sistem merupakan suatu yang tidak profesional bila terlihat oleh user namun untuk menangani hal ini dapat diganti dengan pesan error dalam bentuk desain. Dengan menggunakan prinsip nomor satu (visibility of system status) user memahami apa yang terjadi pada sistem.
Daripada memaksa user untuk mengingat, lebih baik buat user bisa mengenali sistem tersebut. User dalam menjelajahi sistem atau aplikasi tentu akan melewati beberapa halaman. Agar user tidak bingung, buat aplikasi yang membuat user bisa mengenali pola desain yang dibuat sehingga mereka bisa tetap menggunakan aplikasi tanpa harus mengingat langkah yang harus dilakukan setelahnya.
Daripada memaksa user untuk mengingat, lebih baik buat user bisa mengenali sistem tersebut. User dalam menjelajahi sistem atau aplikasi tentu akan melewati beberapa halaman. Agar user tidak bingung, buat aplikasi yang membuat user bisa mengenali pola desain yang dibuat sehingga mereka bisa tetap menggunakan aplikasi tanpa harus mengingat langkah yang harus dilakukan setelahnya.
Desain layout yang baik haruslah nyaman dipandang dengan menggunakan kontras warna yang baik, posisi yang sesuai dan serasi. Dengan desain yang minimalis dan dipadukan dengan whitespace (jarak antar elemen) yang sesuai akan membuat aplikasi terlihat elegan.
Desain yang baik dan nyaman tentu belum lengkap tanpa adanya penanganan error bila terjadi. Saat error terjadi, aplikasi seharusnya tidak hanya memberikan pesan error namun juga memberikan solusi.
Desain yang baik dan nyaman tentu belum lengkap tanpa adanya penanganan error bila terjadi. Saat error terjadi, aplikasi seharusnya tidak hanya memberikan pesan error namun juga memberikan solusi.
Desain yang baik dan nyaman tentu belum lengkap tanpa adanya penanganan error bila terjadi. Saat error terjadi, aplikasi seharusnya tidak hanya memberikan pesan error namun juga memberikan solusi.