Iterative Prototyping of Urban CoBuilder: Tracking Methods and User Interface of an Outdoor Mobile Augmented Reality Tool for Co-Designing

Hyekyung Imottesjo, Liane Thuvander, Monica Billger, Peter Wallberg, Gustav Bodell, Jaan-Henrik Kain, Stig Anton Nielsen
<span title="2020-06-04">2020</span> <i title="MDPI AG"> <a target="_blank" rel="noopener" href="" style="color: black;">Multimodal Technologies and Interaction</a> </i> &nbsp;
This research presents results from a study developing a smartphone app, UrbanCoBuilder, in which citizens can collaboratively create designs for urban environments usingaugmented reality technology and game mechanics. Eight prototypes were developed to refineselected design criteria, including tracking strategies, design elements, user experience and theinterface with game mechanics. The prototypes were developed through an iterative design processwith assessments and incremental improvements.
more &raquo; ... The tracking was especially challenging andusing multiple bitonal markers combined with the smartphone's gyroscope sensor to average theuser position was identified as the most suitable strategy. Still, portability and stability linked totracking need to be improved. Design elements, here building blocks with urban functions textures,were realistic enough to be recognizable and easy to understand for the users. Future studies willfocus on usability tests with larger user groups.
<span class="external-identifiers"> <a target="_blank" rel="external noopener noreferrer" href="">doi:10.3390/mti4020026</a> <a target="_blank" rel="external noopener" href="">fatcat:y4xp7jb4gfaxpcsqohaky3gztu</a> </span>
<a target="_blank" rel="noopener" href="" title="fulltext PDF download" data-goatcounter-click="serp-fulltext" data-goatcounter-title="serp-fulltext"> <button class="ui simple right pointing dropdown compact black labeled icon button serp-button"> <i class="icon ia-icon"></i> Web Archive [PDF] <div class="menu fulltext-thumbnail"> <img src="" alt="fulltext thumbnail" loading="lazy"> </div> </button> </a> <a target="_blank" rel="external noopener noreferrer" href=""> <button class="ui left aligned compact blue labeled icon button serp-button"> <i class="unlock alternate icon" style="background-color: #fb971f;"></i> </button> </a>