台灣清潔工程交流論壇

標題: 《视觉之外》丨如何成长為全链路UI設計师? [打印本頁]

作者: admin 時間: 2022-10-4 23:02
標題: 《视觉之外》丨如何成长為全链路UI設計师?
我很是喜好他在自序里的一句话——“若是说《消息之美——Sketch挪動UI與交互動效設計详解》想阐明甚麼是“對的設計”，那末本书想讓大师感觉到甚麼是“好的設計”，也為大师供给從本色上解决問题的法子。”

從“怎样做”到“為甚麼如许做”，這看上去仿佛很简略，但实際上是一個設計师的重大思惟進级。当咱们再也不為用甚麼软件、這個設計结果怎样实現而困扰的時辰，你就會發明，真正决议一個設計师的上限是——這個設計师有無思虑能力。那末，設計的思虑能力是甚麼，必要思虑甚麼，這本书，将會给你一部門谜底。

1、這本书讲了甚麼？

1. 内容布局

這本书作者写了差未几11万字，实體书應当挺厚的，但整本书的内容布局很是简略，读起来也很轻易。它重要分為五個部門，依照產物設計的事情流程来先容，别离是產物、交互、設計、研發和数据阐發（可以理解為運营）。用作者的话来讲，經由過程這五個關頭阶段思惟能力的晋升，設計师才能快速構建综合思惟模子，成為“全链路設計师”。

2. 產物

在往期的念书分享里，有不少設計师會問我，怎样样去晋升產物的根本常識。实在我很细心思虑過這個問题，我也比拟了好几本书。但最後我發明《视觉以外》關于產物根本常識這一节，实在可以算得上一個產物常識的低级入門。這一节作者就给咱们先容了好几個很是根本、關頭的產物常識點。

2.1 產物生命周期

在產物拆解的「產物画像」部門，有一個模块不晓得大师有無注重到，那就是產物的生命周期。在把行業、竞争敌手、產物先容、用户画像、信息布局等都先容完今後，我會奉告大师，這個產物当前处于哪個生命周期，当下產物方针聚焦于贸易變現仍是用户增加。

若是你不懂產物生命周期的观點，那你就很难大白為甚麼一個產物在分歧的阶段他们的营業方针纷歧样。好比一款处于引入期和成持久的產物，你會發明他们會冒死砸钱来获得用户。像滴滴、美團這些產物，在他们刚推出的時辰，猖獗地给用户各类补助、红包。而一個处于成熟期的產物，好比咱们拆解過的QQ音乐、微信念书，他们都在摸索丰硕多样的红利模式，实現贸易變現。這就是由于產物的生命周期分歧，以是营業方针分歧。

作者花了一個很长的篇幅去讲授產物生命周期，好比它包括的四個阶段，另有分歧阶段產物存眷的核心和方针，這些常識很是适用，你读完今後，會名顿開。

2.2 最小可行性產物設計

甚麼是最小可行性產物？也就是一個能知足用户利用最根本功效的產物。好比你做一個商城，最根本的功效就是实現用户在前台付钱采辦，後台接管定单数据，只要這個流程没問题，就可以包管產物的根本運转。至于其他拼團、會員、物流、积分這些功效，他们便可以推後設計，乃至均可以不消設計。咱们凡是把最小可行性產物称為MVP（Minimum Viable Product），這個观點是出自于埃里克·莱斯《精益創業》這本书，這是產物設計内里常常说起的一個設計法子，咱们必要熟记。

2.3 設計冲刺

「設計冲刺」和「MVP」同样，它也是一种產物設計的法子，是google設計團队按照本身的事情履历提炼出来的，并且有專門先容這個法子的同名册本。這個法子和「MVP」分歧，它更偏重于在短期團队聚焦于解决某個產物在某個時候段的設計方针。

2.4 產物價值和產物需求

实在我在梳理這一节的時辰，我忽然發明当你读的书越多，你读起来就越轻易。為甚麼這麼说呢？由于這一节作者所提出的問题，刚好可以用曲卉在《硅谷增加黑客条记》里描写的「設計公式」来解答。若何去果断某一個新功效是不是有需要開辟、和這個功效開辟的優先次序，说真话，不是靠感受，而是有成型的公式来帮忙你做决议计划。有乐趣的朋侪，可以读一下6月份我写的《送给在線英语發蒙教诲從業者的產物設計公式》那篇行業洞察，那篇文章對「設計公式」的提炼和應用就写得很清楚。

2.5 竞品阐發

你會發明所有的讲交互設計、產物常識的册本，城市提到竞品阐發。足以阐明，竞品阐發真的是每個產物司理、交互/UI設計师必备的根本技術。

3. 交互

作者在交互設計這個章节，重要先容了交互設計的根本观點、用户调研的流程方法、信息架構的观點和建造、流程圖和原型設計的绘制法子等。若是你读過《步步為赢》，你會發明這些常識點当你再看一次的時辰，它们都渐渐成為你的朋侪。作者讲得很细，详细大师可以去细心读，有两個點我感觉很首要，零丁给大师说一下。

3.1 交互設計在產物設計各阶段的感化

作者經由過程一個產物研發的完备流程来先容交互設計师的感化。固然交互設計师凡是被不少人理解為画原型的，但究竟上交互設計师會介入全部產物設計研發的所有阶段。

在設法變成需求以前，若是這個時辰有交互設計师介入，那末不少伪需求就會在這個环节被PASS了。一個有履历的交互設計师，會快速的去果断這個需求是不是合适营業逻辑，可以或许找到有类似营業流程的竞品，万万别小视這個环节，不少創業型的團队都死在伪需求上面。

需求确認今後，实在就到了原型設計阶段，這是交互設計师最焦點的事情。我前次在《步步為赢》内里总结的，交互設計师，就是產物團队的营業需求翻译官瑞芳通水管,，把需求翻译成页面，讓全部產物團队清楚了然晓得這是一個甚麼样的產物，咱们要怎样做。

最後到界面設計、研發、测试直至上線，交互設計师都饰演了很是首要的脚色，可以说，交互設計區塊鏈遊戲2022,师其实不只是给UI設計师画線框圖，而是為一個產物從設法到上線保驾护航，低落產物的失败率。

3.2 信息架構的观點和建造

信息架構是甚麼？信息架構就是一個產物的骨骼，從這個信息架構便可以看到這個產物有几多器官。我在直播摹仿实操的時辰，零丁演示過用Xmind来梳理一個產物的信息架構。实在法子就是如许，不論是咱们設計一個產物，仍是去调研一個產物，信息架構必定是所有產物設計的第一步。只有把這個產物的内容计划好，你的页面才晓得要放甚麼内容，怎样放。Xmind這些思惟导圖软件很好上手，大师只必要親身做几個，就可以對信息架構快速上手。

4. 設計

在本节中，作者针對UI界面設計的一些根本常識點，举行了周全的归纳，好比当下風行的UI設計气概、UI設計中的根本入門常識、多平台的設計注重事項等等。這些常識點都很根本，我就不外多先容，大师可以去细心读，把這些常識點吸取。

5. 研發

不少設計师城市说，我是做設計的，代码這类事兒，和我没啥联系關系。究竟上，若是你能把握一些根本的產物研發常識，這會對你在事情中的协作起到很是大的帮忙。我一向给大师说，做設計，必定要和前端处好瓜葛，由于你们两的事情，是绑缚在一块兒的。你的設計再标致，若是前端没法還原，最後的體验也會大打扣頭。怎样样去和前端处好瓜葛，那就是必要你去進修一些根本的技能常識。作者在這一章里讲了不少常識點，包含Html的進修、CSS的快速入門，乃至另有一节是教設計师若何用Wordpress搭建本身的博客。我挑選几個首要的常識點，分享给大师。

5.1 前端和後端

這两個词，大师必定听得耳熟能详了吧。可是仍是有需要给大师提一下，前端就是用户看得見的部門，好比一個購物網站，咱们能利用的所有功效，都属于前端，這些都是用户可视化的。尔後端，则是指用户看不到的数据互换，好比当天發生了几多定单、付出了几多钱等等。UI設計师和前真個接洽最慎密，必定要時候去领會前真個根本常識。

5.2 後端和後台

後端和後台是两個彻底分歧的观點，而且二者也不是统一层级的内容。简略来讲，後台是必要前端和後端一块兒才能開辟出来的，可以把後台理解為一個產物。好比站酷的創作者中間，它实在就像一個後台，你可以检察本身数据、辦理本身的作品，這些用户是看不到的，但你所操作的後台，究竟上也是由前端和後端组成，你看不見的数据就是後端，你操作的所稀有据互换和处置都是由後端职員完成。

5.3 動态页面和静态页面

動态页面，就是這個数据會及時更新，可以由辦理員在後台公布更新；而静态页面，一般就是前端工程师會直接以代码的情势把页面给写死，後台没有點窜這個页面内容的功效。這两個观點對UI設計师来讲，实在真的很是首要，必定要去充实理解動态页面和静态页面的區分，由于這常常關乎到你的設計适用性。

我碰見過不少的設計师，他们的設計稿真的很标致，可是一點都不适用，為甚麼會造成如许的缘由，不少時辰由于他们不懂動态和静态的區分。出格是在品牌官網的設計中，有不少設計师在消息資讯、成长進程這些页面去設計不少立异的结果，但常常疏忽了這些内容，是必要常常保护更新的。一旦設計师斟酌不周，就會致使設計稿很都雅，上線结果一塌胡涂。理解動态和静态的區分，可觉得全部產物運营團队低落不少事情量。

5.4 HTML、CSS和JavaScript之間的瓜葛

HTML就像咱们页面設計的内容，有頭部、有金刚區、有菜单栏；CSS就像是色彩样式、文本样式，你可以批量去點窜這個大眾样式，全部設計就可以连结一致；而JavaScript就像交互動态结果，好比點击某個按钮，它會發生移出的结果。作者针對這三個内容都有很具體的先容，列位可以连系本身的乐趣去浏览，把握一些根本的编程常識。

6. 数据阐發

当一個產物正式上線運营今後，這個產物就會不竭迭代。而設計师在產物的運营進程中，必定要去進修领會一些常見的数据指标，這些数据指标，可以真实反馈產物是不是解决用户的利用环境，和用户在產物利用進程中所碰見的难點。没稀有据，再完善的產物也没有會商的意义。

6.1 常見的数据指标

作者把数据指标分成為了三类，别离是與用户相干、與举動相干和與营業相干的数据指标。投影繪畫機,实在若是你常常浏览咱们的產物拆解，不少專業名词都已很認識了，好比获客、激活、保存、日活、PV等等。

6.1.1 DAU和MAU

DAU和MAU别离称為日活泼用户数目（简称“日活”）和月活泼用户数目（简称“月活”），重要用来察看某個產娛樂城優惠，物以日或以月為单元的用户活泼量。

6.1.2 PV和UV

PV是指页面阅读量，UV是指拜候某個页面的自力用户数。好比3個用户拜候了一個APP的100個页面，那末PV就是100次，UV是3。

6.1.3 GMV

GMV全称為Gross Merchandise Volume，指一段時候内的成交总额，一般在電商类產物举行数据统计或制定KPI（Key Performance Indicator，關頭绩效指标）時利用。

6.2 A/B测试

A/B测试就是把所有的用户分成两部門，一部門用户看到的是A方案，另外一部門用户看到的是B方案，然後對两部門用户利用產物時發生的数据举行阐發，為终极選择利用哪一個版本的方案供给有用的参考根据。近来一周，站酷就在举行A/B测试，目标就是收集分歧用户群的反馈。

7. 总结

《视觉以外：全链路UI設計思惟的培育與晋升》這本书内容很是夯实，不但仅周全先容了全链路設計师所必要進修把握的五個部門，并且還参加了不少实操的内容。好比流程圖的绘制、信息布局的东西、编程说话的進修、CSS的入門等等。這本书真的很是合适比力傳统的UI設計师進修，可以經由過程這本书快速冲破本身的常識盲區，從而大白当下和将来的UI設計师成长标的目的，成為一位有竞争力、有價值的全链路設計师。

2、這本书對咱们有甚麼開导？

1. 全链路設計师的發展模子

作者写這本书的内容布局，实在就是一個全链路設計师的發展模子。若是你想成為一位全链路設計师，那末你就必要在產物需求、交互設計、UI视觉設計、產物研發和数据阐發這五個關頭阶段去進修。你可以按照這個發展模子去计划本身的進修内容，好比你当下產物的常識很是亏弱，那末你便可以晋升產物常識。如许你就颇有方针感，這個模子可以對你起到引导和审阅的感化。

2. 產物設計的思惟能力

一款產物設計不是一個點，一条線，一個面，而是一個體系工程。就像作者在這本书里所罗列的五個部門，若是你只是局限于某個產物設計的妍媸，那末你的思惟能力就没法获得冲破。你必定要有全局观，要從总體去動身思虑一個產物若何設計；你必定要跳出設計的履行层，從頭至尾去思虑，如许你才能從把握一個設計东西到進修到一种產物設計思惟能力。

3. 從”怎样做“到”為甚麼如许做“？

我把這個思惟的晋升界说為一個設計师演變的节點。就像我曩昔做外包設計的時辰，更多只逗留于若何依照客户的需求去把項目設計好，而底子没有去思虑客户為甚麼會有如许的需求。

3、写在後面的话

這本《视觉以外：全链路UI設計思惟的培育與晋升》不但仅向你周全先容了成為一個全链路設計师的技術模子，更是分享了不少实操的法子。就像他在序里所写的，他想帮忙大师打開一扇門，一扇可以毗连其他岗亭的門！

歡迎光臨台灣清潔工程交流論壇 (https://onecl.com.tw/)