喜歡自己手作禮物給朋友,覺得用心的價值是外面花錢買不到的。
自己也喜歡挑戰使用不同素材,從最普通的紙板、木工、翻模灌模到金工,甚至到自製主機外殼都有嘗試過。
整理了以往的手作 作品集
(怕無名倒掉,還有發覺原來我大一的時候還流行msn+無名...科技潮流超快的阿)
不過人真的是年紀越大就越懶阿,
現在手作禮物幾乎都是用電腦排版,印刷成不同卡片、明信片的形式
越來越少完全自己做模型了ˊˋ
很喜歡設計的東西,能touch到人心,能改善生活(不一定是功能改善、maybe是氣氛、是習慣)
還滿想學木工還有3d printer的說,畢竟東西立體的摸起來感覺更棒!
蒐集了不少 idea,繼續push自己了囉!
延續前幾篇的練習,有了基本功能,再來就是美化了,
最常用的前端框架就非bootstrap莫屬
這篇將介紹如何套用bootstrap
下載 Bootstrap
若沒有要特別去做一些調整,就直接點選客製化與下載吧。
下載後解壓縮應該會看到 bootstrap 目錄有底下這些檔案
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
├── js/
│ ├── bootstrap.js
│ ├── bootstrap.min.js
└── img/
├── glyphicons-halflings.png
└── glyphicons-halflings-white.png
延續之前的帳號申請練習
之前那篇只有做頁面的轉換而已,並沒有實質的功能:因為以下兩個功能還沒有實做
$this->load->model('account_model');
$this->account_model->apply_account();
這篇將介紹如何實做資料庫和網頁的連結
管理資料庫
Read on →前面幾篇的練習,
輸入網址都是要打 localhost/CodeIgniter/index.php/account/index
中間的 index.php
實在是天殺的醜阿
考慮到URL的美觀、還有未來維護專案的方便性(不想所有的Project都混在CodeIgniter底下)
以下以 Win7+Appserv 的環境來實做
有一個project名稱叫做account,放在AppServ/www底下,只取用本來CodeIgniter的部分資料夾及檔案:
- AppServ/www/account/
- application/
- system/
- index.php
[Step1] 確定 Apache 的 mod_rewrite 功能有開啟
Read on →大學快結束了,二手筆電 Asus 13' F6V 也服役至少四年了
想說下一台換輕一點的 Macbook (13'MBA vs. 13'MBPR 考慮中)
而Windows系統、遊戲功能、Server交給主機代勞
筆電專心寫code或處理基本文書就好
這幾年開始覺得要對自己好一點,值得用的就不用省,為此先後敗了不少東西:
[j5Create Ultra Station (JUD500) 多功能筆電擴充座]
$3590 2013/07/26 PChome購入
之前在找尋 Mac 的相關配件時,覺得零零總總的網路線、VGA、HDMI...加起來的費用頗可觀,
無意見看到這篇,發現竟然有這麼OP的東西存在,在Mac還沒敗之前,就忍不住先下手了。
除了可以讓筆電延伸有HDMI、VGA、網路線、USB HUB的功能外,
官方號稱的 Wormhole 蟲洞傳輸
技術:
還可以 Win <-> Win 、 Win <-> Mac 、 Mac <-> Mac 的滑鼠鍵盤共用、檔案 Drag & Drop、文字 Ctrl+C Ctrl+V ...
.
Read on →[環境建置]
安裝Appserv 注意事項
( 安裝完Appserv後就會有 Apache Http Server、PHP、MySQL、phpMyAdmin )
MySQL Server Configuration
- 記住輸入的密碼 (之後登phpMyAdmin的帳號是root 密碼就是這裡輸入的)
- 不要勾選 Old Password Support
- 勾選 Enable InnoDB 安裝成功輸入 http://localhost 進入phpMyAdmin時一片空白 => 解決方式
在Win7底下設置好環境後,我的CI目錄是在 AppServ/www/CodeIgniter
之中
CodeIgniter 底下主要有
- application/
- system/
- user_guide/
- welcome/
- index.php
- license.txt
對CodeIgniter來說我的baseurl就是就是: http://localhost/CodeIgniter
[參考] 以下都是中文!!!
CodeIgniter (1) - 導論:介紹CodeIgniter、Framework、MVC 的概念。
OSSF 自由軟體鑄造場工作坊 CodeIgniter 2.0.X 講課投影片:從CodeIgniter導讀,到建置、各種練習,內容很豐富的投影片
CodeIgniter 使用手冊版本 2.1.4:CodeIgniter 詳細使用手冊
[View 練習]
Read on →2013上半年
有別於以往只學習資工科技相關
首先是在大學最後一個學期修了 智慧生活與創新設計
然後再來是剛放暑假參加的 2013 OpenHCI
兩者有些差別
智慧生活與創新設計:
期待將workshop轉化成學校課程,第一年開課試教,但老實說還沒有完整規畫:
- 沒有隨組的TA跟著我們討論,指引大部分沒有相關設計背景的學生下一步該怎麼發想、收斂。
- 只停留在議題探討(包含演講),很少關於實作中或 User Test 相關的介紹
- 時間規劃不彰,最後成果展沒有多少組別真的有實作出demo
- 每周一次3hr的課程+學校同時有課業容易被忽略,很難每個人都投入相當的心力去思考設計
OpenHCI:
- 大部分演講內容和整個工作坊的Main Idea緊緊扣合,可以立馬從當天的演講應用到下午的活動(發現議題、設計、User Test)
- 每組都有隨著組一起討論的兩個來自不同領域(資工、設計)的TA,也有好幾位身經百戰的大TA讓組內遇到問題時隨時諮詢
- 到了第3屆基本上規畫算是很完整,完整跑完了設計流程(雖然議題探討個人認為時間仍是不夠去深入研究)
- 從早上9點到晚上6點的充實活動,通常參加的人員也沒有多餘時間去忙其他的事情,每個人都很投入,才有更多的交流
(雖然相對時間短很多,但是大家都知道學生的效率都是越短時間越快的嘛xD)
但同樣的,都有些非常難得的經驗:
跨領域合作
擅長coding的資工系配合對於產品開發過程有許多經驗的設計系合作,是一個很難得的合作經驗
不同領域brain storming下,會產出很多創意idea
每個科系都會有自己的執著跟思考模式,難免會有摩擦衝突,常常有時會覺得對方這樣做根本不work,應該要OOO XXX
在這幾次跨領域交流合作的經驗中,個人認為要能放下自己原先的執著,不一定要遵循xxx模式才能work
不要馬上去否定對方的想法,敞開心胸多聽些不同的意見,互相激盪火花,更能看到多元的面向,
這才是跨領域團隊合作成功之處。
在生活中設計
放慢腳步,留心生活周遭
循著好奇心,keep asking WHY,更加探索問題核心
站在不同族群的角度去思考,才能製造出真的能符合需求的設計
Make time to think, design slow, build fast
Customer can't always tell you what they want, but they can always tell you what's wrong
=>越快讓使用者接觸到實物越好
隨著年紀越來越長,好久都不敢去想小時候的夢,很久不敢就這樣放手一搏去闖去衝。
很感謝 fufu、貢丸和龜鬼,喚醒了Just Do it的記憶。
很喜歡動手去做,很想把自己的idea實做出來,讓大家去用,喜歡去用。
經過2013上半年的洗禮,也從大學畢業了。
邁入新的里程碑,不是只有在學校做研究,
更要多加留心生活周遭,不只是察覺身邊缺少的設計,也要對於國家事務有所關心,
越是關心,越是去在乎,就會有更進一步的行動。
有時候解決問題不容易,但提出aware可以喚起更多人的關注。
越多人關注,越多人行動,我們的生活才會變得更好。
GraffiTime
[IDEA]
idea 說明
趕路的行人、無目的遊蕩的遊客、感到無聊的小孩,冷冰冰無感情的台北地下街,
我們以塗鴉賦予它新的面貌。使用者下到地下街後,從入口借此產品,經過地下街的不同區域可以收集到不同的顏色,
待的時間越久能收集到越多顏料,之後能在特定牆面作畫,將等待與閒逛的時間賦予意義,留下美麗的塗鴉。
透過不斷的循環,創造新的台北風貌。
// main idea是觀察到冷冰冰無感情的台北地下街,要創造創造新的台北風貌;solution是塗鴉 (並非塗鴉是main idea)
solution說明:塗鴉元素
- 室外的天很開闊,不同建築物的高度很容易辨識遠近,但在地下街所有店面都是相同高度,空間感容易迷失
因此我們賦予空間不同顏色的代表,希望能讓人們多去探索地下街的空間
- 在地下街沒有像室外有光線、溫度的變化,都是一樣的燈光、空調,很容易沒有時間感。
因此我們賦予時間顏料多寡的具象,希望讓人在地下街停留的時間久一點
- 人與人的互動冷漠
可以藉由與他人交換、贈與,來獲得遠地方的顏色
結尾
我們藉由塗鴉來賦予台北地下街新的面貌,透過人與環境、人與時間、人與人的互動,期待能為此地帶來更多的生機
Read on →[Day5 演講]
由 悠越設計顧問有限公司首席顧問 游牧民 帶來的 Usability Testing
對我們設計好的prototype要進入User Testing的流程有很大的幫助
- 5個人測試可以達到75%的準確率
- 新的feeling 產品 要到10個人
- 不要找朋友(做太多)、開發者(太瞭解)、競爭者(機密外洩)做testing
- Testing分量:90mins 10task
- 問甚麼?
- How often would each feature in your product be used?
- 開放性問題(柔和問法)
- 你覺得未來會想要這個功能嗎? 只能擇一,其他功能會想要哪個 (你的賣點)
- 安排測試:一次schedule好,不要call很多次通知改期
- 測試過程
- 叫user念出task題目,請user邊做邊說
- 記錄issue、user confused的地方 (不要有情緒起伏,使用者會觀察你的反應因而改正他行為)
- Q&A why這樣做 理解此行為原因 (要問的好,一直用why使用者會覺得是不是他做錯了)
- 描述經驗
Day5幾乎就是屬於各組的時間了,於是我們把握所剩不多的時間,
在台科大拿著我們昨天做的渾天儀裝置,給使用者把玩
(不先告訴他們這個裝置有甚麼功能,看他們怎麼使用這個裝置)
結果出乎我們意料,原以為很酷的順逆時針旋轉功能,幾乎沒有人剛開始就知道可以轉
然後使用者拿都會去吹(y軸的轉動)
因此我們刪掉太複雜的功能,開始重新發想
從原有:導覽、時空具像化
=> 時空具象化(用顏色表現)、更個人化
=> 塗鴉idea
在時間的限制下,我們就以塗鴉當作我們最後的設計方案
開始去設計塗鴉能有甚麼功能(塗、吹、蓋、擲...)
然後就開始分工:程式=>資工、外型=>設計
然後就是俗稱一定會熬夜的最後一晚,每天至少9hr的活動,累積到最後一天大家早已疲憊不堪,
所以可以在各處發現各種型態的 屍體 :倒死在椅子上、地上、窗台邊(台科的教室超冷,外面有太陽曬)
不知不覺來到Day6的早上,當然是每年必經的活動 看日出 (資工跟設計系都感同身受的活動阿)
離demo倒數4hrs不到,剩最後的趕工組裝,還有拍攝影片、還有投影片&海報等等製作
有發覺到最後一天,尤其是deadline將近和幾天疲累的結果,大家脾氣都算是越來越火爆(每組都是)xDDDD
[Related Posts]
2013OpenHCI~前言、Day1 腦力激盪
2013OpenHCI~Day2 場域觀察、Day3 作品概念發想
2013OpenHCI~Day4 from Lo-Fi to Hi-Fi
2013OpenHCI~Day6 最後的demo時刻 苦盡甘來
完整相簿