2023 Group 1 Line Tool

On 26/01/2023 by: hongxi-du

A Line tool that help users beautify lines and draw shapes.

Keywords:

Overview

User’s Goal:

Form beautified curves and shapes from hand drawn commands.

Command:

Line and shape commands

Focus:

Slide

We introduce a modified version of the line tool offered by Google Slides. We provide abilities for users to redefine their shapes and lines and use them as substrates to make further developments. We emphasize discoverability, expressivity, and appropriability in our tool.

Demo Link: https://situated-design-demo.vercel.app/

Basic functions:
Beautify hand-drawn lines and shapes in different ways according to the users.

How to use:
Draw the shape you want without worrying about how it looks right now and select from suggestions, based on which you can make further changes and finally reach your desired results. We try to keep as many details made by users as possible while providing beautification at the same time.

  • Lo-Fi
  • Hi-Fi
  • Demos

Instrumental interaction

Instrument
Substrate
reification

Draw with mouse intuitively. Select the desired result and Press Enter.

The shape inference command became a floating menu from which users can select.

polymorphism

The shape inference applies to different kinds of objects, such as text objects. Instead of selecting the text, the user can also draw shapes directly around the text.

reuse

Reuse custom shapes as future inference references.

Use the shape inference tool as a substrate on forming nested shapes.

Based on the beautification results, modify it and re-apply the beautification as substrate. Apply the substrate on different types of objects, such as texts. Instead of selecting the text, the user can also draw shapes directly around the text.

Reuse objects formed by substrates as future inferences.

  • Lo-Fi
  • Hi-Fi
  • Demos

Human-Computer Partnership

Instrument
Substrate
discoverability

Visual aids to inform the user of potential operations.

appropriability

Adapt to user inputs from before sessions

expressivity

Take user's noise input into account. If the user repeatedly draws a shape, the beautified shape has thicker lines.

After shape beautification, the user selects the previous input from the beautified output and refines upon the original one.

User can apply their changes from before sessions onto a already-beautified shape.

Take user's noise input into account and make further changes to the beautified objects. If the user draws a rectangle with over-extended edges, the over-extended edges can also be used to resize another rectangle.