Aici la Miro, împuternicim companiile conduse de echipă să creeze produse și experiențe remarcabile în timp ce transformăm provocările muncii distribuite în avantaje competitive. De aceea, suntem mereu curioși de modurile în care companiile de top din întreaga lume construiesc o bază solidă pentru o afacere durabilă. Astăzi suntem încântați să împărtășim o postare de invitat a lui Kyle Chipman, care coordonează gestionarea conținutului proceselor și a mărcii la Chipman Design Architecture, o firmă de arhitectură și design interior de vârf, ai cărei clienți includ Ulta Beauty, Chick-fil-A, Shinola, Fusion Academy, Kerasotes., Senior Lifestyle, Mendocino Farms și multe alte mărci naționale. Fiind unul dintre primii adoptatori ai lui Miro, Kyle a împărtășit câteva dintre tehnicile care îl ajută să creeze o ierarhie vizuală dinamică pentru tablele cu aspect deosebit.

ierarhie

Echilibrarea consistenței și fluidității pentru planificarea la nivel de organizație

În primul rând, aș vrea să spun că Miro a rafinat modul în care planific și concep, dezvoltând o gândire vizuală mai puternică oferind în același timp concepte abstracte relații spațiale mai definite. Este cel mai bun.

În ultimii cinci ani, am folosit platforma pentru a identifica diferite fațete ale firmei de arhitectură a familiei mele. De la infrastructura platformei și planificarea mutării la organigramele și tablourile de bord, platforma s-a dovedit neprețuită oferind o referință mai simplă la ideile bazate pe procese. Tot timpul petrecut în Miro a confirmat o mulțime de bune practici (personale) și tehnici de economisire a timpului, construite pentru a oferi fluxului de lucru ușor și elastic.

Această postare se concentrează în mod special pe modurile în care forma definește ierarhia vizuală, împreună cu mecanica de economisire a timpului în Miro care accelerează semnificativ diagramarea și documentarea. O examinare a unei metodologii de planificare a infrastructurii de proiect este acoperită la sfârșitul postului, folosind aceste tehnici vizuale centrate pe formă.

Chipman Design Architecture

(CDA) este o firmă de arhitectură și design interior cu licență națională de a treia generație, care deservește clienți de restaurante, retail și ospitalitate. Cu peste 140 de membri ai echipei în cinci birouri și patru fusuri orare, CDA a derulat programe pilot, prototip și lansare care utilizează metodologii inovatoare de gestionare a proiectelor, alături de servicii de vizualizare și design experiențial.

Fondatori: Albert Chipman, John + Debbie Chipman

HQ: Des Plaines, IL

Secvența cognitivă

Am ales această metodă în cartea Alinei Wheeler Designing Brand Identity și s-a dovedit neprețuită la crearea aspectului și a ierarhiei vizuale. Formă, culoare, conținut - aceste trei categorii construiesc secvența cognitivă sau ordinea în care percepem informațiile prin percepția vizuală. Dacă folosiți numai conținut (cuvinte) pentru a transmite sens, pierdeți o mulțime de oportunități extraordinare pentru o definiție mai nuanțată și mai dinamică.

Când citiți forma, gândurile dvs. ar putea să sară în cercuri și pătrate, dar cuvintele și tipul oferă o mulțime de oportunități de formă pe cont propriu, predominant atunci când sunt plasate într-o relație între ele (de exemplu, vedeți mare făcând mic). Cei mai simpli diferențiatori de formă pentru cuvinte și tip includ scala, greutatea liniei, întreruperile de linie și justificarea.

HR (fișele postului, diagrame ale proceselor de interviu și angajare, organigrame)

Contabilitate (planificare configurare proiect nou, instrucțiuni software de facturare)

Operațiuni (diagrame de mutare a biroului, diagrame de ședere, gestionarea licențelor)

Managementul proiectului (planificarea infrastructurii proiectului, roluri și responsabilități, tablouri de bord și o serie de documentații privind fluxul de lucru).

Elementele mai nuanțate includ kerningul, conducerea și tehnica de ascundere la vedere a standardelor de capitalizare.

Cu toate acestea, înainte de a începe cu adevărat să vă flexați cu tehnicile enumerate mai sus, veți dori să creați un șablon de bord.

Șabloane de bord

Formatarea presetărilor

Crearea unui șablon de bord este un prim pas extraordinar în valorificarea formei cu cuvinte și tip. Dacă începeți cu fontul implicit 100% -zoom 14pt, rămâneți cu o cameră foarte mică pentru zoom pentru a deveni mai granular în cartografiere și gândire. Zoom-ul dvs. nu se poate apropia mai mult de 400%, iar butoanele care ajustează dimensiunea nu scad mai puțin de 10 puncte. Deci, fontul 100% 14pt abia vă permite să mergeți cu un strat mai adânc în gândire și conceptualizare.

În schimb, încep textul cu 48 de caractere aldine, centrat și cu majuscule.

Apoi creez un pătrat și un cerc (instrument dreptunghiular, țineți apăsat tasta, faceți clic și trageți pentru a menține un raport de aspect consistent) fiecare cu 48pt bold și o linie la greutatea liniei de la mijloc pentru grosime.

Începând cu aceste setări, mă pot apropia de idei mai mici în cazul în care tabloul meu necesită o definiție mai granulară, păstrând în același timp capacitatea de a micșora ideile macro sau definițiile cu cuvinte și tipuri mari, de dimensiuni de impact. Aveți grijă să nu micșorați prea mult. Scufundarea la adâncimile de 3% și 2% este ca fundul oceanului; nu știi ce vei găsi acolo jos.

De asemenea, am folosit 36pt bold și 64pt bold ca puncte de plecare. Vedeți care funcționează pentru dvs.

Crearea unui șablon

Acum că aveți elementele de text și obiect construite, veți dori să le salvați ca șablon pentru acces rapid atunci când creați plăci noi.

Prima dată când încărcați Miro, veți vedea fereastra de biblioteci de șabloane deschisă la crearea unei noi plăci. Dacă sunteți ca mine, debifați imediat butonul „Afișați când creați o nouă placă”, apoi vă simțiți idiot pentru că l-ați ignorat ani de zile înainte de a vă da seama cât de util este. Vești bune: redeschiderea accesului la acest panou de selecție a șabloanelor este un proces simplu.

În timp ce vă aflați într-o tablă, apăsați cele trei puncte din partea de jos a barei de instrumente din stânga, apoi faceți clic pe butonul „Șabloane”.

De acolo, alegeți „Personal” sau „Partajat cu echipa” sub „Șabloane personalizate” și apoi faceți clic pe butonul „Creați șablon nou” (dacă nu există șabloane) sau semnul plus pentru a crea un șablon nou.

De asemenea, puteți crea un șablon nou apăsând simbolul săgeată în sus de lângă numele plăcii din colțul din stânga sus și alegând „Salvați placa ca șablon”. Această abordare are avantajul suplimentar de a captura automat conținutul plăcii. Puteți alege în continuare să setați acest șablon ca „personal” sau „partajat cu echipa”.

O notă importantă despre crearea șabloanelor: va captura și încărca doar elementele grafice, nu scala de zoom la care salvați șablonul. Mi se pare util să micșorezi 50% pe toate plăcile noi, pentru a se potrivi mai bine cu 48 de puncte îndrăznețe și cu greutatea medie.

Tehnici de scalare

Redimensionarea rapidă și eficientă a textului a devenit indispensabilă fluxului meu de lucru Miro.

Deoarece intervalele contorului de dimensiune a fontului sar dramatic după ce treceți marca 80pt, va trebui să începeți să reglați manual scara 80pt + a tipului prin glisarea colțului cadrului de text.

Raportul de schimbare sub marca 80pt se ridică destul de bine; Mi se pare mult mai ușor să le păstrez la 80, 64, 48, 36 etc. Păstrarea stocului de redimensionare vă va ajuta să combinați plăcile pe linie, în cazul în care apare nevoia. Tehnică foarte importantă pe termen lung: Rame de text (fără formă) sunt singurul tip de cadru în care tragerea unui colț redimensionează textul.

Tehnică foarte importantă pe termen lung: Cadrele de text (fără formă) sunt singurul tip de cadru în care tragerea unui colț redimensionează textul.

Aproape la fel de importantă tehnică pe termen lung: Ținând apăsată tasta alt atunci când trageți colțul unui obiect, se ridică în jurul punctului central al obiectului. Acest lucru este valabil pentru tip, forme, imagini, orice. Această tehnică se aplică și platformelor Adobe CC.

Combinarea acestei tehnici cu tasta Shift oferă un raport de aspect consistent la redimensionare. Acest lucru este deosebit de util pentru pătrate și cercuri perfecte.

Alegeți forma de pornire din bara de instrumente, ținând apăsată tasta Shift înainte de a trage formularul.

Scalarea axei

Pentru ca această tehnică următoare să fie cea mai eficientă, trebuie să vă definiți linia centrală sau axa de focalizare. Aceste două axe sunt axele X (orizontală) și Y (verticală).

Decizia asupra unei axe de focalizare (X sau Y) înainte de scalarea punctului central (alt + glisare colț cadru text) vă permite să identificați mai ușor scala corespunzătoare tipului dvs.

Odată ce scara preliminară este blocată, puteți face modificări mari trăgând ortogonal (stânga - dreapta sau sus - jos) de-a lungul axei de focalizare, apoi glisând ortogonal de-a lungul axei opuse.

Strigați la clipurile automate construite de echipa Miro. Este minunat și critic atunci când vine vorba de acest tip de muncă de scalare a liniei centrale.

Căutați un instrument convenabil pentru planificarea la nivel de organizație?

Încercați Miro gratuit, fără corzi atașate

Nu este necesar un card de credit

Studiu de caz

Planificarea infrastructurii proiectului

Ori de câte ori începe un nou client sau cont, unul dintre primii pași pe care îi fac atât cu liderii, cât și cu managerii de proiect este să mapez infrastructura de bază și fluxul de lucru. Înainte de Miro, aceste sesiuni ar fi dispărute, bazându-se doar pe experiența de muncă din trecut a oamenilor din cameră. Ar putea fi permise o serie completă de fluxuri de lucru dacă niciunul dintre jucători nu s-ar fi ocupat de el înainte. Mai mult, lipsa unui punct de referință vizual partajat a însemnat că relațiile fluxului de lucru dintre platforme au fost adesea trecute cu vederea sau simplificate în exces (de exemplu, Schematic Design Package: utilizați InDesign, spre deosebire de Design Associate generează text în interiorul InCopy pentru a fi revizuit de către Managerul de proiectare, apoi transferat către InDesign de către graficul de design asociat).

Setul de caracteristici Miro a fost extrem de util în concentrarea acestor sesiuni de planificare, multe dintre tehnicile fundamentale detaliate mai sus intrând în joc.

Primul pas este efectuarea diligenței interne și asamblarea tuturor platformelor într-o singură placă pentru a servi ca șablon de lansare a infrastructurii platformei. Am inclus atât ansamblul preliminar pe care l-am efectuat împreună cu șablonul de platformă final pentru a evidenția diferența dintre plăcile făcute pentru referință inițială/personală și plăcile făcute pentru utilizarea generală a companiei. Atunci când înființez o tablă pentru referință personală, nu mă cenzurez atât de mult sau nu îmi fac griji că sunt explicit în definiție. Îmi flexez pe deplin gândirea vizuală și conceptuală pentru a da conceptelor abstracte o formă de bază, care, la rândul său, creează grupări de obiecte și permite acestor grupuri să fie plasate unul în raport cu celălalt.

De exemplu, luați elementul grafic bonkers pe jumătatea PARAMETRILOR din diagramă. Acest lucru a rezultat dintr-o explorare a driverelor de nevoi și, deși nu a fost util în lansarea șabloanelor, a servit ca un element de încadrare excelent atunci când gruparea, cum ar fi platformele și programele.

Primul lucru pe care vreau să-l menționez este că dimensiunea textului pentru toate numele platformelor este setată la 64 de puncte. Această scalare a fost aleasă în mod deliberat din dimensiunea textului de 48 de puncte pe care am stabilit-o în șablonul nostru principal. Deoarece știam că platformele vor necesita fluxuri mai detaliate (responsabilități, transfer de informații etc.), am vrut să scalez aceste nume cu o notch mai mare decât nucleul. În acest fel, aș putea șablonul meu de bază și șablonul meu de infrastructură de platformă într-o nouă placă; ierarhia mea vizuală de bază ar fi apoi prestabilită. Acesta este motivul pentru care este atât de important să descoperiți setările dvs. șablon de bază folosind tehnicile enumerate mai sus: pentru a construi cazuri de utilizare în jurul valorii de bază.

După stabilirea dimensiunii de bază a textului și a cadrelor, următorul pas este crearea priorității sau a importanței utilizării platformei. Explorarea noastră în forme anterioare oferă câteva soluții excelente și simple pentru acest lucru, cu un accent special pus pe alinierea platformei/dreptunghiului.

După stivuirea platformelor cu importanță de sus în jos, indentarea creează o prioritate secundară utilă. Când lucrez cu crestături și forme uniforme, mă asigur că crestatele mele cad întotdeauna la lățimea pe jumătate; acest lucru conferă ierarhiei un standard ușor de actualizat.

Urmând secvența cognitivă menționată mai sus, următoarea mea oportunitate a fost să mă sprijin pe culoare pentru a crea definiție. Am vrut ca această prioritizare a culorilor să fie legată de ceva mai concret și mai tangibil, așa că am asociat mici blocuri dreptunghiulare în numele platformelor pentru a defini documentația disponibilă a platformei. Un bloc înseamnă că avem elemente fundamentale, două blocuri înseamnă că avem elemente fundamentale și cele mai bune practici, iar trei blocuri înseamnă elemente fundamentale, cele mai bune practici și tehnici (avansate). Vom aborda mai detaliat teoria culorilor în postările viitoare, dar am bazat gradientul pe albastrul nostru standard al mărcii.

În imaginea de mai jos există o altă tehnică Miro excelentă: folosirea unui fundal alb pentru forme oferă o mai mare concentrare și importanță. Chiar dacă această tehnică nu schimbă nimic la exportul imaginilor (formele se vor exporta cu fundaluri albe, indiferent dacă este selectată ca culoare de fundal a formei în placa de bază), ajută într-adevăr la perforarea și focalizarea conținutului în tablă.

Odată ce ați început să strângeți definiții specifice culorii și formelor, precum legendele sau tastele, devin esențiale, mai ales atunci când intenția este de a crea un șablon pentru uz general.

În imaginea de mai jos este infrastructura de proiect finalizată, creată dintr-un șablon de bază cu toate platformele neaplicabile eliminate. Un proiect Miro a fost creat cu numele contului și acest consiliu a intrat, asigurându-se că toți membrii echipei vor putea face referință rapidă la nucleu. Am putut, de asemenea, să stabilim cine a primit instruire în fundamentele și cele mai bune practici bazate pe asociația noastră de codificare a culorilor și să-i aducem rapid pe toți pe aceeași pagină, salvând nenumărate întrebări inutile în cadrul ciclului de viață al proiectului.

Aceste metodologii de ierarhie vizuală bazate pe formă sunt doar începutul. Tehnici mai avansate, cum ar fi gruparea și straturile, legăturile de obiecte și culoarea vor fi acoperite în postările viitoare. O înțelegere fermă a acestor tehnici și mecanici va spori semnificativ viteza cu care puteți crea plăci și va permite o vizualizare mai extinsă și robustă.