Design orientado a objetos e como usá-lo para projetar sistemas

Como as interfaces de programas, aplicativos e sites se tornaram complexas, uma divisão caótica em especialidades estreitas começou entre os designers: analistas de sistema e de negócios, designers de UX, designers de IU, designers e protótipos surgiram.





O mercado estava dividido: uns sabiam tudo sobre o projeto, outros pintavam os botões e todos tinham certeza de que qualquer problema seria resolvido por um desenvolvedor que simplesmente não tinha escolha. Os incorporadores atuam na ponta da cadeia produtiva e todas as falhas acabam caindo sobre eles. Não é surpreendente que agora, aos olhos dos programadores, um designer, um designer e um gerente sejam pessoas que não fazem nada além de interferir em seu trabalho.





Nos últimos anos, essas áreas começaram a convergir. Design tem a ver com design e design tem a ver com layout. Isso é auxiliado, por exemplo, por sistemas de design, storybooks criados de acordo com as regras de desenvolvimento de interface, bem como ferramentas modernas: Figma, Sketch, InVision Studio e outros.





 , ,    , . ,     , ,   ,    - .





OOUX . (https://alistapart.com/article/object-oriented-ux/), , .





- () — , ,     : , , , SEO-  .       , , . 





.





,

«  ?»   . ,   .     ? ,   .





  ? «», «»  «». «»  ,     :       . ,  .





,   ,  , .





 —   ,   ,   ,  .





     — .       , ,    .





  , , ,   .   .





MVP

    —   ,    . ,   ,   . -   .





    , MVP ( )    , .





MVP — , ,   .





MVP —   Zappos, ,    .        , .     , ,     . - ,   .      ,        ,   .





,   ,   — . , ,        .





  ,    —  .   ,    ,    ,     .





:    . ,   .  ,       .      .





.

 — .   ,     .  —   , .





  ,     .   ,   .





1.

,  .   ,   .





Identificamos todos os objetos encontrados no sistema.
, .

,   (HR).   HR-    hh.ru, .





«» (  «HR-»), «»  «». «»  «» : ,    .





«» . ,   ,   . ,   ,      .





, HR-   ,    Excel,    1     .      :   HR-   .





  : «» ,   , ?       .





2.

 ,   ,  . , .





Opções para o objeto de vaga
«»

  . , , ,   .





 ,    .    ,     ,  , .





,  ,  ,   .  :   , ,         Junior , ,  Middle.     , , .





«» — ,   «».





O objeto de vaga está associado a um teste e a uma notícia.
«» «» «».

3.

  , ,   . ,  ,    .





, ,  .  — .





 ,   -  , .





 ,     .    ,  .





Você pode interagir com uma vaga de três maneiras

4.

  .





 — .   ,       . .





 — ( ) .   .   , . ,     .





 — , / .





 — ,  .   ,   .





 — .     , ,     . , . «»,    ,    .





 .





Em frente aos parâmetros, suas propriedades são indicadas

5.

.   :





0 — .





1 —  .   ,   , ,    .





Os métodos de interação são indicados por números.
.

  . ,   .    , ,    «». «» « » .





Se os objetos têm vários estados, usamos uma linha tracejada e indicamos apenas as diferenças.
,

  ,    — 6 .    , .





      ,  .





,          - , ,   , .





  , , ,     backend. « ?», —   . «  ?», — .





 20−25% .  ,     . ,    — .





   ,   ,    product-. ,   ,  «»  Airbnb,   , 500 000 ₽  .





 — .     . : «, X,  100 000 ₽,   Y —  200 000 ₽». , 200 000 ₽ — .





,        .     ,   , .   ,     .





,       . ,  ,  «».       . 2,5−3 ,   — 40−60 .





.





,    . ,          .     ,   ,    .  ,       ,  ,       , .





  , SEO. , , ,   ,  , . .





  . ,    ,  , SEO-:   - ,   .     ,     , ,   .





    .    tone of voice,     :   (          ), ,     .





 —   ,    ,    .   ,  .





    .   .     .





, ,  ,   .   ,  ,   ,  ,       .





  ,   : « , 50  ».





OOUX  Sophia V Prater

UX-, , - .  .





« »

 . . ,   .





« »

, . : .








All Articles