Skip to main content
SpringerLink
Log in

All You Need is Web: Visual Interaction with No Graphic Background

  • Conference paper
  • First Online:
HCI International 2020 - Posters (HCII 2020)

Part of the book series: Communications in Computer and Information Science ((CCIS,volume 1224))

Included in the following conference series:

Abstract

Effective communications between designers and developers remain a crucial aspect of the software development process. In the current study, we propose the approach of sharing the visual interaction design. The proposed approach is based on the idea that the designer shares animations directly from the designer’s application environment with a single click. Developers access design data via the web browser in a convenient form where the visual interaction design represents an interactive video. According to the conducted user study, most designers (69%) and developers (81%) were satisfied with the approach concept in general. Both groups of specialists highly evaluated the user interface of the implementation. Performance measurements revealed that interactive video is about 92% faster than pure graphics on average design complexity. Most survey participants (82%) agreed with the idea that interactive video is good enough to express animation. The results show that application development using the proposed approach improved human-computer interaction. It allows designers to save time on sharing design information and allows developers to effectively adopt comprehensive design for new applications.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Log in via an institution
Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 84.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 109.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

Notes

  1. 1.

    https://www.adobe.com/products/aftereffects.html.

  2. 2.

    https://www.khronos.org/webgl/.

  3. 3.

    https://developers.google.com/web/tools/chrome-devtools.

References

  1. Brown, J.M., Lindgaard, G., Biddle, R.: Joint implicit alignment work of interaction designers and software developers. In: Proceedings of the 7th Nordic Conference on Human-Computer Interaction Making Sense Through Design, pp. 693–702. ACM, New York (2012). https://doi.org/10.1145/2399016.2399121

  2. Maudet, N., Leiva, G., Beaudouin-Lafon, M., Mackay, W.: Design breakdowns: designer-developer gaps in representing and interpreting interactive systems. In: Proceedings of the 2017 ACM Conference on Computer Supported Cooperative Work and Social Computing, pp. 630–641. ACM, New York (2017). https://doi.org/10.1145/2998181.2998190

  3. Palmer, T.: Design Tools Survey (2019). https://uxtools.co/survey-2019/#prototyping. Accessed Dec 2019

  4. D’Souza, C., Deufemia, V., Ginige, A., Polese, G.: Enabling the generation of web applications from mockups. Softw. Pract. Exp. 48(4), 945–973 (2018). https://doi.org/10.1002/spe.2559

    Article  Google Scholar 

  5. Steelkiwi Inc.: Lottie by Airbnb: Innovation or Limitation For Designers? (2019). https://uxplanet.org/lottie-by-airbnb-innovation-or-limitation-for-designers-11cc7666ea2c. Accessed 18 Jan 2019

  6. Brown, J.M., Lindgaard, G., Biddle, R.: Collaborative events and shared artefacts: agile interaction designers and developers working toward common aims. In: 2011 Agile Conference, pp. 87–96. IEEE, Salt Lake City (2011). https://doi.org/10.1109/agile.2011.45

  7. Brown, J. M., Lindgaard, G., Biddle, R.: Stories, sketches, and lists: developers and interaction designers interacting through artefacts. In: Agile 2008 Conference, pp. 39–50. IEEE, Toronto (2008). https://doi.org/10.1109/agile.2008.54

  8. Leiva, G., Maudet, N., Mackay, W., Beaudouin-Lafon, M.: Enact: reducing designer-developer breakdowns when prototyping custom interactions. ACM Trans. Comput. Hum. Interact. 26(3), 1–48 (2019). https://doi.org/10.1145/3310276

    Article  Google Scholar 

  9. Schrepp, M., Hinderks, A., Thomaschewski, J.: Design and evaluation of a short version of the user experience questionnaire (UEQ-S). Int. J. Interact. Multimed. Artif. Intell. 4(6), 103–108 (2017). https://doi.org/10.9781/ijimai.2017.09.001

    Article  Google Scholar 

Download references

Author information

Authors and Affiliations

  1. Samsung R&D Institute Ukraine (SRK), 57, Lva Tolstogo Str., Kyiv, 01032, Ukraine

    Andrii Bogachenko, Igor Tolmachov, Daria Voskoboinikova, Inna Bondarenko, Yevhenii Buhera & Svitlana Alkhimova

  2. Samsung Electronics, Seoul R&D Campus, 33 Seongchon-gil, Seocho-gu, Seoul, 06765, Korea

    Dongjoo Ko

Authors
  1. Andrii Bogachenko
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Igor Tolmachov
    View author publications

    You can also search for this author in PubMed Google Scholar

  3. Daria Voskoboinikova
    View author publications

    You can also search for this author in PubMed Google Scholar

  4. Inna Bondarenko
    View author publications

    You can also search for this author in PubMed Google Scholar

  5. Yevhenii Buhera
    View author publications

    You can also search for this author in PubMed Google Scholar

  6. Dongjoo Ko
    View author publications

    You can also search for this author in PubMed Google Scholar

  7. Svitlana Alkhimova
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Andrii Bogachenko .

Editor information

Editors and Affiliations

  1. University of Crete and Foundation for Research and Technology – Hellas (FORTH), Heraklion, Crete, Greece

    Constantine Stephanidis

  2. Foundation for Research and Technology – Hellas (FORTH), Heraklion, Crete, Greece

    Margherita Antona

Rights and permissions

Reprints and permissions

Copyright information

© 2020 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Bogachenko, A. et al. (2020). All You Need is Web: Visual Interaction with No Graphic Background. In: Stephanidis, C., Antona, M. (eds) HCI International 2020 - Posters. HCII 2020. Communications in Computer and Information Science, vol 1224. Springer, Cham. https://doi.org/10.1007/978-3-030-50726-8_1

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-50726-8_1

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-50725-1

  • Online ISBN: 978-3-030-50726-8

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics

Search

Navigation