- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
 



 

 1. [  Domov  ](/)
2. [     Blog  ](/blog)
3. [     Novinky v Mergade  ](/kategorie/novinky-v-mergade)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **Human Centered Design mení všetkých a všetko** </a>
 
  

 

#  **Human Centered Design mení všetkých a všetko** 

 

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/user-avatar/23021961102131189073595481259913287n.jpg)   Lukáš Horák  ](/blog/lukas-horak) [Novinky v Mergade](/kategorie/novinky-v-mergade) 

24. 10. 2018

2 minúty čítania

 

 

 

 

 

  ![Human Centered Design mení všetkých a všetko](https://www.mergado.sk/sites/default/files/field/image/hreb.png)  

Nenechajte sa pomýliť. Toto je článok o Copy na stojáka #4. Ale preto, že ho viedol **Roman Hřebecký** z [Pábení](https://www.pabeni.cz/), téma sa už zďaleka netýkalo len copywrtingu. Roman nám pomohol rozšíriť pohľad na to, **akým spôsobom** majú firmy **premýšľať** **a aké informácie zhodnocovať**, aby dokázali vytvárať kvalitnú prácu.



 

 

 
                function tableOfContents() {
                  return {
                    headings_menu: [],
                    heading_active: '', // Added to track the active section
                    shouldBeSticky: false,

                    generateToC() {
                      const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
                      let headingMap = {};

                      headings.forEach((heading) => { // Use an arrow function to maintain `this` context
                        // Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
                        var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
                        var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
                          .split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
                        headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;

                        // Use the updated `id` with diacritics removed for the heading id and the TOC
                        const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
                        this.headings_menu.push({
                          id: finalId,
                          title: heading.textContent,
                          level: heading.tagName.toLowerCase(), // Track heading level
                          active: false, // Initially set active to false
                        });
                        heading.id = finalId;
                      });
                    },

                    checkStickyNeeded() {
                      const ul = this.$el.querySelector('ul');
                      if (ul) {
                        this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
                      }
                    },

                    setActiveHeading() {
                      // disabled not working with active state on click
                      // add @scroll.window="setActiveHeading()" to the parent div

                      // const headings = document.querySelectorAll('.js-article-full-headings h2');
                      // let activeHeading = '';
                      // let closestHeadingDistance = Infinity;

                      // headings.forEach((heading) => {
                      //   const rect = heading.getBoundingClientRect();
                      //   const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active

                      //   if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
                      //     activeHeading = heading.id;
                      //     closestHeadingDistance = Math.abs(offset);
                      //   }
                      // });

                      // // Update the active state in headings_menu
                      // if (activeHeading !== this.heading_active) {
                      //   this.headings_menu = this.headings_menu.map(item => ({
                      //     ...item,
                      //     active: item.id === activeHeading,
                      //   }));
                      //   this.heading_active = activeHeading;

                      // }
                    },

                    setActiveItem(clickedId) {
                      this.headings_menu.forEach(item => {
                        item.active = (item.id === clickedId);
                      });
                      this.heading_active = clickedId; // Optionally update the heading_active property if used
                    },
                  };
                }
               1. <a :class="{ 'border-r-[3px] border-secondary': item.active, 'text-sm': item.level === 'h3' }" :href="'#' + item.id" class="inline-block text-balance hover:underline p-0.5 pr-3">  — </a>
  



 

Nenechajte sa pomýliť. Toto je článok o Copy na stojáka #4. Ale preto, že ho viedol **Roman Hřebecký** z [Pábení](https://www.pabeni.cz/), téma sa už zďaleka netýkalo len copywrtingu. Roman nám pomohol rozšíriť pohľad na to, **akým spôsobom** majú firmy **premýšľať** **a aké informácie zhodnocovať**, aby dokázali vytvárať kvalitnú prácu.

## Human Centered Design

Aj keď sme sa pri Romanovej prednáške od témy copywritingu ako takého vzdialili, je potrebné povedať, že sme sa vďaka tomu dokázali zamyslieť sa nad zmyslom našej práce aj spoločností, pre ktoré pracujeme. A to je jeden z hlavných cieľov Pábenia – **ísť hlbšie, k podstate problému**. Práve preto sa už Roman a jeho kolegovia neživia iba copywritingom. Pábení sa postupne preorientovalo na **poskytovanie komplexného design thinkingu**. A vďaka tomu dokáže firmám pomáhať s tak veľkými požiadavkami, ako zmena spôsobu náboru zamestnancov, tvorba obsahu webu, či správne uchopenie hodnôt firmy.

Jeho hlavnou osou je pojem **Human Centered Design** – teda tvorba riešenia s ohľadom na ľudí. Toto zaklínadlo znamená, že pri hľadaní a pomenovaní problematiky je potrebné sa **sústrediť na potreby a požiadavky klientov i zamestnancov** a podľa toho poskytovať vhodné riešenie.

Roman dal návštevníkom takmer zaplnenej [Nekavárny](https://www.nekavarna.cz/) veľa nových podnetov. To bolo vidno aj po skončení prednášky, kedy sa na neho znieslo mnoho dopĺňajúcich otázok. Ďakujeme Romanovi a všetkým účastníkom, že nám pomohli urobiť ďalšiu zmysluplnú akciu (nie) len pre tvorcov obsahu. Že ste Copy na stojáka #4 nestihli? Pustite si video!



 

  

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/user-avatar/23021961102131189073595481259913287n.jpg)  ](/blog/lukas-horak)###  [ Lukáš Horák ](/blog/lukas-horak) 

Lukáš sa v Mergade stará o väčšinu komunikácie v češtine. Prostredníctvom blogu, e‑mailu a sociálnych sietí pravidelne zásobuje čitateľa aktualitami z e‑commerce, novinkami a tipmi z Mergada. Pokiaľ práve nie je copywriter, užíva si príjemné veci ako badminton, výlety medzi utajené skvosty osemdesiatkovej hudby a plody mora podávané s červeným vínom.

 

 

 

 

 

 

 

 

 

## Mohlo by vás *zaujímať*

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/image/mergado_chatgpt_2.jpg)  

### ChatGPT Shopping: Budoucnost nakupování je tady

 

 ](/blog/chatgpt-shopping-budoucnost-nakupovani-je-tady) 

 [    ![](https://www.mergado.sk/sites/default/files/perm/image/mergado_research_group.png)  

### Presaďte svoje tipy na vylepšenie MERGADA. Odteraz nám môžete hovoriť do práce v rámci Research Group

 

 ](/blog/mergado-research-group) 

 [    ![](https://www.mergado.sk/sites/default/files/perm/image/cesta-k-elementu.png)  

### MERGADO 2 má nový nástroj. Vyskúšate s ním cestu k elementu nanečisto

 

 ](/blog/mergado-2-cesta-k-elementu-nanecisto) 

 

 

 

## Nenechajte si nič *ujsť*

 Prihláste sa k odberu nášho newslettera 

   

       

   Prihlásením súhlasíte s tým, že vaše údaje budeme spracovávať v súlade s našimi [zásadami ochrany osobných údajov](/vyhlasenie-o-cookies). 

  Ďakujeme, úspešne ste sa pripojili k nášmu zoznamu odberateľov. 

 

 

 
      function ml_webform_success_5807248() {
        var r = ml_jQuery || jQuery
        r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
      }