Launch Phrase Practice Workspace
PLATFORM USER GUIDE & WORKSPACE MANUAL

How to Use AndongKim.com

Welcome to the complete visual guide. Every feature on this website includes clear location instructions so you know exactly where on your screen to find each button, menu, and slider.

Quick Guide Topics (Click to Jump)
Screen Layout & Control Locations

Where to Find Website Controls at a Glance

The platform interface is organized into three simple zones. Here is where every major tool is located:

1Top Sticky Header Bar

Always Visible at Top of Screen

  • Palette Icon (๐ŸŽจ): Visual themes (White / Warm Ivory / Sepia) & text contrast modes.
  • Playlists Button (๐Ÿ”–): Create & manage custom phrase practice playlists.
  • Sliders Icon (โš™๏ธ): Open Interface & Column Customizer modal.
  • Fullscreen Icon: Enter full screen study mode.
2Workspace Action Toolbar

Directly Above the Practice Table

  • Play All Button: Sequentially autoplay all phrases in topic or playlist.
  • Text Size Stepper (A- / A+ / โ†บ): Global zoom across all columns.
  • Topics & Situations Menu: 1-click topic picker pop-up.
  • Width Slider (75%โ€“100%): Expand or narrow table container.
3Table Headers & Row Cells

Inside the Interactive Table

  • Header Drag Handle (โ‹ฎโ‹ฎ): Drag columns left or right to reorder.
  • In-Header Size Sliders: Scale individual column fonts (up to 4.00rem).
  • Listen Popover (โš™๏ธ): Change audio speed (0.50xโ€“1.50x) & repetition loops.
  • Row Star (โ˜…) & Info (โ“˜): Bookmark to favorites or view full grammar breakdown.
Step 1: Visual Ergonomics

How to Change Visual Themes & Text Contrast

Protect your eyes during long study sessions. Choose between clean modern white, soothing warm ivory paper, or vintage sepia tones, along with ultra-bold high-contrast modes for maximum legibility.

๐Ÿ“ EXACT SCREEN LOCATION: Top-Right Sticky Header Bar โ†’ Palette Icon (๐ŸŽจ)

Look at the very top-right corner of your browser window (inside the top navigation bar next to the Playlists and Column Customizer buttons). Click the Palette icon () to open the Visual Themes & Contrast dialog.

Theme & Contrast Settings:

  • Clean Crisp White: Ultra-clean modern white background with sharp slate contrast.
  • Warm White / Ivory: Soft, gentle ivory paper tone designed for prolonged reading comfort without harsh screen glare.
  • Classic Sepia: Warm vintage parchment tone engineered to reduce blue-light eye fatigue.
  • Text Contrast Modes: Choose between Standard Contrast, High Contrast, and Ultra Bold Black for sharper legibility.
Visual Example: 3 Reading Background Themes
Clean White
Modern Sharp
Warm Ivory
Eye-Friendly
Classic Sepia
No Glare
Step 2: Interface Customization

How to Rearrange & Reorder Columns

Every learner prefers a different visual hierarchy. You can place the Korean text first, put the English meaning first for flashcard quizzing, or position the native audio buttons wherever you want.

๐Ÿ“ EXACT SCREEN LOCATIONS:
  • Direct on Table: In the practice table header row, hover over any column to see the vertical drag handle (โ‹ฎโ‹ฎ) on the left side of the title.
  • In Header Controls: Click the Sliders Icon () in the top-right sticky header bar to open the Column Customizer.
  • Above the Table: Click the Customize View button in the toolbar above the table.

AMethod 1: Direct Drag-and-Drop in the Table

  1. Hover over any column header in the practice table to reveal the vertical drag handle (โ‹ฎโ‹ฎ).
  2. Click and hold the drag handle.
  3. Drag the column horizontally left or right. A highlight indicator will appear showing where the column will be dropped.
  4. Release the mouse button to swap column positions instantly. Your preference is automatically saved to your browser!

BMethod 2: Using the Column Customizer Modal

  1. Click the Customize View button in the toolbar or the Sliders icon in the top header.
  2. Use the Up (โ†‘) and Down (โ†“) buttons beside each column to shift its order.
  3. Click Save & Apply to update the workspace.
Visual Example: Column Header Drag HandleMock Interface
Listen (๐Ÿ”Š)โŠ˜
Dual Audio
Korean (ํ•œ๊ตญ์–ด)Dragging
โ† Drag to Reorder โ†’
English MeaningโŠ˜
Translations
Tip: Columns can also be dynamically resized by dragging the vertical divider border between column headers!
Step 3: Granular Typography

How to Change Font Size per Column

Every column has its own dedicated font size slider continuum. Make Korean Hangul characters jumbo-sized for easy reading, while keeping phonetics and English translations compact.

๐Ÿ“ EXACT SCREEN LOCATION: Inside the Table Header โ†’ Below Each Column Title

Look directly at the top header row of the table. Below each column name (e.g. below Korean (ํ•œ๊ตญ์–ด) or English Meaning), look for the small Size: slider bar. Dragging this slider scales that specific column instantly.

Using In-Header Continuum Sliders

Located directly below each column title in the table header, you will find a dedicated Size slider:

  • Korean Text Column: Scales from 0.80rem all the way to 4.00rem for extra-large stroke clarity.
  • Meaning, Phonetics & Romanization: Scale independently from 0.80rem to 2.80rem.
  • Simply drag the slider thumb left or right to watch the text scale live across all 725+ rows in real-time.
Visual Example: In-Header Font Size Slider & Live Result
Korean (ํ•œ๊ตญ์–ด)Scale: 2.20rem
Size:
์•ˆ๋…•ํ•˜์„ธ์š”!
(Scaled independently to large size without blowing up other columns)
Step 4: Focus Mode

How to Hide and Show Columns (Ultra-Thin 22px Rail)

Want to test your memory without looking at English translations or Romanization? Hide any column with a single click. Hidden columns collapse into an ultra-thin 22px rail (โ—‰) so they take zero distraction while remaining 1-click restorable.

๐Ÿ“ EXACT SCREEN LOCATIONS:
  • To Hide: Click the minimal Hide Icon (โŠ˜) in the top-right corner of any column header cell.
  • To Reopen: Click the thin vertical rail displaying the โ—‰ Open badge on the table border.

Quick Hide & Show Workflow

  1. Click the minimal Hide Icon (โŠ˜) in the top-right corner of any column header.
  2. The column immediately collapses into a thin vertical rail displaying a โ—‰ reopen badge.
  3. To restore the column, simply click the โ—‰ rail or reopen it from the Column Settings modal!
  4. Visible columns automatically expand to fill 100% of the table width with zero wasted margins.
Visual Example: Visible Column vs Collapsed 22px Rail
Korean TextโŠ˜ Hide
Active & Visible (Expanded)
โ—‰Open
Clicking โ—‰ instantly expands the hidden column back to its previous width and position.
Step 5: Dual Native Audio

How to Listen to Korean (or Other Languages) Spoken Audio

Every single phrase, word breakdown, alphabet character, and number on AndongKim.com includes direct on-page native audio buttons.

๐Ÿ“ EXACT SCREEN LOCATION: Inside Every Table Row & Card โ†’ Under the โ€œListenโ€ Column

In the practice table, look at the second column titled Listen (or on mobile cards, look directly beside the Korean text). You will see two pill buttons: ๐Ÿ”Š Male and ๐Ÿ”Š Female.

1-Tap Dual-Voice Audio Playback

  • Male Voice Button (๐Ÿ”Š Male): Standard Seoul native male voice recording.
  • Female Voice Button (๐Ÿ”Š Female): Standard Seoul native female voice recording.
  • Instant Playback: Audio is pre-buffered for zero-latency instant playback when you tap.
  • Global Languages: As additional languages (Chinese, Spanish, Thai, Japanese, Vietnamese) roll out, both native voices will be available with the same 1-tap interface.
Visual Example: Dual-Voice Native Audio Buttons
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค
gam-sa-ham-ni-da โ€ข Thank you
Male
Female
Step 6: Audio Modulation

How to Change Speech Speed & Repetition Loops

Never get left behind by rapid conversational speech. Slow audio down to 0.50x to dissect difficult consonants, or speed it up to 1.50x to build reflex recognition. Set custom repetition counts to loop audio automatically until perfected.

๐Ÿ“ EXACT SCREEN LOCATION: Table Header โ†’ Inside the โ€œListenโ€ Column Title Cell

Look at the column header titled Listen. Right next to the word โ€œListenโ€, click the small Sliders icon (). This opens the Audio Speed & Repetition popover.

Customizing Speed & Loops

  1. In the table header under the Listen column, click the Sliders Icon () to open the Audio Popover.
  2. Speed Slider: Drag the continuum slider from 0.50ร— (half speed) up to 1.50ร— (fast conversational) in 0.05 increments.
  3. Repeat Count: Enter any number (e.g. 1ร—, 3ร—, 5ร—, 10ร—) or click โˆž for continuous endless looping.
Visual Example: Audio Speed & Repeat Popover
Audio & Speech Settings
Speech Speed:0.85ร—
Repeat Loops:3 times
3
times
โˆž Loop
Step 7: Hands-Free Immersion

How to Use the โ€œPlay Allโ€ Audio Sequencer

Studying while driving, cooking, walking, or resting? Tap โ€œPlay Allโ€ to automatically listen through every phrase in the active topic, situation, or saved playlist without touching your screen.

๐Ÿ“ EXACT SCREEN LOCATION: Top-Right of the Practice Table Toolbar (Above Row #1)

Directly above the top-right corner of the practice table, look for the black button labeled โ–ถ Play All (N).

Activating Sequential Playback

  1. Navigate to any category (e.g. Editor's Choice, K-Drama Dialogues, or a custom playlist).
  2. Click the prominent Play All (N) button at the top of the table.
  3. The audio engine will play each phrase sequentially with natural pauses in between, respecting your active speed and repetition settings.
Visual Example: Play All Trigger Button
Top 50 Essential Korean Phrases
50 Spoken Phrases Loaded
Play All (50)
Step 8: Personal Study Lists

How to Add to Favorites & Create Custom Playlists

Curate your own targeted practice lists. Bookmark essential phrases with a single star tap, or create themed playlists (e.g. โ€œMy Trip to Seoulโ€, โ€œOrdering at BBQโ€, โ€œJob Interview Koreanโ€) and practice them together.

๐Ÿ“ EXACT SCREEN LOCATIONS:
  • To Bookmark a Phrase: In the leftmost column of any phrase row, click the Star Icon (โ˜…).
  • To View & Create Playlists: In the Top-Right Sticky Header Bar, click the Playlists button (๐Ÿ”–).

Creating & Managing Favorites

  1. Instant Star (โ˜…): Click the Star icon on any phrase row or card. It turns solid black/white and is instantly added to your default Favorites playlist.
  2. Open Playlists Modal: Click the Playlists () button in the top header.
  3. Create New Playlist: Type a custom name in the text field and click + Create.
  4. Add to Custom List: Open any phrase info modal (โ“˜) and click your custom playlist tag to assign it.
Visual Example: Star Bookmark & Playlist Manager
Star Bookmarked
Saved to Favorites
Custom Playlists:
โœ“ Trip to Seoul (18)+ BBQ Ordering
Step 9: Deep Linguistic Insight

How to Click the Info Button (โ€œโ“˜โ€) for Detailed Grammar & Etiquette

Every phrase on AndongKim.com is not just a translationโ€”it is a complete linguistic lesson. Click the circular โ€œโ“˜โ€ info icon on any row to open the full Phrase Detail Modal.

๐Ÿ“ EXACT SCREEN LOCATION: Leftmost Column of Every Phrase Row (Right Next to Star โ˜…)

In the practice table, look at the very first column on the left. Beside the Star icon on each row, click the small circular โ€œiโ€ badge (i) to open the full modal.

What You Get in the Info Modal:

  • Formality Level Badge: Clearly tags phrases as Formal Respect (ํ•ฉ์‡ผ์ฒด), Polite Standard (ํ•ด์š”์ฒด), or Casual Intimate (๋ฐ˜๋ง).
  • Word-by-Word Breakdown: Explains root verbs, noun particles (์€/๋Š”, ์ด/๊ฐ€), and honorific endings.
  • Literal Meanings: Reveals exact translations so you understand how Korean concepts are formed.
  • Situational Etiquette: Practical guidance on when and where to use the phrase with elders, shopkeepers, or friends.
Visual Example: Phrase Detail Modal (โ€œโ“˜โ€)
Polite Standard (ํ•ด์š”์ฒด)#dining #polite
์ด๊ฑฐ ์–ผ๋งˆ์˜ˆ์š”?
How much is this?
Word Breakdown:
์ด๊ฑฐ (i-geo): This item
์–ผ๋งˆ์˜ˆ์š” (eol-ma-ye-yo): How much is it?
Step 10: Global Typography Zoom

How to Change the Overall Text Size (A- / A+ / Reset)

Scale all columns simultaneously with a single tap. Located right above the table, the global text size stepper lets you zoom in or out across the entire workspace.

๐Ÿ“ EXACT SCREEN LOCATION: Top Action Toolbar Directly Above the Table (Between Play All & Customize View)

Look directly above the table header. In the toolbar, find the container labeled Text Size: A- / A+ / โ†บ.

Stepper Controls:

  • Zoom Out (): Scales all column fonts down proportionally.
  • Zoom In (): Scales all column fonts up proportionally.
  • Reset (): Instantly restores all font sizes and column widths back to their standard defaults.
Visual Example: Global Text Size Control Bar
Text Size Stepper
โ€ขโ€ข
Step 11: 1-Click Study Presets & Width

How to Customize Your View, Presets & Container Width

Switch study modalities with a single tap using instant layout presets, fine-tune desktop container width from 75% to 100%, or enter distraction-free browser fullscreen mode.

๐Ÿ“ EXACT SCREEN LOCATIONS:
  • Layout Presets: Click the Customize View button above the table (or the Sliders icon in top header). Presets (Audio Focus, Speaking Focus, Reading Focus) are at the top of the popup.
  • Width Slider (75%โ€“100%): Located on desktop screens on the right side of the search bar above the category pills.
  • Fullscreen Mode: Located in the top header (Maximize icon) or beside the Width slider.

Layout Presets:

  • Standard (4-Col): Balanced view with Audio, Korean Hangul, English Meaning, and Phonetics.
  • Audio Focus: Expands audio buttons and Hangul text while hiding romanization for pure ear training.
  • Speaking Focus: Maximizes phonetics & pronunciation guides for speech drills.
  • Reading Focus: Maximizes Korean Hangul characters for character reading practice.
  • Desktop Width Slider: Adjust the workspace from 75% to 100% full-width on large monitors.
  • Fullscreen Mode: Removes browser tabs and headers for a clean immersive desktop study experience.
Visual Example: 1-Click Layout Presets & Width Slider
1-Click Layout Presets:
Standard (4-Col)
๐ŸŽง Audio Focus
๐ŸŽ™๏ธ Speaking Focus
๐Ÿ“– Reading Focus
Workspace Width:100% Fullscreen

Ready to Practice Spoken Korean?

Now that you know how all the customizers, audio buttons, and playlists work, dive into the master workspace and start speaking naturally.

Launch All 725+ Phrases