Published January 1, 2017
| Version v1
Publication
Open
A Model to Compute Webpage Aesthetics Quality Based on Wireframe Geometry
Description
Computational models of web page aesthetics prediction are useful for the designers to determine the usability and to improve it. Positional geometry of webpage objects (wireframe) is an important factor for determining the webpage aesthetics as shown in studies. In this paper, we propose a computational model for predicting webpage aesthetics based on the positional geometry. We have considered 13 features of positional geometry that affect aesthetics, as reported in literature. By varying these 13 features, we have designed 52 interfaces' wireframes and rated them by 100 users in a 5 point rating scale. Our 1 dimensional ANOVA study on users' rating shows, 9 out of the 13 features are important for webpage aesthetics. Based on these 9 features, we created a computational model for webpage aesthetics prediction. Our computational model works based on Support Vector Machine (SVM). To judge the efficacy of our model, we considered 10 popular webpages' wireframes, and got them rated by 80 users. Experimental results show that our computational model can predict webpage aesthetics with an accuracy of 90%.
Translated Descriptions
⚠️
This is an automatic machine translation with an accuracy of 90-95%
Translated Description (Arabic)
النماذج الحسابية لتنبؤ جماليات صفحة الويب مفيدة للمصممين لتحديد قابلية الاستخدام وتحسينها. تعد الهندسة الموضعية لكائنات صفحة الويب (الإطار الشبكي) عاملاً مهمًا لتحديد جماليات صفحة الويب كما هو موضح في الدراسات. في هذه الورقة، نقترح نموذجًا حسابيًا للتنبؤ بجماليات صفحة الويب بناءً على الهندسة الموضعية. لقد نظرنا في 13 سمة من سمات الهندسة الموضعية التي تؤثر على الجماليات، كما ورد في الأدبيات. من خلال تغيير هذه الميزات الـ 13، قمنا بتصميم 52 إطارًا شبكيًا للواجهات وقمنا بتقييمها من قبل 100 مستخدم في مقياس تقييم مكون من 5 نقاط. دراستنا ANOVA ذات البعد الواحد حول عروض تقييم المستخدمين، 9 من أصل 13 ميزة مهمة لجماليات صفحة الويب. استنادًا إلى هذه الميزات التسع، أنشأنا نموذجًا حسابيًا للتنبؤ بجماليات صفحة الويب. يعمل نموذجنا الحسابي بناءً على آلة ناقلات الدعم (SVM). للحكم على فعالية نموذجنا، نظرنا في 10 إطارات شبكية لصفحات الويب الشائعة، وحصلنا على تقييم من 80 مستخدمًا. تظهر النتائج التجريبية أن نموذجنا الحسابي يمكن أن يتنبأ بجماليات صفحة الويب بدقة 90 ٪.Translated Description (French)
Les modèles informatiques de prédiction de l'esthétique des pages Web sont utiles pour les concepteurs afin de déterminer la facilité d'utilisation et de l'améliorer. La géométrie positionnelle des objets de la page Web (wireframe) est un facteur important pour déterminer l'esthétique de la page Web, comme le montrent les études. Dans cet article, nous proposons un modèle de calcul pour prédire l'esthétique des pages Web en fonction de la géométrie positionnelle. Nous avons examiné 13 caractéristiques de la géométrie positionnelle qui affectent l'esthétique, comme indiqué dans la littérature. En faisant varier ces 13 fonctionnalités, nous avons conçu 52 armatures d'interfaces et les avons évaluées par 100 utilisateurs sur une échelle de notation de 5 points. Notre étude ANOVA 1 dimensionnelle sur la notation des utilisateurs montre que 9 des 13 fonctionnalités sont importantes pour l'esthétique des pages Web. Sur la base de ces 9 fonctionnalités, nous avons créé un modèle de calcul pour la prédiction de l'esthétique des pages Web. Notre modèle de calcul fonctionne sur la base de la machine à vecteurs de support (SVM). Pour juger de l'efficacité de notre modèle, nous avons examiné les maquettes de 10 pages Web populaires et les avons fait évaluer par 80 utilisateurs. Les résultats expérimentaux montrent que notre modèle de calcul peut prédire l'esthétique de la page Web avec une précision de 90 %.Translated Description (Spanish)
Los modelos computacionales de predicción estética de páginas web son útiles para que los diseñadores determinen la usabilidad y la mejoren. La geometría posicional de los objetos de la página web (wireframe) es un factor importante para determinar la estética de la página web como se muestra en los estudios. En este trabajo, proponemos un modelo computacional para predecir la estética de la página web basado en la geometría posicional. Hemos considerado 13 características de la geometría posicional que afectan a la estética, como se informa en la literatura. Al variar estas 13 funciones, hemos diseñado 52 esquemas de página de interfaces y los hemos calificado por 100 usuarios en una escala de calificación de 5 puntos. Nuestro estudio ANOVA unidimensional sobre los programas de calificación de los usuarios, 9 de las 13 características son importantes para la estética de la página web. Basándonos en estas 9 características, creamos un modelo computacional para la predicción estética de páginas web. Nuestro modelo computacional funciona basado en Support Vector Machine (SVM). Para juzgar la eficacia de nuestro modelo, consideramos los esquemas de página de 10 páginas web populares y obtuvimos una calificación de 80 usuarios. Los resultados experimentales muestran que nuestro modelo computacional puede predecir la estética de la página web con una precisión del 90%.Files
document.pdf
Files
(824.8 kB)
| Name | Size | Download all |
|---|---|---|
|
md5:e1508fb207adfb2145db45d2cc871a1a
|
824.8 kB | Preview Download |
Additional details
Additional titles
- Translated title (Arabic)
- نموذج لحساب جودة جماليات صفحة الويب بناءً على هندسة الإطار الشبكي
- Translated title (French)
- Un modèle pour calculer la qualité esthétique des pages Web basé sur la géométrie filaire
- Translated title (Spanish)
- Un modelo para calcular la calidad estética de la página web basado en la geometría del esquema de página
Identifiers
- Other
- https://openalex.org/W2754984075
- DOI
- 10.1007/978-3-319-67687-6_7
References
- https://openalex.org/W136873151
- https://openalex.org/W1511924373
- https://openalex.org/W1964380033
- https://openalex.org/W1966560445
- https://openalex.org/W1986701081
- https://openalex.org/W2041326797
- https://openalex.org/W2058055504
- https://openalex.org/W2081472270
- https://openalex.org/W2143326492
- https://openalex.org/W2288755084
- https://openalex.org/W2379883275