Tord-Tape-Tools: A Transcribers’ Workspace

Overview

The Problem

Introducing Tord-Tape-Tools

  • A notepad-like transcription area
  • Audio playback tools with multiple seeking and playback speed options (e.g. play/pause, seek back for 5 seconds, make audio slower, etc.)
  • Most Important: Keyboard shortcuts for audio playback so that the user does not have to lift their hand from the keyboard. Because every second matters!
  • And a few other transcribing-specific shortcuts e.g. timestamps and speaker identification (adding “Speaker 1: ” to the text with just one shortcut)
  1. Open an audio file.
  2. If needed, set up speaker names for the shortcut
  3. Play the audio file and start transcribing.
  4. Hit keyboard shortcuts to control audio playback while typing without having to switch apps

The Design

This is what you see when you open Tord-Tape-Tools.
Available tools
Dark and serif theme

Selecting the Shortcut Keys

Natural Mapping for Keyboard Shortcuts

Known Issues

  • Design Improvements Shortcut key guides on the right panel could be move closer to the seek/playback rate buttons on the bottom of the page to make it visually easier to associate a shortcut with an action.
  • Technical Issues There is still a bug that causes the audio file to rewind back to the start of the recording when the user seeks to audio file too far away. This occurs with large audio files.

--

--

--

UX Designer by day, creative coder by night. Bangkok-based. Currently @ KBTG. Georgia Tech MS-HCI Alum. Former UX intern at Google Hardware.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A First Look at Kafka: The Why, The What, and The How — Part 1

Dear community! 👋

View Controllers: The migration continues

Refactoring to Strategy design pattern

What you need to know before using Bootstrap

Accelerate Chatbot development using RASA X?

Explaining software engineering concepts to non-engineers

What is Event Driven Architecture? Why do we need and choose it?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Tae Prasongpongchai

Tae Prasongpongchai

UX Designer by day, creative coder by night. Bangkok-based. Currently @ KBTG. Georgia Tech MS-HCI Alum. Former UX intern at Google Hardware.

More from Medium

LITTLE THINGS THAT PLAY A BIG ROLE IN USER EXPERIENCE

The importance of pixel-perfect design developer handover

Are UX/UI Designers Necessary?

What to Expect in the Web Design Process