Meta tags:
description=100s of real-life examples, 15h-video course for UX designers, with UX checklists and practical takeaways.;

Headings (most frequently used words):

ux, and, to, design, of, for, in, course, examples, the, vs, live, video, patterns, get, this, back, buttons, disabled, web, 15h, real, with, what, chef, is, one, knowledge, my, recommend, smart, interface, training, best, practices, life, checklists, sessions, on, vitaly, once, access, forever, short, watch, time, incredibly, experience, expertise, courses, much, it, incredible, value, needed, amount, mind, world, how, everyone, you, exceeded, 275, designing, touch, accordions, navigation, hamburger, frequently, asked, questions, mega, dropdowns, breadcrumbs, carousels, infinite, scroll, modals, footnotes, search, autocomplete, filters, sorting, data, tables, feature, comparison, pricing, plans, schedule, calendars, date, pickers, sliders, timelines, maps, seat, selection, configurators, reviews, ratings, language, selector, closed, captions, subtitles, cancel, hidden, read, only, confirm, undo, metrics, kpis, systems, authentication, privacy, forms, validation, error, messages, bringing, personality, summary, 100, guidelines, common, components, modern, interfaces, designers, engineers, front, end, developers, add, deep, dive, feedback, certification, that, these, wonderful, people, say, about, curated, by, yours, truly, charge, friedman, simple, prices, no, surprises, buy, friendly, newsletter, sign, up, tips, lessons, free, we, ll, explore, new, videos, added, regularly, taste, bonus, dena, cho, enriching, sananda, dutta, unwavering, commitment, students, zara, cooper, years, duygu, özgül, exactly, missing, other, brad, frost, encyclopedia, sara, soueidan, goldmine, portia, burton, brimming, timeless, advice, anna, cook, conversation, ben, callahan, so, place, addy, osmani, simply, fantastic, jhey, tompkins, 11, 10, cassie, evans, ton, aha, moments, alma, hoffmann, gem, dan, mall, don, miss, stephanie, eckles, marc, thiele, treasure, emma, bostian, never, knew, mandy, michael, bunch, take, away, adam, argyle, rad, thoughts, ahmad, shadeed, immense, gwendolyn, schorling, restored, faith, learning, james, rice, boundless, enthusiasm, cath, macaulay, sizzled, detail, stacy, hyun, blowing, vasilis, van, gemert, alba, silvente, well, defined, steps, follow, ricardo, gimenes, clear, enjoyable, carie, fisher, smashing, cat, meowsome, jaclyn, ziegler, blown, learned, ekene, eze, make, smarter, decisions, josh, comeau, thoughtful, robust, building, blocks, avi, itzkovich, darin, senneff, pros, cons, different, aarron, walter, carefully, researched, kitty, giraudel, countless, studies, michelle, barker, plenty, benefit, from, átila, fassina, strategies, solve, right, issues, paul, boag, won, find, better, guide, veerle, pieters, vast, natalie, larsson, brilliant, combination, theory, practice, chuánqí, sun, expectation, debbie, hay, can, enough, krista, boughner, helpful, espen, brunborg, bloody, amazing, kenneth, chen, expectations, artur, trifonov, highly, sous, master, 579, bundle, package, save, 30, off, license, larger, team, seats, pay, per, invoice, still, curious, contact, starts, at, are,

Text of the page (most frequently used words):
and (375), the (256), #lesson (133), design (116), with (104), for (102), how (92), you (89), number (83), course (72), this (70), can (66), that (64), #vitaly (59), your (53), let (52), are (48), all (46), when (44), duration (44), length (41), examples (38), but (38), patterns (36), them (36), get (35), designer (34), well (33), from (33), need (31), they (31), web (30), more (30), video (29), into (28), often (26), time (25), developer (25), interface (25), their (25), explore (25), work (24), every (23), real (23), live (23), what (23), make (23), out (22), training (22), has (22), use (22), about (21), have (21), good (21), one (21), users (21), better (20), customers (20), front (19), end (19), right (19), only (19), not (19), product (18), videos (18), complex (18), life (17), years (17), also (17), knowledge (17), best (17), too (16), world (16), interfaces (16), navigation (16), input (16), buttons (16), there (15), lessons (15), these (15), designers (15), his (15), practices (15), date (15), just (14), learn (14), find (14), decisions (14), coming (14), soon (14), search (14), details (13), workshop (13), want (13), new (13), questions (13), our (13), see (13), will (13), experience (13), without (13), much (13), common (13), way (13), dive (13), sorting (13), over (12), was (12), been (12), recommend (12), very (12), think (12), makes (12), who (12), issues (12), forms (12), error (12), messages (12), fix (12), slightly (12), any (11), checklists (11), quality (11), practical (11), 15h (11), designing (11), access (10), smart (10), back (10), challenges (10), help (10), few (10), why (10), keep (10), free (10), filters (10), frustrating (10), disabled (10), autocomplete (10), scroll (10), love (9), components (9), highly (9), people (9), single (9), than (9), improve (9), mobile (9), provide (9), look (9), systems (9), place (8), something (8), around (8), library (8), many (8), now (8), each (8), learning (8), which (8), looking (8), useful (8), developers (8), deep (8), down (8), mind (8), like (8), tables (8), should (8), difficult (8), authentication (8), allow (8), infinite (8), breadcrumbs (8), most (7), incredible (7), 100s (7), feedback (7), captioning (7), such (7), usability (7), lot (7), where (7), different (7), other (7), important (7), doesn (7), high (7), assignments (7), sessions (7), great (7), digital (7), helpful (7), really (7), projects (7), always (7), exactly (7), guide (7), research (7), watch (7), take (7), show (7), expertise (7), particular (7), while (7), options (7), away (7), data (7), never (7), reviews (7), mega (7), carousels (7), maps (7), preview (7), privacy (6), user (6), entire (6), full (6), cards (6), subtitles (6), year (6), next (6), insights (6), friedman (6), value (6), day (6), amount (6), amazing (6), skills (6), some (6), information (6), content (6), modern (6), done (6), getting (6), here (6), building (6), yet (6), pattern (6), able (6), don (6), easy (6), website (6), validation (6), picker (6), bottom (6), kpis (6), confirm (6), language (6), perhaps (6), multi (6), page (6), timeline (6), sliders (6), pricing (6), email (5), friendly (5), together (5), bring (5), touch (5), days (5), credit (5), paypal (5), bank (5), transfer (5), slides (5), total (5), measure (5), courses (5), 2027 (5), simple (5), wonderful (5), lead (5), working (5), solutions (5), session (5), ask (5), expectations (5), quite (5), learned (5), before (5), focused (5), actually (5), provides (5), detailed (5), enough (5), engineer (5), depth (5), industry (5), websites (5), development (5), suggestions (5), through (5), especially (5), problem (5), intricate (5), engaging (5), detail (5), fun (5), sign (5), usually (5), context (5), start (5), deal (5), order (5), enterprise (5), rely (5), table (5), login (4), via (4), put (4), regular (4), tips (4), team (4), invoice (4), left (4), apr (4), creative (4), being (4), first (4), reliable (4), truly (4), know (4), result (4), even (4), level (4), were (4), everyone (4), shares (4), exceeded (4), plenty (4), researched (4), incredibly (4), senior (4), enjoyable (4), would (4), those (4), already (4), wealth (4), responsive (4), backed (4), benefit (4), particularly (4), studies (4), dives (4), solution (4), needed (4), along (4), fantastic (4), space (4), clear (4), art (4), starting (4), steps (4), follow (4), made (4), available (4), enthusiasm (4), found (4), short (4), whether (4), effectively (4), works (4), accessibility (4), avoid (4), line (4), everything (4), fits (4), apply (4), charming (4), unique (4), become (4), generic (4), manage (4), personality (4), bringing (4), idea (4), inline (4), stream (4), disruptive (4), sense (4), mention (4), tiny (4), password (4), obvious (4), needs (4), healthy (4), isn (4), between (4), solves (4), track (4), undo (4), previous (4), state (4), reduce (4), hide (4), feature (4), button (4), read (4), cancel (4), closed (4), captions (4), communicate (4), text (4), selector (4), ratings (4), easily (4), move (4), task (4), combine (4), imagine (4), select (4), seat (4), display (4), map (4), sort (4), events (4), match (4), dozens (4), products (4), schedule (4), features (4), chances (4), however (4), compare (4), modals (4), accordions (4), dropdown (4), hover (4), menus (4), alternatives (4), faqs (4), hamburger (4), devices (4), check (3), newsletter (3), illustrations (3), passion (3), designed (3), house (3), subscribe (3), certification (3), seats (3), 100 (3), eng (3), personal (3), weeks (3), recordings (3), english (3), chef (3), 275 (3), teaching (3), small (3), smashing (3), testing (3), hand (3), added (3), iterate (3), strong (3), because (3), thing (3), clearer (3), making (3), challenge (3), brimming (3), applicable (3), extremely (3), advice (3), resource (3), miss (3), illustrator (3), resources (3), shared (3), job (3), teacher (3), beyond (3), problems (3), various (3), complexity (3), combination (3), times (3), gain (3), recommended (3), nobody (3), won (3), come (3), achieve (3), tough (3), speed (3), both (3), experienced (3), must (3), carefully (3), faster (3), approaches (3), allowing (3), create (3), tackle (3), choose (3), field (3), inaccessible (3), thoughtful (3), goes (3), above (3), students (3), workshops (3), career (3), easier (3), understand (3), greatest (3), hidden (3), engagement (3), focus (3), had (3), precise (3), director (3), cases (3), dealing (3), approach (3), feel (3), less (3), complete (3), ideas (3), seen (3), does (3), quickly (3), alike (3), gained (3), after (3), usable (3), long (3), mall (3), insight (3), relevant (3), lose (3), sites (3), behind (3), teams (3), interaction (3), timeless (3), frequently (3), component (3), increase (3), towards (3), exploration (3), view (3), add (3), fine (3), little (3), deck (3), twice (3), guidelines (3), dropdowns (3), gotchas (3), unnecessary (3), bulletproof (3), contents (3), starts (3), policy (2), friends (2), please (2), contact (2), beautifully (2), marc (2), thiele (2), ricardo (2), gimenes (2), cassie (2), evans (2), smashingconf (2), com (2), interested (2), still (2), 350 (2), bundle (2), early (2), birds (2), 579 (2), incl (2), once (2), forever (2), community (2), speaking (2), consultant (2), magazine (2), articles (2), involved (2), name (2), collected (2), learnings (2), charge (2), giving (2), levels (2), biggest (2), atmosphere (2), tend (2), itself (2), same (2), applying (2), inspire (2), immediately (2), packed (2), informative (2), future (2), eager (2), challenging (2), expectation (2), comfort (2), part (2), journey (2), type (2), thought (2), brilliant (2), theory (2), practice (2), vast (2), comes (2), hours (2), spent (2), energy (2), across (2), takes (2), strategy (2), strategies (2), solve (2), frontend (2), ideal (2), anyone (2), thorough (2), countless (2), joy (2), pleasant (2), form (2), goldmine (2), proficient (2), guidance (2), author (2), ability (2), pros (2), cons (2), animator (2), offers (2), speaker (2), conference (2), organizer (2), eye (2), hard (2), robust (2), blocks (2), tell (2), someone (2), responsiveness (2), smarter (2), blown (2), break (2), secrets (2), meowsome (2), ensures (2), plus (2), virtual (2), latest (2), include (2), own (2), project (2), defined (2), living (2), home (2), conferences (2), educator (2), blowing (2), class (2), accessible (2), week (2), assignment (2), sizzled (2), clients (2), stakeholders (2), thinking (2), provided (2), boundless (2), rare (2), restored (2), faith (2), immense (2), rad (2), thoughts (2), distilled (2), specialist (2), bunch (2), takeaways (2), valuable (2), knew (2), software (2), topics (2), treasure (2), gem (2), using (2), ton (2), aha (2), moments (2), production (2), apart (2), conversation (2), encyclopedia (2), missing (2), unwavering (2), commitment (2), invaluable (2), certificate (2), receive (2), updated (2), annually (2), 165 (2), exercises (2), recorded (2), growing (2), picked (2), giddy (2), wrap (2), recap (2), summary (2), attractive (2), breaking (2), techniques (2), soulless (2), hasn (2), looks (2), convey (2), nothing (2), memorable (2), connect (2), emotionally (2), spot (2), fields (2), toast (2), fails (2), leads (2), endless (2), dead (2), ends (2), chance (2), segment (2), disabling (2), beginning (2), cause (2), trouble (2), awkward (2), notorious (2), birthday (2), 2023 (2), checkbox (2), submit (2), horrendously (2), evil (2), captchas (2), disguise (2), street (2), signs (2), crosswalks (2), omnipresent (2), cookie (2), prompts (2), related (2), hurting (2), gdpr (2), ccpa (2), specifically (2), permissions (2), asking (2), recovery (2), 2fa (2), magic (2), timing (2), simplify (2), system (2), organization (2), surprised (2), main (2), alignment (2), removes (2), redundant (2), setting (2), tracking (2), define (2), large (2), metrics (2), trust (2), option (2), restore (2), bit (2), friction (2), intent (2), irreversible (2), mistake (2), annoyances (2), minimize (2), critical (2), costly (2), mistakes (2), disable (2), flowchart (2), mismatch (2), frustration (2), abandonment (2), troubles (2), noisy (2), environments (2), consuming (2), audio (2), alternative (2), textual (2), turns (2), straightforward (2), might (2), redirects (2), decouple (2), country (2), presets (2), overrides (2), non (2), modal (2), windows (2), unfortunately (2), confuses (2), frustrates (2), rather (2), helping (2), wizard (2), customize (2), ensure (2), slowed (2), configurators (2), selling (2), tickets (2), cinema (2), baseball (2), stadium (2), opera (2), surely (2), overview (2), beast (2), selection (2), zooming (2), seem (2), pins (2), locations (2), shopping (2), election (2), results (2), messier (2), history (2), textbook (2), sport (2), event (2), heart (2), flow (2), historic (2), tennis (2), boxing (2), protocol (2), happening (2), within (2), timeframe (2), timelines (2), helpless (2), slider (2), masked (2), filter (2), tucked (2), sidebar (2), airline (2), manipulate (2), frustrate (2), slow (2), employ (2), flavors (2), range (2), requirements (2), limitations (2), painless (2), pickers (2), involve (2), music (2), festival (2), appointment (2), calendar (2), essence (2), navigate (2), overwhelming (2), figure (2), calendars (2), overwhelm (2), variants (2), differences (2), organize (2), screens (2), trying (2), answer (2), plans (2), variations (2), hundreds (2), comparison (2), filtering (2), editing (2), close (2), implies (2), alphabetical (2), rating (2), score (2), support (2), jumps (2), consumer (2), apps (2), means (2), freeze (2), fallback (2), auto (2), expect (2), goal (2), phrases (2), refine (2), bar (2), reveal (2), searching (2), forgotten (2), conversations (2), footnote (2), sidenote (2), notes (2), scattered (2), deserve (2), placement (2), footnotes (2), overlays (2), pop (2), ups (2), popovers (2), annoying (2), sometimes (2), informing (2), downsides (2), load (2), pagination (2), items (2), efficient (2), dismiss (2), serve (2), purpose (2), drive (2), conversion (2), carousel (2), neglected (2), sideways (2), paths (2), 2025 (2), probably (2), things (2), barely (2), escape (2), curse (2), doubts (2), concerns (2), address (2), shortcomings (2), asked (2), infamous (2), icon (2), upper (2), corner (2), screen (2), floating (2), scrolling (2), swiping (2), abandon (2), altogether (2), menu (2), instead (2), elaborate (2), discover (2), workhorse (2), everywhere (2), wrong (2), inconsistent (2), traps (2), expander (2), accordion (2), adjust (2), workflows (2), engineers (2), jump (2), impact (2), strings, attached, sent, month, unsubscribe, jack, trades, extraordinary, marvellous, call, enter, below, lil, gift, waiting, brought, crafted, imagination, animated, animations, built, refined, care, photos, powered, adventures, trys, mudford, guillaume, kurkdijan, chiara, aliotta, arrange, audit, consultancy, talk, reach, public, semi, curious, board, licenses, wire, transfers, vat, invoices, choice, license, larger, pay, per, money, ifs, buts, saving, 650, 1000, 10h, save, off, package, 799, answers, slack, hands, master, happy, sous, prices, surprises, buy, linkedin, twitter, writing, workshopping, editor, chief, europe, abroad, big, companies, organizations, european, parliament, haufe, lexware, axel, springer, others, spare, wearing, hats, performance, optimization, last, scouting, honored, studying, worked, failed, miserably, curated, yours, depends, effort, invested, didn, hit, ceiling, stops, teamwork, noticeable, came, contexts, highlight, set, tone, felt, open, safe, trusting, mentor, myself, specific, comment, visible, gets, reasoning, weak, assumptions, pushes, toward, matters, posts, mainly, mindset, delivered, toolkit, shaping, stronger, conditions, methods, constraints, decision, matches, artur, trifonov, wisdom, enthusiastically, excellent, status, quo, craft, far, excited, sheer, discussed, combined, action, kenneth, chen, digestible, nor, presenter, suited, peril, exhaustive, bloody, espen, brunborg, appreciate, current, certainly, colleagues, krista, boughner, anyway, rewarding, learnt, debbie, hay, pushed, zone, losing, relevance, encounter, daily, glad, themselves, microsoft, chuánqí, sun, fit, active, structure, stile, presenting, suitable, beginners, enjoyed, hour, structured, professional, interesting, analysis, humor, parts, natalie, larsson, internet, block, bundled, graphic, veerle, pieters, else, analyzing, thousands, seeking, paul, boag, discussing, architecture, tactics, gives, signavio, átila, fassina, featuring, articulated, explanations, michelle, barker, explains, responsively, responsibly, backing, presented, lighthearted, absolute, kitty, giraudel, give, foundation, aarron, walter, develop, weigh, darin, senneff, requires, explain, certain, avi, itzkovich, applications, meets, aren, careful, wind, shows, surprisingly, elements, indie, hacker, josh, comeau, says, basics, inform, struggled, ekene, eze, exceedingly, knowledgeable, earth, approachable, owner, wants, advance, positive, style, piece, becomes, jaclyn, ziegler, unlikely, places, moonlight, dawn, rest, mascot, food, chaser, cat, brings, reimagining, background, areas, reviewing, succinct, tutorials, carie, fisher, honor, privilege, past, eyewitness, dedication, attention, undoubtedly, professionals, emphasis, permanent, cutting, edge, covered, general, assemble, interactive, amazed, hooked, clarity, alba, silvente, enjoy, room, office, kitchen, hammock, whenever, amassed, everybody, universities, vasilis, van, gemert, topic, visual, stacy, hyun, doubt, confidence, tackling, grew, devour, fraud, self, describing, teaches, renowned, leader, wait, another, wishing, write, briefs, manner, exploding, cath, macaulay, typically, yourself, bored, zoning, wanting, opposite, attendees, given, opportunity, started, ways, client, two, heartbeat, continued, indefinitely, slide, anecdote, possible, scenario, positivity, accompany, based, fell, outside, normal, personalized, having, introduced, haven, pretty, obviously, met, james, rice, continue, refining, used, extensive, homework, critiques, gwendolyn, schorling, example, wasting, weighing, tons, recommendations, anytime, ahmad, shadeed, clearly, professionally, vetted, elegantly, delightful, educational, adam, argyle, super, lots, pressed, engaged, skill, mandy, michael, tangible, closely, collaborate, spotify, emma, bostian, broaden, build, connection, known, intense, mixed, spiced, pinch, tricks, btconf, churning, taking, successful, today, unmatched, extra, otherwise, stephanie, eckles, student, experiences, advisor, dan, accumulated, observation, essential, significant, theoretically, graphics, illustrate, points, funky, alma, hoffmann, hyper, code, sight, bigger, picture, struggles, avoids, insightful, gems, reference, charm, keeps, watching, jhey, tompkins, demos, ecommerce, verticals, loved, format, mix, explores, picking, trade, offs, comprehensive, simply, engineering, manager, chrome, google, addy, osmani, relentless, force, captured, series, ben, callahan, immersive, notice, educators, digging, lovely, principle, worth, ever, anna, cook, skips, framework, hype, straight, actionable, intermediate, wish, discovered, sooner, head, writer, documentwrite, dev, portia, burton, regret, prolific, members, condensed, sara, soueidan, breathing, practitioner, effective, bake, reusable, velocity, brad, frost, nature, necessarily, confidently, synthesis, fundamental, outstanding, duygu, özgül, poured, walks, concepts, lays, zara, cooper, stepping, stone, seasoned, empowering, resonate, deeply, revolutionize, nuances, intuitive, profound, contagious, sananda, dutta, lens, opening, equipping, tools, wider, audience, influence, scenarios, significantly, confident, sets, instructor, holistic, diving, empowered, enriching, dena, cho, say, mark, september, pace, revisions, case, finish, workflow, host, sprint, ground, uis, expiry, forget, bonus, includes, pointers, pages, participate, groupwork, reviewed, peers, directly, online, references, ongoing, mins, charts, remote, corners, delicious, recipes, exquisite, samples, inbox, taste, months, prepared, regularly, packages, intro, sample, study, actual, review, inventing, helps, blog,

Text of the page (random words):
t unnecessary we can rely on bulletproof design patterns to avoid issues down the line this course helps with just that we ll study 100s of hand picked examples from complex navigation to filters tables and forms we ll dive into actual real life challenges and we ll design and review each other s work together live jump to the table of contents watch the intro sample in this video course we ll explore lesson number designing for touch chances are high that most of your customers use their mobile devices to access your digital products these days let s see how we use devices and how we need to adjust our workflows for touch free lesson preview duration 17 51 lesson number accordions ux the workhorse of all interfaces the good ol accordion or expander the pattern is everywhere but too often it s wrong or inconsistent let s explore common usability traps gotchas and best practices free lesson preview duration 15 18 lesson number navigation ux on mobile we don t have much space to display our elaborate navigation options let s discover how we can deal with common navigation issues and which design patterns we can apply to do so duration 20 37 lesson number hamburger ux oh the infamous hamburger icon should it live in the upper right corner or at the bottom of the screen floating as customers are scrolling and swiping by or should we abandon it altogether and use menu instead let s find out duration 10 09 lesson number frequently asked questions ux barely any website can escape the curse of faqs users have doubts questions and concerns and we need to address them effectively let s see how to design slightly better faqs their shortcomings and good alternatives duration 47 14 lesson number mega dropdowns ux do we need mega dropdown hover menus in 2025 probably not let s explore things to keep in mind when designing and building a mega dropdown alternatives to hover menus and fine details for designing a better navigation ux duration 43 52 lesson number breadcrumbs ux breadcrumbs ux are often neglected but they can be extremely helpful when designing a complex navigation let s explore when we actually need breadcrumbs how people use them and how to improve them with sideways navigation clearer breadcrumbs paths and accordions duration 28 58 lesson number carousels ux it s common for us as designers to dismiss carousels at first however when designed well carousels can serve their purpose well drive engagement and increase conversion we just need to move away from the generic view of a carousel towards approaches that usually work slightly better duration 15 44 lesson number infinite scroll ux infinite scroll can be frustrating in this session we ll look into the downsides of infinite scroll and how to fix them for good we ll also explore how we can combine infinite scroll the load more pattern and good ol pagination to make the exploration of items easier and more efficient duration 16 22 lesson number modals ux modals overlays pop ups popovers they all are disruptive annoying and frustrating yet sometimes they can be very useful especially when we need user s input or don t want users to lose context while informing them about something important duration 17 53 lesson number footnotes ux a wonderful yet forgotten ui component that s left behind in all the conversations about navigation the footnote or sidenote too often these notes are found scattered at the bottom of the page perhaps they deserve a slightly better placement after all duration 6 37 lesson number search ux we ll explore how we search and how we iterate on search phrases how to refine the interaction design with the search bar how to show autocomplete suggestions and when to hide them how many to show and the important details to reveal while users are searching duration 38 04 lesson number autocomplete ux when customers have a good idea of what they are looking for they use search and as they do they expect autocomplete suggestions to show up let s find out how we can design autocomplete ux to help customers get to their goal faster duration 27 09 lesson number filters ux too often dealing with filters can be frustrating let s get them right that means never freeze the ui on a single input provide text input fallback and never auto scroll users on a single input here s why duration 37 22 lesson number sorting ux sorting always implies order be it alphabetical order timeline pricing or rating score but too often sorting isn t precise enough doesn t allow for multi sorting and doesn s support context jumps in a stream of data let s see how we can improve sorting ux in consumer focused websites and enterprise apps duration 37 50 lesson number data tables ux how do we deal with complex enterprise tables with filtering sorting search and inline editing a deep dive into the intricate world of complex tables with design patterns to keep close duration 49 22 lesson number feature comparison ux chances are high that you re allowing your customers to select one of the options or variations of your product however to choose one of them they need to be able to compare them easily and your task is to quickly bring them to the product they will love how do we get there especially when we have hundreds of features to compare by duration 22 45 lesson number pricing plans ux how do we design a pricing page that doesn t overwhelm users with all the options features and variants how do we communicate differences and how do we organize everything on tiny mobile screens that s exactly the questions that this lesson is trying to answer duration 53 02 lesson number schedule calendars ux how do we design interfaces for products which involve some sort of a schedule table a tv guide a multi track music festival or an appointment calendar we need to reduce complexity to the essence and allow users to navigate all the details without overwhelming them let s figure out how duration 21 51 lesson number date pickers ux no date picker is like the other one they come in various forms and flavors from date input to date range picker at times with filters requirements and input limitations how can we make date input easy and painless we ll dive in and explore dozens of examples duration 16 32 lesson number sliders ux imagine a helpless little slider masked as a duration filter and tucked away in a sidebar on an airline website so often such sliders are difficult to manipulate and too often they frustrate customers and slow down the entire experience let s find out when it makes sense to employ sliders and how we can make them more usable duration 20 10 lesson number timelines ux every history textbook and every sport event will have some sort of a timeline at their heart a flow of historic events or a tennis match timeline or perhaps a boxing match protocol so what if you want to provide your customers with an insight into dozens of events happening within a particular timeframe duration 13 57 lesson number maps ux with zooming in and out in place maps seem to be quite obvious to get right but what if we want to display pins to locations on a shopping mall map or what about an election results map with autocomplete filters and search that s where maps become slightly messier and more complex duration 20 32 lesson number seat selection ux what if we combine all the previous challenges into one imagine you are selling tickets for a cinema a baseball stadium or an opera house surely you ll want to provide your customers with an overview of available seats and allow them to select the best seat as well the challenge is to do it well on mobile let s tackle this beast duration 15 19 lesson number configurators ux perhaps you have a multi page wizard or you d like your customers to customize your product in such cases we need to ensure that users can easily move between steps and complete the task without being slowed down by the interface duration 32 34 lesson number reviews and ratings ux 95 of users rely on reviews to make their decisions and learn more about how well a product fits their needs unfortunately too often the way we design reviews and ratings ux confuses and frustrates users rather than helping them let s fix that coming soon duration 17 06 lesson number language selector ux how difficult can it be to design a bulletproof language selector it s not as straightforward as one might think we need to avoid redirects decouple our language and country presets allow for overrides and use non modal windows let s dive in free lesson preview duration 35 12 lesson number closed captions and subtitles ux when we think about closed captioning we often think about noisy environments there consuming content via audio is difficult and so captions help communicate information in an alternative textual way but as it turns out captioning can be much more than text coming soon duration 11 44 lesson number cancel x and back buttons ux users rely on a back button to go back but often we mismatch their expectations bringing frustration and abandonment not to mention the troubles with cancel and x buttons let s explore how to fix that and where to put all these buttons in our interfaces duration 33 55 lesson number hidden vs disabled vs read only ux when do we hide a feature when do we disable a button and when do we use a read only state as well let s explore how they all are different and when to use each along with a simple flowchart to follow to guide our design decisions duration 39 58 lesson number confirm vs undo confirm or undo do we trust people to do the right thing and provide an option to restore the previous state or do we add a bit of friction to confirm their intent before they make an irreversible mistake let s explore how we can reduce annoyances but also minimize critical and costly mistakes duration 47 00 lesson number ux metrics and design kpis design solves problems so we should be able to measure how well a particular design solves a particular problem that s why i start working by setting design kpis and tracking them over time let s explore how to define design and track design kpis in small and large projects duration 35 37 lesson number design systems nobody is surprised by design systems these days their main benefit isn t only in a library of reliable ui components but in a strong alignment between teams that removes redundant or unnecessary work but for that a design system needs to be healthy and work well let s explore how we can keep our design systems relevant over time and keep it healthy and up to date for the entire organization coming soon duration 27 11 lesson number authentication ux how can we make authentication and password recovery slightly more obvious and slightly less frustrating in this session we ll look into authentication ux design patterns around login password 2fa magic sign in as well as just the right timing to speed up and simplify authentication duration 44 29 lesson number privacy ux with gdpr and ccpa in place we need to think twice about how we ask customers for their data or specifically how do we get permissions if we really need them it s really the art of asking tough questions at the right time and in the right way let s take a look at omnipresent cookie prompts and see how we can make better privacy related design decisions without hurting the bottom line duration 17 44 lesson number web forms ux very often forms are inaccessible and difficult to use with awkward live validation and notorious error messages not to mention a birthday date picker starting from 2023 a tiny newsletter checkbox disabled submit buttons and horrendously evil captchas in the disguise of street signs and crosswalks so let s fix web forms for good coming soon duration 34 17 lesson number disabled buttons in this segment we ll look into common usability issues with disabled buttons how to fix these issues and when disabling buttons actually makes sense we ll start from the beginning looking into when disabled buttons cause more trouble than help coming soon duration 15 01 lesson number live validation ux inline validation in web forms is useful when it works but frustrating when it fails too often it leads to an endless stream of disruptive error messages or dead ends without any chance of getting out let s fix it for good coming soon duration 19 00 lesson number error messages ux error messages need to be easy to spot but they also need to be helpful let s explore when error messages should live above input fields and why toast error messages are usually not a very good idea coming soon duration 12 59 lesson number bringing personality back to the web the web has become quite generic and soulless hasn t it every single website looks alike and only few websites manage to convey a unique and charming personality as a result nothing is particularly memorable and only few sites manage to connect with us emotionally but we can do better and be charming and unique and attractive without breaking accessibility and usability let s dive into a few techniques to achieve just that duration 26 13 lesson number summary giddy up you made it well done now let s wrap up and recap everything we ve learned in the course and see how it all fits together and how you can apply all the insights to your regular design work duration 12 30 15h video course for designers ux engineers front end developers check the packages get once watch forever new videos added regularly a growing library of video lessons examples with 40 lessons available now and more added every few months ideal for interface designers ui engineers and developers who d love to be prepared for complex ux challenges table of contents lesson number lesson length 17 51 designing for touch chances are high that most of your customers use their mobile devices to access your digital products these days let s see how we use devices and how we need to adjust our workflows for touch free lesson preview lesson number lesson length 15 18 accordions ux the workhorse of all interfaces the good ol accordion or expander the pattern is everywhere but too often it s wrong or inconsistent let s explore common usability traps gotchas and best practices free lesson preview lesson number lesson length 20 37 navigation ux on mobile we don t have much space to display our elaborate navigation options let s discover how we can deal with common navigation issues and which design patterns we can apply to do so lesson number lesson length 10 09 hamburger ux oh the infamous hamburger icon should it live in the upper right corner or at the bottom of the screen floating as customers are scrolling and swiping by or should we abandon it altogether and use menu instead let s find out lesson number lesson length 47 14 frequently asked questions ux barely any website can escape the curse of faqs users have doubts questions and concerns and we need to address them effectively let s see how to design slightly better faqs their shortcomings and good alterna...