<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 推廣 >

怎樣畫線框圖才有意義

時間:2020-11-26 09:26|來源:網絡整理|編輯:采集俠|點擊:

編輯導語:我們常輕忽身邊習以為常的事物,覺得沒有必要為一些看似簡單又可有可無的東西浪費時間——例如線框圖。雖然沒必要凡事都尋根問底,但當面對復雜問題時,腳踏實地回歸基本面也許才是根本解法。本文深入介紹程序開發界面設計中,最簡單也最容易被輕忽的線框圖設計。

 怎樣畫線框圖才有意義

接下來用以下幾個點進行說明:

什么是線框圖?

常見誤區

為什么要畫線框圖?

怎樣畫線框圖?

組織團隊一起畫線框圖

怎樣畫線框圖才有意義

CB Insights 做過一份調研報告《創業公司失敗的20大原因》,里面說17%的創業公司認為他們失敗的原因在于用戶體驗不夠友好。

畢竟設計出一個對用戶友好的界面并不是一件容易事,特別是對于多維度、關系交錯和要素眾多的復雜產品來說。

要設計這類產品時,我們應該自上而下,從頂層理念到具體細節的方法,而線框圖是最好的工具。

怎樣畫線框圖才有意義

一、什么是線框圖?

線框圖(Wireframe):它是展示Web或者App框架的視覺指南。

繪制線框圖的過程中,我們需要考慮用戶需求和使用流程,并在相應的頁面上布置需要的內容和功能。

軟件開發的初期階段,產品在進入視覺設計和內容填充階段之前,我們可以用線框圖來搭建頁面的基本框架和結構。

怎樣畫線框圖才有意義

乍一看很簡單,比較線框圖已是日常工作的基本環節,交互設計師也不少見。但這就是本文開頭提到的問題,我們往往對看似簡單的事情缺乏重視。

線框圖的最大意義,是幫我們定義產品或者服務的目標。

可以說,線框圖設計的主要目的,就是向團隊、領導、合作伙伴展示App等應用程序將擁有哪些頁面和組件,以及這些元素將如何相互作用。

從這個層面來說,我們可以知道線框圖對于開發過程和最終產品呈現的影響有多大。

二、線框圖的常見誤區

為了完成任務而畫線框圖

直接跳過線框圖階段

做完了視覺再開始準備線框圖

不理解為什么要用線框圖

線框圖應該先于視覺設計階段,而不是反過來。否則就像在敲完代碼以后,再決定選擇你App的技術棧一樣。

好的線框圖是設計質量的保證。我們越了解其使用目的,收益也就越大。因此我們才需要更深入探討使用線框圖的原因及其價值所在。

在現實中,一些缺少產品設計知識的公司可能會直接跳過線框圖階段,雖然這可以削減成本,但也會產生風險。

遇到這種情況,設計師可以嘗試主動解釋為什么要畫線框圖、它對我們的產品有什么好處、怎樣節省開發成本?

三、為什么要畫線框圖? 1. 幫助團隊確認工作內容

線框圖允許設計師用可視化的方式快速創建產品原型,并向團隊展示哪里需要修訂,界面有哪些,上面有什么元素和控件,它們是怎么交互的。

同時,瀏覽可視化的線框圖要比閱讀說明書快得多,也能減少預期和最終成品之間的差異。

怎樣畫線框圖才有意義

2. 讓所有團隊成員都能參與產品設計

我們肯定遇到過這樣的情況,做出了一流的設計卻苦于開發實現的限制。使用線框圖能讓我們拉上開發人員在早期階段一起討論設計,使他們能夠在你進行視覺設計之前提供反饋和建議,這樣能夠加快設計流程從而避免浪費時間和金錢。

3. 為客戶提供原型

從客戶和上級領導那里得到快速反饋是設計中一個重要的部分。我們都經歷過來自他們的改稿要求,這是正常的。有了線框圖,我們可以讓這個過程更有效率,而不是在開發原型上消耗更多的時間精力,同時它也能讓設計師不會在改稿上浪費額外的時間。

4. 能執行用戶測試

《精益創業》(Lean Startup)的作者Eric Ries曾說過,越早進行用戶測試越好——沒有人希望在推出一個應用程序以后才發現用戶不知道如何使用它。線框圖能幫助設計師從潛在用戶那獲得有價值的反饋,而不用花時間去開發復雜的可交互原型。

但UI/UX設計師們使用線框圖并不意味著用得對用得好。

因此下面提供一些實踐中的最佳做法以供參考。

四、怎樣畫線框圖?

為了發揮最大效益,為后續工作流程提供基礎,使用線框圖應該遵循以下幾個簡單原則:

1. 減少顏色的使用

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 日本刮痧| 蜜桃传媒app破解| 芳芳在线观看中文字幕| 全网首发麻豆导演系列| 萌白酱第一部在线观看| 97国产新在线视频| 适合深夜看的小视频国产| 久久午夜看片福利在线观看| 国产原创爱我妻| 国产动漫剧情最好的| 国产欧美三级另类图片| 国产动画情侣头像| 国产丝袜办公室下载| 97国产偷拍视频刺激| 国产精品原创一区| 国产主播视频APP| 韩国的海女| 韩国花歌曲| 麻豆传媒14部资源视频下载| 麻豆传媒视频在线观看最新国产剧| 日本爆珠| 日本再利用| 丝瓜视频在线播放亚洲| 99r5在线播放精品视频| 神马电影午夜午夜伦理在线观看| 日韩AV亚洲AV一区| 国产小青蛙3p在线| 正在播放国产剧情演绎豆芽| 国产偷拍磁力链 下载| 日韩有吗国产盗摄一区二区| 高中生制服种子国产| 韩国N号房事件| 两个女人韩国电影| i麻豆传媒在线| 麻豆传媒映媒怎么看| 麻豆雪千夏视频md0099| foxplay怎么设置中文字幕| 强制让母女怀孕中文字幕| 富二代国产线视频免费观看| 小鸟酱 布丁酱 小草莓在线| 美日视频地址一地址二| http://www.wwwpc333d.com http://www.wwwjdd32.com http://www.49vr.com http://www.wwws0678.com http://www.5125app.com http://www.wwwjjss258z.com